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 … (閱讀更多)
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;
}