diff options
| author | Jieiku | 2023-05-22 22:31:34 -0700 |
|---|---|---|
| committer | Jieiku | 2023-05-22 22:31:34 -0700 |
| commit | 940b40688a7cf595eee061b696187e2fe4a578e2 (patch) | |
| tree | 15f9ef4ea0170d61c263c26c32f13398a2ec348a /sass/abridge.scss | |
| parent | 5c3cc8966834a0d140f82aa178ba26109f79dd8f (diff) | |
| download | abridge-940b40688a7cf595eee061b696187e2fe4a578e2.tar.gz abridge-940b40688a7cf595eee061b696187e2fe4a578e2.tar.bz2 abridge-940b40688a7cf595eee061b696187e2fe4a578e2.zip | |
Json-Index and config.toml optional
Diffstat (limited to 'sass/abridge.scss')
| -rw-r--r-- | sass/abridge.scss | 59 |
1 files changed, 26 insertions, 33 deletions
diff --git a/sass/abridge.scss b/sass/abridge.scss index e99e5d9..af1bf5d 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -1,36 +1,29 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced @import "imports"; -@import "syntax/syntax-abridge"; - -:root { - --f1: #ccc;// Font Color Primary - --f2: #ddd;// Font color Headers - --c1: #111;// Background Color Primary - --c2: #222;// Background Color Secondary - --c3: #333;// Table Rows, Block quote edge, Borders - --c4: #888;// Disabled Buttons, Borders, mark background - --a1: #f90;// link color - --a2: #fb0;// link hover/focus color - --a3: #f90;// link h1-h2 hover/focus color - --cg: #593; // ins green, success - --cr: #e33; // del red, errors +@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) } -@media (prefers-color-scheme: light) { - :root { - --f1: #444;// Font Color Primary - --f2: #333;// Font color Headers - --c1: #fff;// Background Color Primary - --c2: #eee;// Background Color Secondary - --c3: #ddd;// Table Rows, Block quote edge, Borders - --c4: #677;// Disabled Buttons, Borders, mark background - --a1: #c40;// link color - --a2: #e60;// link hover/focus color - --a3: #f90;// link h1-h2 hover/focus color - --cg: #373; // ins green, success - --cr: #d33; // del red, errors - } +: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) } |
