From 9543caf10ffdbcc2cea462a8bcb64cee29d406d5 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Mon, 22 May 2023 23:09:27 -0700 Subject: Syntax Highlighting Variables --- sass/colors/_blue.scss | 6 +++--- sass/colors/_blueshade.scss | 4 ++-- sass/colors/_orange.scss | 6 +++--- sass/colors/_syntax.scss | 21 +++++++++++++++++++++ 4 files changed, 29 insertions(+), 8 deletions(-) create mode 100644 sass/colors/_syntax.scss (limited to 'sass/colors') diff --git a/sass/colors/_blue.scss b/sass/colors/_blue.scss index 085b038..7c919cf 100644 --- a/sass/colors/_blue.scss +++ b/sass/colors/_blue.scss @@ -12,12 +12,12 @@ --cr: #e33;// del red, errors (e33) } @mixin light { - --f1: #444;// Font Color Primary (444) - --f2: #333;// Font color Headers (333) + --f1: #333;// Font Color Primary (333) + --f2: #222;// Font color Headers (222) --c1: #fff;// Background Color Primary (fff) --c2: #eee;// Background Color Secondary (eee) --c3: #ddd;// Table Rows, Block quote edge, Borders (ddd) - --c4: #677;// Disabled Buttons, Borders, mark background (677) + --c4: #555;// Disabled Buttons, Borders, mark background (677) --a1: #06e;// link color (06e) --a2: #09f;// link hover/focus color (09f) --a3: #07f;// link h1-h2 hover/focus color (07f) diff --git a/sass/colors/_blueshade.scss b/sass/colors/_blueshade.scss index b3d82e7..1df3b01 100644 --- a/sass/colors/_blueshade.scss +++ b/sass/colors/_blueshade.scss @@ -12,8 +12,8 @@ --cr: #e33;// del red, errors (e33) } @mixin light { - --f1: #444;// Font Color Primary (444) - --f2: #333;// Font color Headers (333) + --f1: #333;// Font Color Primary (333) + --f2: #222;// Font color Headers (222) --c1: #fff;// Background Color Primary (fff) --c2: #def;// Background Color Secondary (def) --c3: #137;// Table Rows, Block quote edge, Borders (137) diff --git a/sass/colors/_orange.scss b/sass/colors/_orange.scss index 66d3580..ea5b703 100644 --- a/sass/colors/_orange.scss +++ b/sass/colors/_orange.scss @@ -12,12 +12,12 @@ --cr: #e33;// del red, errors (e33) } @mixin light { - --f1: #444;// Font Color Primary (444) - --f2: #333;// Font color Headers (333) + --f1: #333;// Font Color Primary (444) + --f2: #222;// Font color Headers (333) --c1: #fff;// Background Color Primary (fff) --c2: #eee;// Background Color Secondary (eee) --c3: #ddd;// Table Rows, Block quote edge, Borders (ddd) - --c4: #677;// Disabled Buttons, Borders, mark background (677) + --c4: #555;// Disabled Buttons, Borders, mark background (677) --a1: #c40;// link color (c40) --a2: #e60;// link hover/focus color (e60) --a3: #f90;// link h1-h2 hover/focus color (f90) 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 +} -- cgit v1.3.1