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
|
@import "imports";
@import "syntax/syntax-abridge-switcher";
// In parenthesis at the end of each comment are tested colors separated by commma, the first value is the default.
:root:not(.light) {
--f1: #ccc;// Font Color Primary (ccc)
--f2: #ddd;// Font color Headers (ddd)
--c1: #111;// Background Color Primary (111)
--c2: #222;// Background Color Secondary (222,123)
--c3: #333;// Table Rows, Block quote edge, Borders (333,345)
--c4: #888;// Disabled Buttons, Borders, mark background (888,789)
--a1: #f90;// link color (f90,09f)
--a2: #fb0;// link hover/focus color (fb0,0bf)
--a3: #f90;// link h1-h2 hover/focus color (f90,0af)
--cg: #593;// ins green, success (593)
--cr: #e33;// del red, errors (e33)
}
:root.light {
--f1: #444;// Font Color Primary (444)
--f2: #333;// Font color Headers (333)
--c1: #fff;// Background Color Primary (fff)
--c2: #eee;// Background Color Secondary (eee,def)
--c3: #ddd;// Table Rows, Block quote edge, Borders (ddd,137)
--c4: #677;// Disabled Buttons, Borders, mark background (677,013)
--a1: #c40;// link color (c40,06e)
--a2: #e60;// link hover/focus color (e60,09f)
--a3: #f90;// link h1-h2 hover/focus color (f90,07f)
--cg: #373;// ins green, success (373)
--cr: #d33;// del red, errors (d33)
}
|