blurredfox icon indicating copy to clipboard operation
blurredfox copied to clipboard

Rewrite theme for Firefox 88+

Open eromatiya opened this issue 3 years ago • 10 comments

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

eromatiya avatar Apr 24 '21 07:04 eromatiya

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

Edge-FrFox Blurred 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!

ghost avatar Jun 04 '21 22:06 ghost

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

Edge-FrFox Blurred 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.

eromatiya avatar Jun 06 '21 00:06 eromatiya

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

F1orian avatar Jun 07 '21 16:06 F1orian

@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).

ghost avatar Jun 08 '21 02:06 ghost

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

F1orian avatar Jun 09 '21 08:06 F1orian

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.

s0lst1ce avatar Aug 09 '21 14:08 s0lst1ce

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

ChrTall avatar Nov 01 '21 21:11 ChrTall

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.

Screenshot_2022 01 18_17:31:38

fischer-felix avatar Jan 18 '22 16:01 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.

Screenshot_2022 01 18_17:31:38

I have the same issue

BaigHack3rss avatar Apr 14 '22 11:04 BaigHack3rss

Do u have started any dev for the migration ? I want to check and maybe help.

bouteillerAlan avatar Nov 08 '22 17:11 bouteillerAlan