Is it possible to access Discourse theme color variables in my own theme component? I’m trying to use variables like --secondary in my CSS and it doesn’t seem to be working.

Yes, you should be able to access core’s native-css variables from a theme or theme component :+1: e.g. body { background-color: var(--secondary); } Could you share an example that’s not working?

I have trouble like this all the time. Sure, it’s “obvious” to use var, but only if you know and can remember! i’m waiting for something to run, so out of curiosity I checked https://ask.discourse.com/ and asked “Is it possible to access Discourse theme color variables in my own theme component?” a…

Referencing Discourse theme color variables in custom theme component?

Product Support

jordan-violet (Jordan Violet) March 21, 2025, 4:16pm 4

Ah! I wasn’t using var()

Topic		Replies	Views
Use Discourse Core Variables in your Theme Developer Guides how-to , theme-guides	0	12330	January 9, 2018
Custom CSS isn't applied to my Discourse Product Support	17	3182	February 5, 2021
How do colors work and how to change them? Product Support ux	4	412	March 20, 2025
Discourse-fully light/dark下不同的颜色变量如何设置并生效 Product Support	1	198	September 22, 2025
Styling Discourse with variables: Show & Tell Development dev-news	1	394	August 5, 2025

Referencing Discourse theme color variables in custom theme component?

Related topics