noscript/src/common/themes.css at 176e0c96883a332ee901d518f1c7bae6edec39a9 · hackademix/noscript · GitHub

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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
/*
 * Copyright (C) 2005-2022 Giorgio Maone <https://maone.net>
 *
 * SPDX-License-Identifier: GPL-3.0-or-later
 */

.__NoScript_Theme__ {
  --focus-color-dark: #c35a;
  --focus-color-light: #f68a;

  --img-noscript-options: url(/img/noscript-options.png);
  --img-ui-revoke-temp: url(/img/ui-revoke-temp64.png);
  --img-ui-temp-all: url(/img/ui-temp-all64.png);
  --img-ui-tab-no: url(/img/ui-tab-no64.png);
  --img-ui-tab: url(/img/ui-tab64.png);
  --img-ui-global-no: url(/img/ui-global-no64.png);
  --img-ui-global: url(/img/ui-global64.png);
  --img-noscript-options: url(/img/noscript-options.png);
  --img-ui-close: url(/img/ui-close64.png);
  --img-ui-reload: url(/img/ui-reload64.png);
  --img-warning: url(/img/warning64.png);
  --img-error: url(/img/error64.png);
  --img-logo: url(/img/logo.svg);
  --img-ui-http: url(/img/ui-http64.png);
  --img-ui-https: url(/img/ui-https64.png);
  --img-ui-no: url(/img/ui-no64.png);
  --img-ui-temp: url(/img/ui-temp64.png);
  --img-ui-yes: url(/img/ui-yes64.png);
  --img-ui-black: url(/img/ui-black64.png);
  --img-ui-custom: url(/img/ui-custom64.png);
  --img-ui-clock: url(/img/ui-clock64.png);

  --icon-size: 2.2em;
  --line-size: 1.5em;
  --popup-size: 600px;

  --bg-preset-color: var(--form-color2);
  --bg-odd-row: var(--bg-color2);
  --bg-even-row: var(--tab-color1);
  --bg-focused-row: linear-gradient(to bottom, var(--focus-color) 0, transparent 10%, transparent 90%, var(--focus-color) 100%);
  --border-row-sep: none;
}


.__NoScript_Theme__.vintage {

  --focus-color-dark: #35Ca !important;
  --focus-color-light: #8cfa !important;

  --img-noscript-options: url(/img/vintage/noscript-options.png);
  --img-ui-revoke-temp: url(/img/vintage/ui-revoke-temp64.png);
  --img-ui-temp-all: url(/img/vintage/ui-temp-all64.png);
  --img-ui-tab-no: url(/img/vintage/ui-tab-no64.png);
  --img-ui-tab: url(/img/vintage/ui-tab64.png);
  --img-ui-global-no: url(/img/vintage/ui-global-no64.png);
  --img-ui-global: url(/img/vintage/ui-global64.png);
  --img-noscript-options: url(/img/vintage/noscript-options.png);
  --img-ui-close: url(/img/vintage/ui-close64.png);
  --img-ui-reload: url(/img/vintage/ui-reload64.png);
  --img-warning: url(/img/vintage/warning64.png);
  --img-error: url(/img/vintage/error64.png);
  --img-logo: url(/img/vintage/logo.svg);
  --img-ui-http: url(/img/vintage/ui-http64.png);
  --img-ui-https: url(/img/vintage/ui-https64.png);
  --img-ui-no: url(/img/vintage/ui-no64.png);
  --img-ui-temp: url(/img/vintage/ui-temp64.png);
  --img-ui-yes: url(/img/vintage/ui-yes64.png);
  --img-ui-black: url(/img/vintage/ui-black64.png);
  --img-ui-custom: url(/img/vintage/ui-custom64.png);
  --img-ui-clock: url(/img/vintage/ui-clock64.png);

  --icon-size: 2em;
  --line-size: 1.5em;
  --popup-size: 600px;

}

.__NoScript_Theme__, .__NoScript_Theme__[data-theme="dark"] {
  color-scheme: dark;
  --accent-color: #ffb366;
  --fg-color1: #ccc;
  --fg-color2: #fff;
  --text-color: #ddd;
  --bg-color1: #000;
  --bg-color2: #212026;
  --form-color1: #333;
  --form-color2: #111;
  --focus-color: var(--focus-color-dark);
  --tab-color1: #334;
  --tab-color2: #3348;
  --form-check-color: var(--form-color2);
  --form-check-bg-color: var(--accent-color);
  --form-radio-color: var(--accent-color);
  --form-radio-bg-color: var(--form-color1);
  --hilite-color: #8008;
  --unsafe-color: var(--accent-color);
}

.__NoScript_Theme__.vintage:not([data-theme="light"]) :is(input.preset, .icon) {
  filter: brightness(85%);
}


@media (prefers-color-scheme: light) {
  .__NoScript_Theme__ {
    color-scheme: light;
    --fg-color1: #555;
    --fg-color2: #000;
    --text-color: #333;
    --bg-color1: #ddd;
    --bg-color2: #fff;
    --form-color1: #ccc;
    --form-color2: #eee;
    --form-check-color: var(--bg-color2);
    --form-check-bg-color: var(--accent-color);
    --tab-color1: #d0d8e0;
    --tab-color2: #d0d8e088;
    --focus-color: var(--focus-color-light);
    --hilite-color: #f008;
    --unsafe-color: #811;
  }


  .__NoScript_Theme__.vintage:not([data-theme="light"]) :is(input.preset, .icon) {
    filter: none;
  }
  .__NoScript_Theme__.vintage[data-theme="dark"] :is(input.preset, .icon) {
    filter: brightness(85%);
  }

}