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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
|
/* vim: fdm=marker
* */
:root.TridactylThemeR {
/* {{{ photon-colours */
/* From https://github.com/overdodactyl/ShadowFox/blob/7dbe9343da87bde804e8fb88dd3b5eaaeb4817b2/css/common-files/color_variables.css */
--tridactyl-photon-colours-magenta-50: #ff1ad9;
--tridactyl-photon-colours-magenta-60: #ed00b5;
--tridactyl-photon-colours-magenta-70: #b5007f;
--tridactyl-photon-colours-magenta-80: #7d004f;
--tridactyl-photon-colours-magenta-90: #440027;
--tridactyl-photon-colours-purple-50: #9400ff;
--tridactyl-photon-colours-purple-60: #8000d7;
--tridactyl-photon-colours-purple-70: #6200a4;
--tridactyl-photon-colours-purple-80: #440071;
--tridactyl-photon-colours-purple-90: #25003e;
--tridactyl-photon-colours-blue-40: #45a1ff;
--tridactyl-photon-colours-blue-50: #0a84ff;
--tridactyl-photon-colours-blue-60: #0060df;
--tridactyl-photon-colours-blue-70: #003eaa;
--tridactyl-photon-colours-blue-80: #002275;
--tridactyl-photon-colours-blue-90: #000f40;
--tridactyl-photon-colours-teal-50: #00feff;
--tridactyl-photon-colours-teal-60: #00c8d7;
--tridactyl-photon-colours-teal-70: #008ea4;
--tridactyl-photon-colours-teal-80: #005a71;
--tridactyl-photon-colours-teal-90: #002d3e;
--tridactyl-photon-colours-green-50: #30e60b;
--tridactyl-photon-colours-green-60: #12bc00;
--tridactyl-photon-colours-green-70: #058b00;
--tridactyl-photon-colours-green-80: #006504;
--tridactyl-photon-colours-green-90: #003706;
--tridactyl-photon-colours-yellow-50: #ffe900;
--tridactyl-photon-colours-yellow-60: #d7b600;
--tridactyl-photon-colours-yellow-70: #a47f00;
--tridactyl-photon-colours-yellow-80: #715100;
--tridactyl-photon-colours-yellow-90: #3e2800;
--tridactyl-photon-colours-red-50: #ff0039;
--tridactyl-photon-colours-red-60: #d70022;
--tridactyl-photon-colours-red-70: #a4000f;
--tridactyl-photon-colours-red-80: #5a0002;
--tridactyl-photon-colours-red-90: #3e0200;
--tridactyl-photon-colours-orange-50: #ff9400;
--tridactyl-photon-colours-orange-60: #d76e00;
--tridactyl-photon-colours-orange-70: #a44900;
--tridactyl-photon-colours-orange-80: #712b00;
--tridactyl-photon-colours-orange-90: #3e1300;
--tridactyl-photon-colours-grey-10: #f9f9fa;
--tridactyl-photon-colours-grey-20: #ededf0;
--tridactyl-photon-colours-grey-30: #d7d7db;
--tridactyl-photon-colours-grey-40: #b1b1b3;
--tridactyl-photon-colours-grey-50: #737373;
--tridactyl-photon-colours-grey-60: #4a4a4f;
--tridactyl-photon-colours-grey-70: #38383d;
--tridactyl-photon-colours-grey-80: #2a2a2e;
--tridactyl-photon-colours-grey-90: #0c0c0d;
--tridactyl-photon-colours-code-green: #86de74 !important;
--tridactyl-photon-colours-warning-color: #fce19f;
--tridactyl-photon-colours-warning-background-color: #44391f;
--tridactyl-photon-colours-theme-highlight-green: #86de74;
--tridactyl-photon-colours-theme-highlight-blue: #75bfff;
--tridactyl-photon-colours-theme-highlight-purple: #b98eff;
--tridactyl-photon-colours-theme-highlight-red: #ff7de9;
--tridactyl-photon-colours-theme-highlight-yellow: #fff89e;
--tridactyl-photon-colours-theme-highlight-bluegrey: #5e88b0;
--tridactyl-photon-colours-theme-highlight-lightorange: #d99b28;
--tridactyl-photon-colours-theme-highlight-orange: #d96629;
--tridactyl-photon-colours-theme-highlight-pink: #df80ff;
--tridactyl-photon-colours-tone-1: var(--tridactyl-photon-colours-grey-10);
--tridactyl-photon-colours-tone-2: var(--tridactyl-photon-colours-grey-20);
--tridactyl-photon-colours-tone-3: var(--tridactyl-photon-colours-grey-30);
--tridactyl-photon-colours-tone-4: var(--tridactyl-photon-colours-grey-40);
--tridactyl-photon-colours-tone-5: var(--tridactyl-photon-colours-grey-50);
--tridactyl-photon-colours-tone-6: var(--tridactyl-photon-colours-grey-60);
--tridactyl-photon-colours-tone-7: var(--tridactyl-photon-colours-grey-70);
--tridactyl-photon-colours-tone-8: var(--tridactyl-photon-colours-grey-80);
--tridactyl-photon-colours-tone-9: var(--tridactyl-photon-colours-grey-90);
--tridactyl-photon-colours-accent-1: var(
--tridactyl-photon-colours-blue-40
);
--tridactyl-photon-colours-accent-2: var(
--tridactyl-photon-colours-blue-50
);
--tridactyl-photon-colours-accent-3: var(
--tridactyl-photon-colours-blue-60
);
--tridactyl-photon-colours-in-content-page-color: var(
--tridactyl-photon-colours-tone-4
) !important;
--tridactyl-photon-colours-in-content-page-background: var(
--tridactyl-photon-colours-tone-7
) !important;
--tridactyl-photon-colours-in-content-text-color: var(
--tridactyl-photon-colours-tone-3
) !important;
--tridactyl-photon-colours-in-content-selected-text: var(
--tridactyl-photon-colours-tone-1
) !important;
--tridactyl-photon-colours-in-content-box-background: var(
--tridactyl-photon-colours-tone-6
) !important;
--tridactyl-photon-colours-in-content-box-background-odd: #f3f6fa;
--tridactyl-photon-colours-in-content-box-background-hover: var(
--tridactyl-photon-colours-tone-6
) !important;
--tridactyl-photon-colours-in-content-box-background-active: var(
--tridactyl-photon-colours-tone-6
) !important;
--tridactyl-photon-colours-in-content-box-border-color: var(
--tridactyl-photon-colours-tone-5
) !important;
--tridactyl-photon-colours-in-content-item-hover: rgba(0, 149, 221, 0.25);
--tridactyl-photon-colours-in-content-item-selected: var(
--tridactyl-photon-colours-tone-8
) !important;
--tridactyl-photon-colours-in-content-border-highlight: var(
--tridactyl-photon-colours-accent-1
) !important;
--tridactyl-photon-colours-in-content-border-focus: var(
--tridactyl-photon-colours-accent-1
) !important;
--tridactyl-photon-colours-in-content-border-color: var(
--tridactyl-photon-colours-tone-6
) !important;
--tridactyl-photon-colours-in-content-category-outline-focus: 1px dotted
#0a84ff;
--tridactyl-photon-colours-in-content-category-text: var(
--tridactyl-photon-colours-tone-4
) !important;
--tridactyl-photon-colours-in-content-category-text-active: #0c0c0d;
--tridactyl-photon-colours-in-content-category-text-selected: var(
--tridactyl-photon-colours-accent-1
) !important;
--tridactyl-photon-colours-in-content-category-text-selected-active: #0060df;
--tridactyl-photon-colours-in-content-category-background-hover: rgba(
12,
12,
13,
0.1
);
--tridactyl-photon-colours-in-content-category-background-active: rgba(
12,
12,
13,
0.15
);
--tridactyl-photon-colours-in-content-category-background-selected-hover: rgba(
12,
12,
13,
0.15
);
--tridactyl-photon-colours-in-content-category-background-selected-active: rgba(
12,
12,
13,
0.2
);
--tridactyl-photon-colours-in-content-tab-color: #424f5a;
--tridactyl-photon-colours-in-content-link-color: var(
--tridactyl-photon-colours-accent-1
) !important;
--tridactyl-photon-colours-in-content-link-color-hover: var(
--tridactyl-photon-colours-accent-2
) !important;
--tridactyl-photon-colours-in-content-link-color-active: #003eaa;
--tridactyl-photon-colours-in-content-link-color-visited: #0a8dff;
--tridactyl-photon-colours-in-content-primary-button-background: var(
--tridactyl-photon-colours-accent-2
) !important;
--tridactyl-photon-colours-in-content-primary-button-background-hover: var(
--tridactyl-photon-colours-accent-3
) !important;
--tridactyl-photon-colours-in-content-primary-button-background-active: var(
--tridactyl-photon-colours-accent-3
) !important;
--tridactyl-photon-colours-in-content-table-border-dark-color: var(
--tridactyl-photon-colours-tone-7
) !important;
--tridactyl-photon-colours-in-content-table-header-background: var(
--tridactyl-photon-colours-accent-2
) !important;
--tridactyl-photon-colours-theme-selection-background: var(
--tridactyl-photon-colours-accent-2
) !important;
--tridactyl-photon-colours-theme-selection-background-hover: var(
--tridactyl-photon-colours-accent-1
) !important;
--tridactyl-photon-colours-in-content-category-header-background: var(
--tridactyl-photon-colours-tone-8
) !important;
--tridactyl-photon-colours-selected-icon-fill-color: var(
--tridactyl-photon-colours-tone-2
) !important;
--tridactyl-photon-colours-in-content-dark-header-background: var(
--tridactyl-photon-colours-tone-9
) !important;
--tridactyl-photon-colours-secure-connection-color: var(
--tridactyl-photon-colours-accent-1
);
--tridactyl-photon-colours-theme-sidebar-background: #1b1b1d !important;
--tridactyl-photon-colours-cm-background: var(
--tridactyl-photon-colours-tone-8
) !important;
--tridactyl-photon-colours-cm-selection: #353b48 !important;
--tridactyl-photon-colours-cm-marker: #555 !important;
--tridactyl-photon-colours-cm-linenumber: #58575c !important;
--tridactyl-photon-colours-cm-cursor: #fff !important;
--tridactyl-photon-colours-cm-active-line-background: rgba(
185,
215,
253,
0.15
) !important;
--tridactyl-photon-colours-cm-matching-bracket: rgba(
255,
255,
255,
0.25
) !important;
--tridactyl-photon-colours-cm-search-background: rgba(
24,
29,
32,
1
) !important;
--tridactyl-photon-colours-cm-red: #de7474 !important;
--tridactyl-photon-colours-start-indicator-for-updater-scripts: black;
--tridactyl-photon-colours-end-indicator-for-updater-scripts: black;
--tridactyl-photon-colours-dummy-variable-for-updater-scripys: black;
/* }}} */
--tridactyl-fg: var(--tridactyl-photon-colours-in-content-page-color);
--tridactyl-bg: var(--tridactyl-photon-colours-in-content-page-background);
--tridactyl-scrollbar-color: var(--tridactyl-photon-colours-tone-8)
var(--tridactyl-fg);
--tridactyl-cmdl-fg: var(--tridactyl-photon-colours-in-content-text-color);
--tridactyl-cmdl-bg: var(
--tridactyl-photon-colours-in-content-category-header-background
);
/* --tridactyl-header-first-bg: var(--tridactyl-photon-colours-in-content-category-header-background); */
/* --tridactyl-header-second-bg: var(--tridactyl-photon-colours-in-content-category-header-background); */
/* --tridactyl-header-third-bg: var(--tridactyl-header-first-bg); */
--tridactyl-header-first-bg: #333;
--tridactyl-header-second-bg: #222;
--tridactyl-header-third-bg: #111;
--tridactyl-cmplt-border-top: 1px solid
var(--tridactyl-photon-colours-in-content-category-header-background);
--tridactyl-url-fg: var(--tridactyl-photon-colours-code-green);
--tridactyl-url-bg: var(--tridactyl-bg);
--tridactyl-of-fg: var(--tridactyl-photon-colours-warning-color);
--tridactyl-of-bg: var(--tridactyl-photon-colours-warning-background-color);
/* Hints are not photon coloured. Feel free to experiment with that */
--tridactyl-hintspan-fg: white;
--tridactyl-hintspan-bg: #204e8a;
--tridactyl-hint-active-fg: #333;
--tridactyl-hint-active-bg: #88ff00;
--tridactyl-hint-active-outline: 1px solid #000;
--tridactyl-hint-bg: rgba(13, 31, 54, 0.25);
--tridactyl-hint-outline: 1px solid var(--tridactyl-hintspan-bg);
--tridactyl-highlight-box-bg: var(
--tridactyl-photon-colours-in-content-box-background
);
--tridactyl-highlight-box-fg: var(
--tridactyl-photon-colours-in-content-text-color
);
--r-accent: #FAD689; /* rgb(250,214,137) */
}
:root.TridactylThemeR.TridactylOwnNamespace input[id^="spoiler"] ~ .spoiler {
border-color: var(--tridactyl-photon-colours-in-content-box-border-color);
}
:root.TridactylThemeR.TridactylOwnNamespace {
scrollbar-color: var(--tridactyl-scrollbar-color);
scrollbar-width: thin;
}
:root.TridactylThemeR.TridactylOwnNamespace a {
color: var(--tridactyl-photon-colours-accent-1);
}
:root.TridactylThemeR #command-line-holder {
order: 1;
}
:root.TridactylThemeR #completions {
order: 2;
border-top: 1px solid var(--tridactyl-complt-bg);
}
:root.TridactylThemeR #completions .sectionHeader {
display: none;
}
:root.TridactylThemeR #tridactyl-colon::before {
margin-left: 2px;
content: " > ";
}
:root.TridactylThemeR #completions .focused,
:root.TridactylThemeR #completions .focused .url {
background: var(--r-accent);
color: var(--tridactyl-bg);
text-decoration: italic;
}
:root.TridactylThemeR #cmdline_iframe {
position: fixed !important;
bottom: unset;
top: -1px !important;
left: 0% !important;
box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px !important;
/* opacity: 0.9; */
}
:root.TridactylThemeR.TridactylOwnNamespace input[id^="spoiler"] ~ .spoiler {
border-color: var(--r-accent);
}
|
