Hello, I’m using the tag banners plugin. It hardcodes primary-very-low as the background color for all banners, which is the same as text color, in dark mode. The stock material theme correctly uses var(--secondary), which switches to dark when in dark mode. Is there any easy way to fix the background of our tag banners? Basically, I’d like the rendered CSS to use .tag-title-header { - background: #f8f8f8; + background-color: var(--secondary); } Thank you.

How to change the tag banner style is explained here: Tag Banners You can change the background from the CSS editor on your site. Go to admin/customize/themes/1/common/scss/edit and add your CSS there: [Screenshot_2021-05-27 Admin - Constanza Is Testing Hosted Discourse(1)] For example, I used: [class*="tag-title-header"][class*=" tag-banner-"] { background-color: var(--secondary); } With attribute selectors, so the background is changed in all tags. But you could specify a tag name in the class so the background is changed for only that tag.

Thank you both, I created a local theme component and changed the css there!

Tag banners plugin and material theme in dark mode

Product Support

featheredtoast (Jeff Wong) May 27, 2021, 11:13pm 3

We should also get this fixed in the theme itself, now that we’re supporting css variables

Topic		Replies	Views
Inconsistent tag icon color in combined category/tag banners UX category-banners , tag-banners , tag-icons	0	97	February 5, 2026
Tag coloured white in white on custom theme Product Support	3	1020	May 26, 2017
Tag Banner header text too small? Product Support tag-banners	2	355	April 7, 2024
Color of tags in header not changed by Color Scheme UX	5	2133	April 13, 2017
Tag Banners Theme component official , tag-banners	8	18116	September 30, 2025

Tag banners plugin and material theme in dark mode

Related topics