# Custom CSS isn't applied to my Discourse

**URL:** https://meta.discourse.org/t/custom-css-isnt-applied-to-my-discourse/178241
**Category:** Support
**Created:** [February 3, 2021, 8:54am UTC](https://meta.discourse.org/t/custom-css-isnt-applied-to-my-discourse/178241 "2021-02-03T08:54:53Z")
**Posts on this page:** 1
**Showing post:** 18

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [February 5, 2021, 4:12am UTC](https://meta.discourse.org/t/custom-css-isnt-applied-to-my-discourse/178241/18 "2021-02-05T04:12:05Z")

</div>

That guide is a bit outdated, yes, although what is tripping up in your case is not core variables but rather SCSS colors in a component not inheriting the theme’s color scheme. (Nonetheless, I will go through the guide and update it.)

A little bit of context: in August/September 2020 we moved to using CSS custom properties for colors. The main reason for that change was so that we could support [automatic dark mode](https://meta.discourse.org/t/automatic-dark-mode-color-scheme-switching/161593) in a way that was light and fast. Themes have CSS and JS, so they cannot be switched quickly, but using CSS custom properties, color schemes _can_ be flipped on the fly, without refreshing the page.

I see in your site that you have 4 themes with a color scheme each and a component shared across the themes for the shared styles. You could achieve essentially the same thing with one main theme (that would contain all the shared styles) and 4 user-selectable color schemes. You would need to move all color calculations in the `color_definitions.scss` file of the main theme, but it is doable, I’ll try to find some time and give this a shot tomorrow.

---

_[View the full topic](https://meta.discourse.org/t/custom-css-isnt-applied-to-my-discourse/178241)._
