Modifying the core colors like var(--secondary)

[abrambailey]

Is there any way to change colors like var(--secondary) which are used in various places around the site? In the color settings in customize you can change the “secondary” color but this seems to have no affect on var(--secondary)

Thanks!

[merefield (Robert)]

I don’t know what you are doing, but var(–secondary) working for me:

code:

discourse/discourse/blob/193d25df009f93d4fc5994697c11083342e30209/app/models/color_scheme.rb#L37

browser:

Let’s edit tertiary:

mmmm … jaffa:

[pfaffman (Jay Pfaffman)]

If it were me, I’d have the problem you describe because I was changing one color scheme in the UX while using another in my theme component.

Your mileage may vary.

[abrambailey]

Here’s an example:

It seems that these vars are not configurable. This is the copy / paste from my colors config:

"HT Colors": {
  "primary": "142546",
  "secondary": "FEF9F0",
  "tertiary": "4A7FE5",
  "quaternary": "FBC379",
  "header_background": "ffffff",
  "header_primary": "142546",
  "highlight": "ffff4d",
  "danger": "e45735",
  "success": "009900",
  "love": "fa6c8d",
  "hover": "ebf0f9",
  "selected": "dee6f6"
}

It seems like there must be some other way to set the color vars used by badges, etc.