Could inline styles be generally set with CSS variables?

awesomerobot · June 26, 2025, 8:10pm

Sure, we generally want CSS variables in more places. If there are other places this would be convenient for that don’t currently have them, let us know!

This uses --category-banner-background and --category-banner-color

github.com/discourse/discourse-category-banners

DEV: replace inline color with a CSS variable

main ← dev-inline-variable

opened 07:52PM - 26 Jun 25 UTC

awesomerobot

+3 -1

Requested here: https://meta.discourse.org/t/could-inline-styles-be-generally-se…t-with-css-variables/368612 This replaces the inline colors with variables that are assigned the colors. The variables are then applied to the `div[class^="category-title-header"]`. This shouldn't result in any changes other than how the colors are set, overrides in themes will still apply.

Topic		Replies	Views
Theme Developer Tutorial: 3. CSS in Themes Developer Guides	5	206	March 18, 2025
Different CSS changes for different color schemes Dev css	3	626	October 17, 2023
Use Discourse Core Variables in your Theme Developer Guides how-to , theme-guides	0	11722	January 9, 2018
Changing group flair to match current theme Support	2	893	July 24, 2018
Inconsistent use of --category-color variable in Default Theme? Support	2	517	October 11, 2022

Could inline styles be generally set with CSS variables?

Related topics