I currently have a single theme with two palettes (one light, one dark). I’m 90% happy with the dark palette, but in some cases I’d like to make corrections. For example, there isn’t enough contrast between the background and the foreground colors for whispers in the dark palette: .whisper .topic-…

Sure, there’s a couple of SCSS functions that you can use to check if you’re on a light or dark color palette. app/assets/stylesheets/common/foundation/variables.scss a4356b99a @function is-light-color-scheme() { @if dc-color-brightness($primary) < …

Thanks for pointing that out, @Johani . It looks like the dark-light-choose($light, $dark) function does exactly what I want, but my problem now is that it’s not detecting the change of palette. My only active theme is called “Nacho” and it has two palettes: “Clara” (Light) and “Oscura” (Dark): [i…

How to change CSS color for a single theme palette?

Support

Nacho_Caballero (Nacho Caballero) December 5, 2020, 11:33am 4

This was fixed here: Why might dark-light-choose() not work?

Topic		Replies	Views
Why might dark-light-choose() not work? Support	4	1736	January 5, 2021
Different CSS changes for different color schemes Development css	3	726	October 17, 2023
Whats the easiest way to make a light theme using a dark theme that has heavy customizaiton Development	4	55	February 20, 2026
Color palette not affecting website Support	2	82	March 24, 2025
Light theme palette previews as dark / breaks personal palette options Bug	3	124	July 25, 2025

How to change CSS color for a single theme palette?

Related topics