We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

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

This thread was archived. Əgər kömək lazımdırsa lütfən yeni sual verin.

Browser Theme support changed... breaking my customization.

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

Franpa
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)

Paul
Paul
  • Top 25 Contributor
  • Moderator
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.

Franpa
Franpa Question owner
more options

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