98 lines
3.1 KiB
CSS
98 lines
3.1 KiB
CSS
% This Source Code Form is subject to the terms of the Mozilla Public
|
|
% License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
% file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
|
|
/* compacttheme.css is loaded in browser.xul after browser.css when it is
|
|
preffed on. The bulk of the styling is here in the shared file, but
|
|
there are overrides for each platform in their compacttheme.css files. */
|
|
|
|
:root:-moz-lwtheme {
|
|
--toolbar-color: var(--chrome-color);
|
|
--toolbar-bgcolor: var(--chrome-secondary-background-color);
|
|
--toolbar-non-lwt-bgcolor: var(--toolbar-bgcolor);
|
|
--toolbar-non-lwt-textcolor: var(--chrome-color);
|
|
--toolbar-non-lwt-bgimage: none;
|
|
|
|
--toolbarbutton-icon-fill-opacity: .7;
|
|
}
|
|
|
|
:root:-moz-lwtheme-brighttext {
|
|
/* Chrome */
|
|
--chrome-background-color: hsl(240, 5%, 5%);
|
|
--chrome-color: rgb(249, 249, 250);
|
|
--chrome-secondary-background-color: hsl(240, 1%, 20%);
|
|
--toolbox-border-bottom-color: hsl(240, 5%, 5%);
|
|
--chrome-nav-bar-controls-border-color: hsla(240, 5%, 5%, .3);
|
|
--chrome-selection-color: #fff;
|
|
--chrome-selection-background-color: #5675B9;
|
|
|
|
/* Url and search bars */
|
|
--lwt-toolbar-field-background-color: rgb(71, 71, 73);
|
|
--lwt-toolbar-field-color: var(--chrome-color);
|
|
--urlbar-separator-color: #5F6670;
|
|
|
|
/* !important to override LightweightThemeManager.addBuiltInTheme in
|
|
nsBrowserGlue.js */
|
|
--autocomplete-popup-background: #2A2A2E !important;
|
|
--autocomplete-popup-highlight-background: #0060DF;
|
|
}
|
|
|
|
:root:-moz-lwtheme-darktext {
|
|
--lwt-toolbar-field-background-color: #fff;
|
|
|
|
--chrome-background-color: #E3E4E6;
|
|
--chrome-color: #18191a;
|
|
--chrome-secondary-background-color: #f5f6f7;
|
|
--toolbox-border-bottom-color: #cccccc;
|
|
--chrome-nav-bar-controls-border-color: #ccc;
|
|
--chrome-selection-color: #f5f7fa;
|
|
--chrome-selection-background-color: #4c9ed9;
|
|
}
|
|
|
|
#tabbrowser-tabs:-moz-lwtheme {
|
|
--tab-line-color: #0a84ff;
|
|
}
|
|
|
|
.toolbarbutton-animatable-box[brighttext],
|
|
toolbar[brighttext] .toolbarbutton-animatable-box,
|
|
toolbar[brighttext] .toolbarbutton-1 {
|
|
fill: rgb(249, 249, 250);
|
|
}
|
|
|
|
#urlbar ::-moz-selection,
|
|
#navigator-toolbox .searchbar-textbox ::-moz-selection,
|
|
.browserContainer > findbar ::-moz-selection {
|
|
background-color: var(--chrome-selection-background-color);
|
|
color: var(--chrome-selection-color);
|
|
}
|
|
|
|
/* Change the base colors for the browser chrome */
|
|
|
|
#TabsToolbar,
|
|
#navigator-toolbox {
|
|
background-color: var(--chrome-background-color);
|
|
color: var(--chrome-color);
|
|
}
|
|
|
|
#navigator-toolbox > toolbar:not(#TabsToolbar):not(#toolbar-menubar),
|
|
.browserContainer > findbar,
|
|
#browser-bottombox {
|
|
background-color: var(--chrome-secondary-background-color) !important;
|
|
background-image: none !important;
|
|
color: var(--chrome-color);
|
|
}
|
|
|
|
/* URL bar and search bar*/
|
|
#urlbar:not([focused="true"]),
|
|
.searchbar-textbox:not([focused="true"]) {
|
|
border-color: var(--chrome-nav-bar-controls-border-color);
|
|
}
|
|
|
|
#urlbar-zoom-button:-moz-lwtheme-brighttext:hover {
|
|
background-color: rgba(255,255,255,.2);
|
|
}
|
|
|
|
#urlbar-zoom-button:-moz-lwtheme-brighttext:hover:active {
|
|
background-color: rgba(255,255,255,.3);
|
|
}
|