# Color definitions for more than light/dark color schemes

**URL:** <https://meta.discourse.org/t/color-definitions-for-more-than-light-dark-color-schemes/290631>\
**Category:** Product Support\
**Created:** [January 5, 2024, 2:04pm UTC](https://meta.discourse.org/t/color-definitions-for-more-than-light-dark-color-schemes/290631 "2024-01-05T14:04:39Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![digitaldominica](https://avatars.discourse-cdn.com/v4/letter/d/97f17d/32.png) [@digitaldominica](https://meta.discourse.org/u/digitaldominica)\
**Post date:** [January 5, 2024, 2:04pm UTC](https://meta.discourse.org/t/color-definitions-for-more-than-light-dark-color-schemes/290631/1 "2024-01-05T14:04:39Z")

</div>

Hi, I would like to know how to set color definitions for more than one color scheme i.e Light, Dark, Dim similar to how twitter works.

My current issue:  
I’m currently able to style the default light and dark colors that are not listed such as primary-low in a custom theme component but unaware of how to add this custom color mode to a different color scheme.

```plaintext
$dark-theme-ins: #1e2732;
$light-theme-ins: #e9e9e9;
$dim-theme-ins: #337733;

$ins: dark-light-choose($light-theme-ins, $dark-theme-ins);
:root {
    --primary-100:#{$ins};
    --primary-low:#{$ins}; 
  
}

```

---

_[View the full topic](https://meta.discourse.org/t/color-definitions-for-more-than-light-dark-color-schemes/290631)._