# Category List with Banners

**URL:** https://meta.discourse.org/t/category-list-with-banners/201280
**Category:** Theme component
**Tags:** unmaintained
**Created:** [August 21, 2021, 7:11pm UTC](https://meta.discourse.org/t/category-list-with-banners/201280 "2021-08-21T19:11:39Z")
**Posts on this page:** 1
**Showing post:** 6

<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: [August 30, 2021, 5:14pm UTC](https://meta.discourse.org/t/category-list-with-banners/201280/6 "2021-08-30T17:14:20Z")

</div>

That looks like expected behavior.. The color slot takes any value that you can use as background-color in CSS. So when you give a hex value, it will stay the same color in different modes and themes.

If you actually don’t want a background color, you should state `none` or `transparent`.

If you want a background color that changes with modes, you’d need to state it with a _CSS custom property_: you could use one of Discourse’s pre-defined ones like `var(--secondary-high)`. Or define some yourself, as explained in

> [@Update themes and plugins to support automatic dark mode](https://meta.discourse.org/t/updating-themes-and-plugins-to-support-automatic-dark-mode/161595):
>
> Previously, all colors in Discourse were stored as SCSS variables. To support [automatic dark mode color scheme switching](https://meta.discourse.org/t/automatic-dark-mode-color-scheme-switching/161593), we have converted these colors in core to custom CSS properties. You can easily see the full list in the inspector now: Themes and plugins need to switch all the $color SCSS variables used in stylesheets to the --color CSS property equivalents. In most cases, this is a simple find and replace task: - background-color: $primary-very-low; + background-color: var…

---

_[View the full topic](https://meta.discourse.org/t/category-list-with-banners/201280)._
