# Changes in root colors generation

**URL:** https://meta.discourse.org/t/changes-in-root-colors-generation/219953
**Category:** Support
**Created:** [March 3, 2022, 1:00pm UTC](https://meta.discourse.org/t/changes-in-root-colors-generation/219953 "2022-03-03T13:00:37Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [March 3, 2022, 1:00pm UTC](https://meta.discourse.org/t/changes-in-root-colors-generation/219953/1 "2022-03-03T13:00:37Z")

</div>

I couldn’t find an announcement on this. I saw there’s new root color declarations (primary-900, primary-800, …)

I’m working on a theme and I get different calculations for these (primary is the same), apparently depending on Discourse version?

 ![Screenshot from 2022-03-03 12-54-20](https://global.discourse-cdn.com/meta/original/3X/2/b/2b9aa35986a76aab5bccced5bb54cef10f7b395c.png)

 ![Screenshot from 2022-03-03 11-48-50](https://global.discourse-cdn.com/meta/original/3X/d/0/d0a981fc50f30fb9db98083ae8b1a7df2092287e.png)

Is there more information how shades and tints will be generated? Also, if the numerical system is planned to fully replace the descriptive terms (low, medium, high,..)?

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [March 3, 2022, 1:42pm UTC](https://meta.discourse.org/t/changes-in-root-colors-generation/219953/2 "2022-03-03T13:42:32Z")

</div>

Hello,

I believe this is the color transformations file where you can check the percentage how these variables made.

> <https://github.com/discourse/discourse/blob/main/app/assets/stylesheets/common/foundation/color_transformations.scss>

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [March 3, 2022, 2:38pm UTC](https://meta.discourse.org/t/changes-in-root-colors-generation/219953/3 "2022-03-03T14:38:40Z")

</div>

Thanks @Don! But yeah, I know where the colors are declared.. I was curious about the considerations behind it and the plans going forward.

E.g. right now there’s numeric values for primary and tertiary. Why not for all values from a color scheme? Is that planed?

Also, right now numeric values are only generating lighter tints. Why not use a more standard system where 500 is assigned the main color, with tints \<500 and shades \>500?

Another topic, why are tints not generated in a more linear way, but as a blend with another main color from the color scheme?

Right now I can’t use the Discourse color system to implement color declarations when a client has a comprehensive design system. I practically need to declare all values from scratch. If generated colors in Discourse are now defined in a numeric way, why not implement a system that’s consistent and more aligned with color generation in common design systems?

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [March 3, 2022, 3:35pm UTC](https://meta.discourse.org/t/changes-in-root-colors-generation/219953/4 "2022-03-03T15:35:45Z")

</div>

> [@manuel](#):
>
> I saw there’s new root color declarations (primary-900, primary-800, …)

Yes, see [UX: Styleguide changes & color variable additions by jordanvidrine · Pull Request #15984 · discourse/discourse · GitHub](https://github.com/discourse/discourse/pull/15984/files) for context.

> [@manuel](#):
>
> I’m working on a theme and I get different calculations for these (primary is the same), apparently depending on Discourse version?

Calculation [changed 8 days ago](https://github.com/discourse/discourse/commit/8cb344ddde35e629bf63e54ce91a075c0a92958c), please update to latest.
