107 lines
3.4 KiB
CSS
107 lines
3.4 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-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: hsla(240, 5%, 5%, .1);
|
|
--chrome-nav-buttons-background: hsla(240, 5%, 5%, .1);
|
|
--chrome-nav-buttons-hover-background: hsla(240, 5%, 5%, .15);
|
|
--chrome-nav-bar-controls-border-color: hsla(240, 5%, 5%, .3);
|
|
--chrome-selection-color: #fff;
|
|
--chrome-selection-background-color: #5675B9;
|
|
|
|
/* Url and search bars */
|
|
--url-and-searchbar-background-color: rgb(71, 71, 73);
|
|
--url-and-searchbar-color: var(--chrome-color);
|
|
--urlbar-separator-color: #5F6670;
|
|
}
|
|
|
|
:root:-moz-lwtheme-darktext {
|
|
--url-and-searchbar-background-color: #fff;
|
|
|
|
--chrome-background-color: #E3E4E6;
|
|
--chrome-color: #18191a;
|
|
--chrome-secondary-background-color: #f5f6f7;
|
|
--toolbox-border-bottom-color: #cccccc;
|
|
--chrome-nav-buttons-background: #ffffff; /* --theme-body-background */
|
|
--chrome-nav-buttons-hover-background: #DADBDB;
|
|
--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);
|
|
}
|
|
|
|
/* Default findbar text color doesn't look good - Bug 1125677 */
|
|
.browserContainer > findbar .findbar-find-status,
|
|
.browserContainer > findbar .found-matches,
|
|
.browserContainer > findbar .findbar-button {
|
|
color: inherit;
|
|
}
|
|
|
|
/* URL bar and search bar*/
|
|
#urlbar:not([focused="true"]),
|
|
.searchbar-textbox:not([focused="true"]) {
|
|
border-color: var(--chrome-nav-bar-controls-border-color);
|
|
}
|
|
|
|
#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #identity-icon-labels:-moz-lwtheme-brighttext {
|
|
color: #30e60b;
|
|
}
|
|
|
|
#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);
|
|
}
|