اللون الثانوي لتأثير زجاج السمة على Discourse

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:

You could try overriding the secondary color with CSS:

:root {
  --secondary: #22222280;
}
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 إعجابات

Perfecto :slight_smile: did just the trick

إعجابَين (2)

Already installed this, nifty component

إعجابَين (2)

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)

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.