Secondary color of theme glass effect Discourse

dev
1

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 ideas I can achieve this effect with CSS perhaps? I tried 80% opacity CSS rule but that makes the text also 80% opacity. Thanks :slight_smile:

2

You could try overriding the secondary color with CSS:

:root {
  --secondary: #22222280;
}
3 Likes
3

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.

3 Likes
4

Perfecto :slight_smile: did just the trick

2 Likes
5

Already installed this, nifty component

2 Likes
6

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.

2 Likes