Bug 1455924 - Cleanup compact theme CSS. r=
MozReview-Commit-ID: Fva1ttmmcV3
--- a/browser/themes/shared/compacttheme.inc.css
+++ b/browser/themes/shared/compacttheme.inc.css
@@ -17,77 +17,58 @@
}
: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-bar-controls-border-color: hsla(240, 5%, 5%, .3);
--chrome-selection-color: #fff;
--chrome-selection-background-color: #5675B9;
+ --lwt-toolbarbutton-icon-fill: var(--chrome-color);
/* Url and search bars */
--lwt-toolbar-field-background-color: rgb(71, 71, 73);
--lwt-toolbar-field-color: var(--chrome-color);
+ --lwt-toolbar-field-border-color: hsla(240, 5%, 5%, .3);
--urlbar-separator-color: #5F6670;
}
:root:-moz-lwtheme-darktext {
--lwt-toolbar-field-background-color: #fff;
+ --lwt-toolbar-field-border-color: #ccc;
--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[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);
}