Syntax Highlighting Variables

1 files changed, 21 insertions, 0 deletions

diff --git a/sass/colors/_syntax.scss b/sass/colors/_syntax.scss
new file mode 100644
index 0000000..8522453
--- /dev/null
+++ b/sass/colors/_syntax.scss
@@ -0,0 +1,21 @@
+// Syntax Highlighting
+@mixin dark {
+  --bg: #191919;//background color
+  --h1: #e65;// red, support function
+  --h2: #f91;// orange, punctuation, constant, variable, json-key
+  --h3: #eb6;// tan, entity/function name
+  --h4: #ac3;// green, string
+  --h5: #8db;// teal, escape character
+  --h6: #6ae;// blue, declaration, tag, property
+  --h7: #d6e;// purple, operators
+}
+@mixin light {
+  --bg: #f7f7f7;//background color
+  --h1: #a21;// red, support function
+  --h2: #930;// orange, punctuation, constant, variable, json-key
+  --h3: #a50;// tan, entity/function name
+  --h4: #350;// green, string
+  --h5: #286;// teal, escape character
+  --h6: #059;// blue, declaration, tag, property
+  --h7: #a3c;// purple, operators
+}