# Colors in variables.css

**URL:** <https://forum.inductiveautomation.com/t/colors-in-variables-css/45207>\
**Category:** Ignition\
**Created:** [April 2, 2021, 12:39pm UTC](https://forum.inductiveautomation.com/t/colors-in-variables-css/45207 "2021-04-02T12:39:04Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![dkyerger](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dkyerger/32/7423_2.png) [@dkyerger](https://forum.inductiveautomation.com/u/dkyerger)\
**Post date:** [April 2, 2021, 12:39pm UTC](https://forum.inductiveautomation.com/t/colors-in-variables-css/45207/1 "2021-04-02T12:39:05Z")

</div>

I’m creating some custom themes. While looking through the variables.css file, I see some variable definitions that reference another color definition in their comments. Most of these are never defined as actual variables, which is fine. But what I am seeing is that not all the shades of many colors are listed. What I am wondering, is if there is a full color palette somewhere. For example, there are red-50, red-60, and red-90 but not the rest of the “red” palette in variables.css. A few, like purple, are fully or nearly-fully defined since all their values are used somewhere. I am just wondering if there is a resource somewhere defining the rest of the shades in each color. It’s something we can create, but I’d prefer to use a “standard” as the base.

Thanks

---

<div class="post-metadata">

**Author:** ![lwood](https://avatars.discourse-cdn.com/v4/letter/l/977dab/32.png) [@lwood](https://forum.inductiveautomation.com/u/lwood)\
**Post date:** [April 2, 2021, 12:51pm UTC](https://forum.inductiveautomation.com/t/colors-in-variables-css/45207/2 "2021-04-02T12:51:18Z")

</div>

Google’s material design resources (where the material icons come from) has an outline of colors and theming tools:

> **[Material Design](https://material.io/design/color/the-color-system.html#tools-for-picking-colors)**
>
> Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.