summaryrefslogtreecommitdiffstats
path: root/browser/themes/shared/browser-custom-colors.css
blob: b9c336f8325a58e8ba9fb402b4deed64e2c4e25f (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
/* 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/. */

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

@media not (prefers-contrast) {
  :root:not(:-moz-lwtheme) {
    --button-primary-bgcolor: rgb(0,97,224);
    --button-primary-hover-bgcolor: rgb(2,80,187);
    --button-primary-active-bgcolor: rgb(5,62,148);
    --button-primary-color: rgb(251,251,254);
    --button-bgcolor: rgba(207,207,216,.33);
    --button-hover-bgcolor: rgba(207,207,216,.66);
    --button-active-bgcolor: rgb(207,207,216);
    --button-color: rgb(21,20,26);

    --focus-outline-color: var(--button-primary-bgcolor);

    --checkbox-border-color: var(--input-border-color);
    --checkbox-unchecked-bgcolor: var(--button-bgcolor);
    --checkbox-unchecked-hover-bgcolor: var(--button-hover-bgcolor);
    --checkbox-unchecked-active-bgcolor: var(--button-active-bgcolor);
    --checkbox-checked-border-color: transparent;
    --checkbox-checked-bgcolor: var(--button-primary-bgcolor);
    --checkbox-checked-color: var(--button-primary-color);
    --checkbox-checked-hover-bgcolor: var(--button-primary-hover-bgcolor);
    --checkbox-checked-active-bgcolor: var(--button-primary-active-bgcolor);

    --arrowpanel-dimmed: color-mix(in srgb, currentColor 12%, transparent);
    --arrowpanel-dimmed-further: color-mix(in srgb, currentColor 20%, transparent);
    --panel-shortcut-color: rgb(91,91,102);

    --input-color: rgb(21,20,26);
    --input-bgcolor: rgb(255,255,255);
    --input-border-color: color-mix(in srgb, currentColor 41%, transparent);

    --tab-selected-bgcolor: rgb(255,255,255);
    --tab-icon-overlay-stroke: rgb(255,255,255);
    --tab-icon-overlay-fill: rgb(91,91,102);
    --toolbar-color: rgb(21,20,26);
    --toolbar-non-lwt-bgcolor: #f9f9fb;
    --toolbar-non-lwt-textcolor: rgb(21, 20, 26);
    --toolbarbutton-icon-fill: rgb(91,91,102);
    --toolbarbutton-icon-fill-attention: rgb(0,97,224);

    --urlbar-popup-action-color: rgb(91,91,102);
    --urlbar-popup-url-color: rgb(0,97,224);
    --urlbar-icon-fill-opacity: 0.72;

    --autocomplete-popup-separator-color: rgb(240,240,244);
    --toolbar-field-border-color: transparent;
    --arrowpanel-border-color: rgb(240,240,244);
    --chrome-content-separator-color: rgb(204,204,204);

    --toolbar-field-background-color: rgb(240,240,244);
    --toolbar-field-color: rgb(21,20,26);

    --autocomplete-popup-highlight-background: #e0e0e6;
    --autocomplete-popup-highlight-color: rgb(21,20,26);
    --autocomplete-popup-hover-background: rgb(240,240,244);
  }
}