# Change all the colors of a theme

**URL:** https://meta.discourse.org/t/change-all-the-colors-of-a-theme/226967
**Category:** Support
**Created:** [May 13, 2022, 5:28pm UTC](https://meta.discourse.org/t/change-all-the-colors-of-a-theme/226967 "2022-05-13T17:28:39Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![yhh9xdq7dc](https://avatars.discourse-cdn.com/v4/letter/y/f17d59/32.png) [@yhh9xdq7dc](https://meta.discourse.org/u/yhh9xdq7dc)
#### Post date: [May 13, 2022, 5:28pm UTC](https://meta.discourse.org/t/change-all-the-colors-of-a-theme/226967/1 "2022-05-13T17:28:39Z")

</div>

I can’t figure out how to change all the colors of a theme. From “Customize / Colors” you can change the color palette but only from “primary” to “love”. There are 10 but in the file “color\_definitions\_\*\*\*” there are many more variables. Such as --tertiary-low or --tertiary-medium!

If I edit via “Edit CSS / HTML” in my theme settings, adding all the values and editing them, in the file then they are duplicated. In the sense that the file would have 2 lists of variables but with different colors (because I would modify them). But looking at some Discourse communities, they changed the colors directly(without duplications). So there must be a way, but I can’t find it .. thanks in advanc!

I know it is not the right category for this request but I have not found a better one in which to post the topic .. 😅

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [May 13, 2022, 7:21pm UTC](https://meta.discourse.org/t/change-all-the-colors-of-a-theme/226967/2 "2022-05-13T19:21:29Z")

</div>

You can’t override those colors via the admin UI, but it can be done using a remote theme… there’s some detail about how to do so here:

> [@Override values for auto-generated color variables](https://meta.discourse.org/t/override-values-for-auto-generated-color-variables/134374):
>
> As of v2.3.3 (released early September) you can now override our automatically-generated SASS color variables ($primary-low, $primary-medium, etc) in remote themes (you can not yet do this directly via the admin UI.) To override one of these colors you need to add it to the color\_scheme section of your theme’s about.json file. Once you’ve done that you can see the override listed within your color scheme in /admin/customize/colors. "color\_schemes": { “My\_colors”: { "primary": "000000…
