summaryrefslogtreecommitdiffstats
path: root/browser/themes/shared/light-dark-overrides.css
blob: 5fa24219f57cd6c797d331a68ba1a687f17c2256 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
/* 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/. */

#urlbar {
  --urlbar-box-bgcolor: var(--toolbar-field-focus-background-color);
  --urlbar-box-focus-bgcolor: var(--button-bgcolor);
  --urlbar-box-hover-bgcolor: var(--button-hover-bgcolor);
}

@media (-moz-platform: windows) {
  /* The window background is white due to no accentcolor in the lightweight
     theme. It can't be changed to transparent when there is no compositor
     (Win 7 in classic / basic theme), or else dragging and focus become
     broken. So instead just show the normal titlebar in that case, and override
     the window color as transparent when the compositor is available. */
  @media (-moz-windows-compositor: 0) {
    :root[tabsintitlebar]:not([inDOMFullscreen]) #titlebar:-moz-lwtheme {
      visibility: visible;
    }

    /* Prevent accent color overriding the window background for
     * light and dark theme on Aero Basic. This is copied from browser-aero.css. */
    @media (-moz-windows-default-theme) {
      :root {
        background-color: rgb(185,209,234) !important;
      }
      :root:-moz-window-inactive {
        background-color: rgb(215,228,242) !important;
      }
    }
  }

  /* Add a fog for background tabs to be visible on Windows 7 glass window background */
  @media (-moz-platform: windows-win7) {
    @media (-moz-windows-default-theme) {
      #TabsToolbar {
        background-image: radial-gradient(ellipse at bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.5) 80%, transparent);
        color: black;
        --toolbarbutton-icon-fill: currentColor;
      }
    }
  }

  @media (-moz-windows-glass) {
    /* Make the menubar text readable on aero glass (copied from browser-aero.css). */
    #toolbar-menubar {
      text-shadow: 0 0 .5em white, 0 0 .5em white, 0 1px 0 rgba(255,255,255,.4);
    }

    #main-menubar:not(:-moz-window-inactive) {
      background-color: rgba(255,255,255,.5);
      color: black;
      border-radius: 4px;
    }
  }

  @media (-moz-platform: windows-win7),
         (-moz-platform: windows-win8) {
    @media (-moz-windows-compositor) {
      :root {
        background: transparent !important;
      }

      /* Remove lwtheme borders from toolbars in non-maximized windows. */
      #toolbar-menubar,
      #TabsToolbar {
        border-inline-style: none !important;
      }
    }

    /* Use proper menu text styling in Win7 classic mode. On Windows 8, we use
       these colors so tabs and menus are legible against the window accent color.
       These colors are copied from browser.css. */
    @media (-moz-windows-compositor: 0),
           (-moz-windows-default-theme: 0),
           (-moz-platform: windows-win8) {
      :root[tabsintitlebar] {
        color: CaptionText;
      }

      :root[tabsintitlebar]:-moz-window-inactive {
        color: InactiveCaptionText;
      }
    }
  }

  /* Restored windows get an artificial border on windows, because the lwtheme background
   * overlaps the regular window border. That isn't the case for us, so we avoid painting
   * over the native border with our custom borders. These are !important to avoid
   * specificity-wars with the selectors that add these borders. */
  @media (-moz-windows-classic),
         (-moz-windows-compositor: 0) and (-moz-windows-default-theme) {
    #navigator-toolbox {
      background-image: none !important;
    }
  }
  @media (-moz-windows-glass) {
    #navigator-toolbox {
      border-top: none !important;
      box-shadow: none !important;
      padding-top: 0 !important;
    }
  }
  @media (-moz-platform: windows-win8) {
    #navigator-toolbox {
      border-top: none !important;
    }
  }
}