Hi All,
I'm trying to modify various userChrome.css attributes of Tabs in Firefox 109.
However, code that worked in FF 88 is seemingly no longer working.
Is the below … (funda kabanzi)
Hi All,
I'm trying to modify various userChrome.css attributes of Tabs in Firefox 109.
However, code that worked in FF 88 is seemingly no longer working.
Is the below code outdated?
I would also like to change the appearance of #TabsToolbar from translucent to either a solid color or a background image. Is that possible? Right now, you can see icons from the desktop through the Tab bar, and there appears to be a strange curved, black overlay colorizing it. See attached screenshot.
Thanks for any input!
/* MISCELLANEOUS TAB ATTRIBUTES */
- TabsToolbar { /* tab bar */
-moz-box-ordinal-group: 3 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
height: 25px !important;
background-image: url("bkmr_back.gif");
border-top: 1px solid #afc0d2 !important;
border-bottom: 1px solid #8698aa !important;
}
/* Change the color of selected tab */
.tab-background[selected="true"] {
background-attachment: none!important;
background-image: none!important;
background-color: #eef5fc !important; /* background color only, not border */
}
/* Change text attributes of selected tab #8698aa to match bottom tabstoolbar line color */
- TabsToolbar .tabbrowser-tab[selected] {
font-weight: 800 !important;
color: #000 !important;
border-top: 1px solid #8698aa !important;
border-left: 1px solid #8698aa !important;
border-right: 1px solid #8698aa !important;
}
- TabsToolbar .tabbrowser-tab:not([selected]) {
font-weight: 600 !important;
color: #000 !important; /* non-selected tab text color */
border-top: 1px solid #afc0d2 !important;
border-left: 1px solid #afc0d2 !important;
border-right: 1px solid #afc0d2 !important;
}
/* Change the color of non-selected tab */
.tab-background:not([selected]) {
color: #000000 !important;
background-color: #c7d3e0 !important;
}