summaryrefslogtreecommitdiffstats
path: root/comm/mail/themes/windows/mail/variables.css
blob: aec12c7305770ecfaf4b53e8db1bd7841793418a (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
/* 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/. */

@import url("chrome://messenger/skin/shared/variables.css");

:root {
  --autocomplete-popup-url-color: -moz-nativehyperlinktext;
  --tabline-color: var(--selected-item-color);
  --glassShadowColor: hsla(240, 5%, 5%, 0.3);
  --toolbar-non-lwt-bgcolor: color-mix(in srgb, -moz-dialog 85%, white);
  --toolbar-non-lwt-textcolor: -moz-dialogText;
  --toolbar-non-lwt-bgimage: linear-gradient(rgba(255, 255, 255, 0.15),
                                             rgba(255, 255, 255, 0.15));
  --chrome-content-separator-color: ThreeDShadow;
  --row-grouped-header-bg-color: -moz-dialog;
  --row-grouped-header-bg-color-selected: var(--selected-item-color);
  --panel-separator-color: ThreeDLightShadow;
}

@media (-moz-windows-default-theme) {
  :root {
    --tabline-color: #0a84ff;
    --toolbar-non-lwt-bgcolor: #f9f9fa;
    --toolbar-non-lwt-textcolor: #0c0c0d;
    --toolbar-non-lwt-bgimage: none;
    --panel-separator-color: hsla(210, 4%, 10%, 0.14);
    --autocomplete-popup-url-color: hsl(210, 77%, 47%);
  }
}

@media (prefers-color-scheme: dark) {
  :root:-moz-lwtheme {
    --autocomplete-popup-highlight-color: var(--lwt-text-color);
    --dark-lwt-highlight-color: #0a84ff;
  }

  @media (-moz-windows-non-native-menus) {
    :root:not([lwt-tree]):-moz-lwtheme menupopup {
      --panel-background: var(--arrowpanel-background) !important;
      --panel-color: var(--arrowpanel-color) !important;
      --panel-border-color: var(--arrowpanel-border-color) !important;
      --menu-color: var(--arrowpanel-color) !important;
      --menu-disabled-color: color-mix(in srgb, var(--arrowpanel-color) 35%, transparent) !important;
      --menuitem-hover-background-color: color-mix(in srgb, var(--arrowpanel-color) 13%, transparent) !important;
    }
  }
}

@media (prefers-contrast) {
  :root:not(:-moz-lwtheme) {
    --lwt-tabs-border-color: ThreeDShadow;
    --tabline-color: SelectedItem;
    --item-focus-selected-border-color: SelectedItemText;
    --new-folder-color: Highlight;
    --menuitem-vertical-padding: 3px;
    --arrowpanel-dimmed: SelectedItem;
    --arrowpanel-dimmed-further: SelectedItem;
    --toolbar-field-focus-border-color: SelectedItem;
  }

  :root:not(:-moz-lwtheme) .themeable-full,
  :root:not(:-moz-lwtheme) .themeable-brighttext,
  :root:not(:-moz-lwtheme) #navigation-toolbox > toolbar,
  :root:not(:-moz-lwtheme) #todaypane-new-event-button,
  :root:not(:-moz-lwtheme) #CardViewBox {
    --toolbarbutton-hover-background: SelectedItem;
    --toolbarbutton-hover-bordercolor: SelectedItemText !important;
    --toolbarbutton-active-background: SelectedItem;
    --toolbarbutton-active-bordercolor: SelectedItemText;
    --toolbarbutton-checked-background: SelectedItem;
    --toolbarbutton-icon-fill-attention: SelectedItem;
  }

  :root:not(:-moz-lwtheme) .toolbarbutton-1.message-header-view-button {
    --toolbarbutton-header-bordercolor: WindowText;
    --toolbarbutton-active-bordercolor: WindowText;
  }

  :root:not(:-moz-lwtheme) .toolbarbutton-1:not(.qfb-tag-button):hover,
  :root:not(:-moz-lwtheme) #calendar-add-task-button:hover,
  :root:not(:-moz-lwtheme) #todaypane-new-event-button:hover,
  :root:not(:-moz-lwtheme) .toolbarbutton-1[checked="true"],
  :root:not(:-moz-lwtheme) .toolbarbutton-menubutton-button:hover {
    color: SelectedItemText !important;
  }

  menulist:not(:-moz-lwtheme) {
    --toolbarbutton-hover-background: ButtonFace;
  }
}