# Modifying the core colors like var(--secondary)

**URL:** https://meta.discourse.org/t/modifying-the-core-colors-like-var-secondary/334886
**Category:** Support
**Created:** [November 7, 2024, 4:15am UTC](https://meta.discourse.org/t/modifying-the-core-colors-like-var-secondary/334886 "2024-11-07T04:15:54Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![abrambailey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/abrambailey/32/119786_2.png) [@abrambailey](https://meta.discourse.org/u/abrambailey)
#### Post date: [November 7, 2024, 4:15am UTC](https://meta.discourse.org/t/modifying-the-core-colors-like-var-secondary/334886/1 "2024-11-07T04:15:54Z")

</div>

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!

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [November 7, 2024, 11:52am UTC](https://meta.discourse.org/t/modifying-the-core-colors-like-var-secondary/334886/2 "2024-11-07T11:52:24Z")

</div>

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

code:

> <https://github.com/discourse/discourse/blob/193d25df009f93d4fc5994697c11083342e30209/app/models/color_scheme.rb#L37>

browser:

![image](https://global.discourse-cdn.com/meta/original/4X/d/e/6/de6477628498348e0d997d1cf962e28ac72fd415.png)

Let’s edit tertiary:

 ![This image appears to depict a screenshot of a program for formatting color codes, as indicated by the presence of various options and a color palette. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/8/f/0/8f01c4de5e19d6081086ff566b2911ae22e88bef.png)

![image](https://global.discourse-cdn.com/meta/original/4X/8/e/e/8ee7be284a9200405bac736e49c0861f0a2ea2d1.png)

mmmm … jaffa:

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/e/9/be9b5067885d835b74b7b0622739774b5a1eb006.png)

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [November 7, 2024, 7:00pm UTC](https://meta.discourse.org/t/modifying-the-core-colors-like-var-secondary/334886/3 "2024-11-07T19:00:44Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![abrambailey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/abrambailey/32/119786_2.png) [@abrambailey](https://meta.discourse.org/u/abrambailey)
#### Post date: [November 8, 2024, 12:39am UTC](https://meta.discourse.org/t/modifying-the-core-colors-like-var-secondary/334886/4 "2024-11-08T00:39:03Z")

</div>

Here’s an example:

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/9/9/d9954b81d2611dcf2e29da7305901bf8819a508e.png)

 ![Sure, I can help with that. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/f/f/2/ff25cec6037e3cf8101ee09b5720d9f6169a2326.png)

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

```plaintext
"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.