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

AccentColor in Thunderbird 102.10.1 for Custom CSS

  • 1 reply
  • 0 have this problem
  • Last reply by sfhowes

more options

I am trying to get TB (102.10.1) to use my system colors for

  1. navigation-toolbox-background {background: AccentColor !important;}

I've used AccentColor in Firefox for...

  1. TabsToolbar, #navigator-toolbox, #tabs-newtab-button, #titlebar toolbarbutton:not(:hover):not(:active), #scrollbutton-up:not(:hover):not(:active), #scrollbutton-down:not(:hover):not(:active), .titlebar-color {
   background: AccentColor !important;
   color: AccentColorText;
   fill: AccentColorText !important;

}

...but I'm doing something wrong in TB. Please let me know the proper usage for TB. Thank you for taking a look at this.

I am trying to get TB (102.10.1) to use my system colors for #navigation-toolbox-background {background: AccentColor !important;} I've used AccentColor in Firefox for... #TabsToolbar, #navigator-toolbox, #tabs-newtab-button, #titlebar toolbarbutton:not(:hover):not(:active), #scrollbutton-up:not(:hover):not(:active), #scrollbutton-down:not(:hover):not(:active), .titlebar-color { background: AccentColor !important; color: AccentColorText; fill: AccentColorText !important; } ...but I'm doing something wrong in TB. Please let me know the proper usage for TB. Thank you for taking a look at this.

All Replies (1)

more options

Try this to apply the accent colour to the Unified and Menu Bars, and the tab bar (see picture):

#navigation-toolbox {background-color: AccentColor !important;}


The automatic application of the accent colour to the bars was removed in TB 128.2.2.

If the Menu Bar is enabled, you might need to make it more visible:

/*  Menu Bar colours  */
menubar > menu:hover {
     background-color: orange !important;
     color: black !important;
     font-weight: normal !important;
}

menubar > menu {
     color: white !important;
     font-weight: normal !important;
}


Edit: Realizing you are on 102, I tested the code and it still works, but the accent colour is already applied to the toolbars with the TB system theme. The accent colour is set in Windows Settings, and can be automatic or manual.

Modified by sfhowes

Helpful?

Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.