% 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-gbimage: none;
  --toolbar-non-lwt-bgcolor: var(--toolbar-bgcolor);
  --toolbar-non-lwt-textcolor: var(--chrome-color);
  --toolbar-non-lwt-bgimage: none;

  --toolbarbutton-icon-fill-opacity: .7;

  --tab-line-color: highlight;
}

: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-separator-color: rgba(0,0,0,.2);
  --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-bar-separator-color: #B6B6B8;
  --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;
}

.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,
#browser-panel {
  background: 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 {
  color: inherit;
}

#navigator-toolbox .toolbarbutton-1,
.browserContainer > findbar .findbar-button,
#PlacesToolbar toolbarbutton.bookmark-item {
  color: var(--chrome-color);
  text-shadow: none;
}

#TabsToolbar {
  text-shadow: none !important;
}

/* 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);
}

.tab-icon-sound[soundplaying],
.tab-icon-sound[muted] {
  filter: none !important; /* removes drop-shadow filter */
}

