I want to change the secondary color of my theme to #22222280 (80% opacity) so I can have kind of a glass effect on my Discourse forum. How can I do this when the theme doesnt allow you to enter more then 6 characters in the Color code field. Is there any way to manually edit this? Or any other ide…

You could try overriding the secondary color with CSS: :root { --secondary: #22222280; }

Hiya @Ibrahim :wave: welcome to Discourse Meta :slight_smile: You can perhaps have a look at the code for my header glass theme component for some css fun with transparency and blur effect. [image] GitHub - Lillinator/glass-header: glass header glass header …

Perfecto :slight_smile: did just the trick

It was actually just an experiment meant more to demonstrate the glass and blur effects and give people ideas more than be a stand alone component itself. If people can use it that’s great, but it’s probably best suited to be adapted and incorporated into an existing theme.

Secondary color of theme glass effect Discourse

Development

Ibrahim (Ibrahim) April 21, 2024, 8:01pm 5

Already installed this, nifty component

Topic		Replies	Views
Header Glass Theme component	17	1730	October 24, 2024
Terraglass — a frosted-glass theme with considered light/dark palettes Theme	7	452	October 1, 2026
Discourse's CSS variables aren't set Product Support	39	1618	May 8, 2023
Is there any way to change the background of the my website in Discourse Development	3	1488	June 15, 2022
使用discourse 内置的深浅主题切换，在discourse中如何写dark下的样式,目前没有看到.dark样式 Product Support	2	194	August 19, 2025

Secondary color of theme glass effect Discourse

Related topics