I have a default primary colour: #4d238c. The issue is: the color for $primary-medium being generated (#a179de) doesn’t pass accessibility guidelines, so i need to make it darker. It seems laborious to change it in all places where the system is using the medium colour when I could just over write …

Yeah totally understand this, at the moment there’s no way to directly override any of the secondary variables we automatically generate because those are all set in stone when the CSS is built. So in the short term, you will need to manually make these changes. Some explanation: The color schemes…

Hey Kris Thanks for the reply so quickly. Yes, our primary concern is accessibility as we are using your product in a governmental context. I have worked around the accessibility of the contrast in a step by step manner, but as discussed it would be good to have the default colours accessible. T…

We stumbled onto this thread because of a similar issue, we solved it with a workaround by adding the following to the theme’s common css: :root { --primary-medium: #666666; }

$primary-medium SCSS 変数の問題

開発

awesomerobot (Kris) このトピックを分割しました: 2019 年 7 月 11 日午前 1:46 4

2 posts were split to a new topic: Lighthouse accessibility audit issues

トピック		返信	表示
Override global Sass variables from theme Development	5	3118	2019 年 11 月 25 日
Override values for auto-generated color variables Announcements	1	2009	2023 年 12 月 1 日
Override programmatic color generation Support	5	1685	2019 年 11 月 25 日
Modifying the core colors like var(--secondary) Support	3	99	2024 年 11 月 8 日
Topic excerpt unreadable on dark theme (contrast issue) Bug	3	702	2018 年 12 月 15 日

$primary-medium SCSS 変数の問題

関連トピック