Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Browser Theme support changed... breaking my customization.

  • 2 replies
  • 1 has this problem
  • 7 views
  • Last reply by Franpa

more options

Ffff Firefox 96 ruined the "System Theme" theme. Now all tne UI is the same light shade instead of parts of it being gray, the New Tab button was also modified in v96. https://cdn.discordapp.com/attachments/628080126630035466/931176133397987338/unknown.png

I tried overriding the colour in chrome.css which works... when I define a random colour like #111111 but it doesn't work when I define the desired #e4e4ea colour. I assume Paint 3D & GIMP are giving the correct hexadecimal colour codes when using their Colour Picker's.

  1. TabsToolbar {

height: var(--tab-min-height) !important; margin-bottom: 1px !important; background-color: #e4e4ea !important;}

Ffff Firefox 96 ruined the "System Theme" theme. Now all tne UI is the same light shade instead of parts of it being gray, the New Tab button was also modified in v96. https://cdn.discordapp.com/attachments/628080126630035466/931176133397987338/unknown.png I tried overriding the colour in chrome.css which works... when I define a random colour like #111111 but it doesn't work when I define the desired #e4e4ea colour. I assume Paint 3D & GIMP are giving the correct hexadecimal colour codes when using their Colour Picker's. #TabsToolbar { height: var(--tab-min-height) !important; margin-bottom: 1px !important; background-color: #e4e4ea !important;}
Attached screenshots

All Replies (2)

more options

Hi

Firefox now harmonises more elements with your toolbar theme. When the text color on your background tabs is light/white, it triggers Firefox to use a dark background on menus, the sidebar, the Library window, and various built-in pages. Firefox also signals sites that you have a dark theme preference.

You can download a different theme from https://addons.mozilla.org.

I hope that this helps.

more options

Is there a way to disable that so that it doesn't interfere with userchrome.css customizations?