Rewrite theme for Firefox 88+

[eromatiya]

Edit: I'll just try to rewrite it from scratch.

This is not relevant to the issue but I wanted to show an alternative userChrome.css theme: Edge-FrFox

This theme allows you to edit the colours of the theme and supports transparency. I chose to set my colours with a small amount of effort tinkering the colours and alpha values, here's the result!

[eromatiya]

This is not relevant to the issue but I wanted to show an alternative userChrome.css theme: Edge-FrFox

This theme allows you to edit the colours of the theme and supports transparency. I chose to set my colours with a small amount of effort tinkering the colours and alpha values, here's the result!

Nice! Looks great! Thanks for sharing.

[F1orian]

@Turpster Would you mind sharing what you changed to achieve transparency?

@Turpster Would you mind sharing what you changed to achieve transparency?

I first set my theme in Firefox to dark.

I then changed the colours inside of chrome/global/variables.css.

I did this by searching the colours with a colour picker and substituting them in a text file. I simply:

1. Disabled my compositor to disable any blur enabling me to get the shade of translucency. I did this on KDE by shift+alt+f12.
2. Used a colour picker to make substitutions to chrome/global/variables.css
   1. pick the colour of what needs replacing (i.e title/tab bar)
   2. pick the elements for my theme (i.e window decoration) and then make replacements with the previous step.
3. Tinker with alpha values
   1. You can do this with hex values by having 4 sets of hexadecimal where the end set is alpha (i.e #B28FA6XX).

[F1orian]

Are you on Firefox > 88.0? Because for me setting alpha valus does not add transparency.

[s0lst1ce]

Hello! Just to know where this is at? And if there's a recommended workaround for now? Using the latest firefox on arch linux with awesomeWM and picom-git.

[ChrTall]

Do you have an update on the current progress? Nice work btw.

[fischer-felix]

Is the transparency working for anyone on Firefox >=95? It does not for me, except on ff 97 beta in the customize toolbar menu (see screenshot)
I am using Arch with KDE and all the blur and compositor settings from the readme active.