aboutsummaryrefslogtreecommitdiff
path: root/sass/abridge.scss
diff options
context:
space:
mode:
authorJieiku2023-05-22 22:31:34 -0700
committerJieiku2023-05-22 22:31:34 -0700
commit940b40688a7cf595eee061b696187e2fe4a578e2 (patch)
tree15f9ef4ea0170d61c263c26c32f13398a2ec348a /sass/abridge.scss
parent5c3cc8966834a0d140f82aa178ba26109f79dd8f (diff)
downloadabridge-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.scss59
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)
}