aboutsummaryrefslogtreecommitdiff
path: root/sass/colors-syntax
diff options
context:
space:
mode:
authorJieiku2023-05-22 23:24:44 -0700
committerJieiku2023-05-22 23:24:44 -0700
commit3af6d9131f6dfc138856d718ec96626344095ec8 (patch)
tree1a8d75cf494d5333da2cb02506e04c9e0f576f6d /sass/colors-syntax
parent3ca36cc469e838cee7d3fdcdc6ff39b35313a293 (diff)
downloadabridge-3af6d9131f6dfc138856d718ec96626344095ec8.tar.gz
abridge-3af6d9131f6dfc138856d718ec96626344095ec8.tar.bz2
abridge-3af6d9131f6dfc138856d718ec96626344095ec8.zip
Optimizations and Fixes
Diffstat (limited to 'sass/colors-syntax')
-rw-r--r--sass/colors-syntax/_abridge.scss61
1 files changed, 61 insertions, 0 deletions
diff --git a/sass/colors-syntax/_abridge.scss b/sass/colors-syntax/_abridge.scss
new file mode 100644
index 0000000..11a36f1
--- /dev/null
+++ b/sass/colors-syntax/_abridge.scss
@@ -0,0 +1,61 @@
+// Syntax Highlighting
+@mixin syndark(
+ $h0: #191919,
+ $h1: #ddd,
+ $h2: #888,
+ $h3: #e65,
+ $h4: #e83,
+ $h5: #eb6,
+ $h6: #ac3,
+ $h7: #8db,
+ $h8: #6ae,
+ $h9: #d6e
+) {
+ #{--h0}: $h0;// background color
+ #{--h1}: $h1;// unstyled text
+ #{--h2}: $h2;// comments
+ #{--h3}: $h3;// red, support function
+ #{--h4}: $h4;// orange, punctuation, constant, variable, json-key
+ #{--h5}: $h5;// tan, entity/function name
+ #{--h6}: $h6;// green, string
+ #{--h7}: $h7;// teal, escape character
+ #{--h8}: $h8;// blue, declaration, tag, property
+ #{--h9}: $h9;// purple, operators
+ code table {
+ color: var(--h1);
+ mark {
+ background-color: var(--h0);
+ filter: brightness(140%);
+ }
+ }
+}
+@mixin synlight(
+ $h0: #f7f7f7,
+ $h1: #222,
+ $h2: #666,
+ $h3: #a21,
+ $h4: #930,
+ $h5: #a50,
+ $h6: #350,
+ $h7: #286,
+ $h8: #059,
+ $h9: #a3c
+) {
+ #{--h0}: $h0;// background color
+ #{--h1}: $h1;// unstyled text
+ #{--h2}: $h2;// comments
+ #{--h3}: $h3;// red, support function
+ #{--h4}: $h4;// orange, punctuation, constant, variable, json-key
+ #{--h5}: $h5;// tan, entity/function name
+ #{--h6}: $h6;// green, string
+ #{--h7}: $h7;// teal, escape character
+ #{--h8}: $h8;// blue, declaration, tag, property
+ #{--h9}: $h9;// purple, operators
+ code table {
+ color: var(--h1);
+ mark {
+ background-color: var(--h0);
+ filter: brightness(94%);
+ }
+ }
+}