/* 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 messenger.xhtml after messenger.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. */

@namespace html url("http://www.w3.org/1999/xhtml");

:root:-moz-lwtheme {
  --toolbar-non-lwt-bgcolor: var(--toolbar-bgcolor);
  --toolbar-non-lwt-textcolor: var(--lwt-text-color);
  --toolbar-non-lwt-bgimage: none;
  --new-focused-folder-color: var(--sidebar-highlight-text-color);
}

@media (prefers-color-scheme: dark) {
  :root:-moz-lwtheme {
    /* Toolbar buttons */
    --lwt-toolbarbutton-hover-background: rgba(179, 179, 179, 0.4);
    --lwt-toolbarbutton-active-background: rgba(179, 179, 179, 0.6);
    --autocomplete-popup-highlight-background: #0060DF;
  }

  #folderTree:-moz-lwtheme
    treechildren::-moz-tree-image(folderNameCol, newMessages-true),
  #folderTree:-moz-lwtheme
    treechildren::-moz-tree-image(folderNameCol, isServer-true, biffState-NewMail) {
    --new-folder-color: var(--color-blue-40);
  }

  #folderTree:-moz-lwtheme
    treechildren::-moz-tree-cell-text(hasUnreadMessages-true, selected, focus),
  #folderTree:-moz-lwtheme
    treechildren::-moz-tree-cell-text(closed, subfoldersHaveUnreadMessages-true, selected, focus) {
    color: var(--sidebar-highlight-text-color) !important;
  }
}