Hey, I’m using Discourse for a while but didn’t do much styling yet so bear with me if that question sounds stupid. I’ve used the color schemes to fit my colors but noticed in several places brighter versions of my colors get generated and as a result this doesn’t look good in my case. Of course I…

You can’t override core variables in theme CSS at the moment, related request: [image] Override global Sass variables from theme dev Continuing the discussion from Cleaning up our color palette art : Themes already have the ability to define sass variables: However, f…

EDIT: does not work (yet) You can override the SCSS variables instead. app/assets/stylesheets/common/foundation/variables.scss 030e322a3 $primary-very-low: dark-light-diff($primary, $secondary, 97%, -80%); $primary-low: dark-light-diff($primary, $sec…

Thanks, do I just override them in the custom theme css? I tried with @import "theme_variables"; on the top of the custom css and copied over the variables and changed them - no success so far.

Override programmatic color generation

Support

awesomerobot (Kris) November 25, 2019, 5:10pm 6

This is now possible, check out Override values for auto-generated color variables

Topic		Replies	Views
Override global Sass variables from theme Development	5	3118	November 25, 2019
Use Discourse Core Variables in your Theme Developer Guides how-to , theme-guides	0	12039	January 9, 2018
Override values for auto-generated color variables Announcements	1	2009	December 1, 2023
Challenges creating a custom color palette Development	8	235	January 29, 2025
How do colors work and how to change them? Support ux	5	217	March 20, 2025

Override programmatic color generation

Related topics