mobile-config-firefox/chrome/color_variable_template.css
MrOtherGuy bd53d19665 replace --lwt-toolbar-field-x variables with new versions
Firefox 91 still uses some old variants, so this style adds temporary
dummy variables to several styles to make <91 work.
2021-08-26 10:01:45 +03:00

41 lines
No EOL
1.9 KiB
CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/color_variable_template.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* You should enable any non-default theme for these to apply properly. Built-in dark and light themes should work */
:root{
/* Popup panels */
--arrowpanel-background: olive !important;
--arrowpanel-border-color: green !important;
--arrowpanel-color: cyan !important;
--arrowpanel-dimmed: rgba(0,0,0,0.4) !important;
/* window and toolbar background */
--lwt-accent-color: purple !important;
--toolbar-bgcolor: rgba(0,0,0,0.4) !important;
/* tabs */
--lwt-text-color: cyan !important;
/* toolbar area */
--toolbarbutton-icon-fill: white !important;
--lwt-toolbarbutton-hover-background: orange !important;
--lwt-toolbarbutton-active-background: red !important;
/* urlbar */
--toolbar-field-border-color: green !important;
--toolbar-field-focus-border-color: pink !important;
--urlbar-popup-url-color: cyan !important;
/* urlbar Firefox < 92 */
--lwt-toolbar-field-background-color: olive !important;
--lwt-toolbar-field-focus: grey !important;
--lwt-toolbar-field-color: red !important;
--lwt-toolbar-field-focus-color: white !important;
/* urlbar Firefox 92+ */
--toolbar-field-background-color: olive !important;
--toolbar-field-focus-background-color: grey !important;
--toolbar-field-color: red !important;
--toolbar-field-focus-color: white !important;
/* sidebar - note the sidebar-box rule for the header-area */
--lwt-sidebar-background-color: purple !important;
--lwt-sidebar-text-color: yellow !important;
}
/* Line above tabs */
#tabbrowser-tabs{ --tab-line-color: white !important; }
/* the header-area of sidebar needs this to work */
#sidebar-box{ --sidebar-background-color: purple !important; }