From 940b40688a7cf595eee061b696187e2fe4a578e2 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Mon, 22 May 2023 22:31:34 -0700 Subject: Json-Index and config.toml optional --- sass/_imports.scss | 7 +++++ sass/abridge-auto.scss | 31 +++++++++++++++++++ sass/abridge-blue-dark.scss | 21 ------------- sass/abridge-blue-light.scss | 21 ------------- sass/abridge-blue-switcher.scss | 34 --------------------- sass/abridge-blue.scss | 36 ---------------------- sass/abridge-blueshade-dark.scss | 21 ------------- sass/abridge-blueshade-light.scss | 21 ------------- sass/abridge-blueshade-switcher.scss | 34 --------------------- sass/abridge-blueshade.scss | 36 ---------------------- sass/abridge-dark.scss | 29 ++++++++---------- sass/abridge-light.scss | 29 ++++++++---------- sass/abridge-switcher.scss | 34 --------------------- sass/abridge.scss | 59 ++++++++++++++++-------------------- sass/font.scss | 5 --- sass/fonts/_Abridge.scss | 7 ++++- sass/fonts/_Roboto-Mono.scss | 11 +++++++ sass/include/_embedded.scss | 4 +-- sass/include/_hr.scss | 2 +- sass/include/_icons.scss | 2 +- sass/include/_nav.scss | 2 +- sass/include/_sectioning.scss | 4 +-- 22 files changed, 112 insertions(+), 338 deletions(-) create mode 100644 sass/abridge-auto.scss delete mode 100644 sass/abridge-blue-dark.scss delete mode 100644 sass/abridge-blue-light.scss delete mode 100644 sass/abridge-blue-switcher.scss delete mode 100644 sass/abridge-blue.scss delete mode 100644 sass/abridge-blueshade-dark.scss delete mode 100644 sass/abridge-blueshade-light.scss delete mode 100644 sass/abridge-blueshade-switcher.scss delete mode 100644 sass/abridge-blueshade.scss delete mode 100644 sass/abridge-switcher.scss delete mode 100644 sass/font.scss create mode 100644 sass/fonts/_Roboto-Mono.scss (limited to 'sass') diff --git a/sass/_imports.scss b/sass/_imports.scss index 6e61b8e..3c2630c 100644 --- a/sass/_imports.scss +++ b/sass/_imports.scss @@ -15,6 +15,13 @@ // Config @import "variables"; +//@import "fonts/Roboto"; +//@import "fonts/Roboto-Mono"; // Monospaced +//@import "fonts/Arimo"; +//@import "fonts/Lato"; +//@import "fonts/FiraCode"; // Monospaced +//@import "fonts/Abridge"; // Icon Font (don't recommend, CSS only icons are in my opinion better.) + // Includes - Sorted by importance/category (includes at top are needed most frequently) @import "include/document"; // html @import "include/typography"; // a, headings, p, ul, blockquote, ... diff --git a/sass/abridge-auto.scss b/sass/abridge-auto.scss new file mode 100644 index 0000000..93440c8 --- /dev/null +++ b/sass/abridge-auto.scss @@ -0,0 +1,31 @@ +@import "imports"; +@import "syntax/syntax-abridge"; +// In parenthesis at the end of each comment are tested colors separated by commma, the first value is the default. +:root { + --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 (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) + } +} diff --git a/sass/abridge-blue-dark.scss b/sass/abridge-blue-dark.scss deleted file mode 100644 index 7b7a352..0000000 --- a/sass/abridge-blue-dark.scss +++ /dev/null @@ -1,21 +0,0 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced -@import "imports"; -@import "syntax/syntax-abridge-dark"; - -: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: #09f;// link color - --a2: #0bf;// link hover/focus color - --a3: #0af;// link h1-h2 hover/focus color - --cg: #593; // ins green, success - --cr: #e33; // del red, errors -} diff --git a/sass/abridge-blue-light.scss b/sass/abridge-blue-light.scss deleted file mode 100644 index 1ae982b..0000000 --- a/sass/abridge-blue-light.scss +++ /dev/null @@ -1,21 +0,0 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced -@import "imports"; -@import "syntax/syntax-abridge-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: #06e;// link color - --a2: #09f;// link hover/focus color - --a3: #07f;// link h1-h2 hover/focus color - --cg: #373; // ins green, success - --cr: #d33; // del red, errors -} diff --git a/sass/abridge-blue-switcher.scss b/sass/abridge-blue-switcher.scss deleted file mode 100644 index bed7958..0000000 --- a/sass/abridge-blue-switcher.scss +++ /dev/null @@ -1,34 +0,0 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced -@import "imports"; -@import "syntax/syntax-abridge-switcher"; - -:root:not(.light) { - --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: #09f;// link color - --a2: #0bf;// link hover/focus color - --a3: #0af;// link h1-h2 hover/focus color - --cg: #593; // ins green, success - --cr: #e33; // del red, errors -} -:root.light { - --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: #06e;// link color - --a2: #09f;// link hover/focus color - --a3: #07f;// link h1-h2 hover/focus color - --cg: #373; // ins green, success - --cr: #d33; // del red, errors -} diff --git a/sass/abridge-blue.scss b/sass/abridge-blue.scss deleted file mode 100644 index 02cb58f..0000000 --- a/sass/abridge-blue.scss +++ /dev/null @@ -1,36 +0,0 @@ -//@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: #09f;// link color - --a2: #0bf;// link hover/focus color - --a3: #0af;// link h1-h2 hover/focus color - --cg: #593; // ins green, success - --cr: #e33; // del red, errors -} -@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: #06e;// link color - --a2: #09f;// link hover/focus color - --a3: #07f;// link h1-h2 hover/focus color - --cg: #373; // ins green, success - --cr: #d33; // del red, errors - } -} diff --git a/sass/abridge-blueshade-dark.scss b/sass/abridge-blueshade-dark.scss deleted file mode 100644 index 627f777..0000000 --- a/sass/abridge-blueshade-dark.scss +++ /dev/null @@ -1,21 +0,0 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced -@import "imports"; -@import "syntax/syntax-abridge-dark"; - -:root { - --f1: #ccc;// Font Color Primary - --f2: #ddd;// Font color Headers - --c1: #111;// Background Color Primary - --c2: #123;// Background Color Secondary - --c3: #345;// Table Rows, Block quote edge, Borders - --c4: #789;// Disabled Buttons, Borders, mark background - --a1: #09f;// link color - --a2: #0bf;// link hover/focus color - --a3: #0af;// link h1-h2 hover/focus color - --cg: #593; // ins green, success - --cr: #e33; // del red, errors -} diff --git a/sass/abridge-blueshade-light.scss b/sass/abridge-blueshade-light.scss deleted file mode 100644 index 8fdf66c..0000000 --- a/sass/abridge-blueshade-light.scss +++ /dev/null @@ -1,21 +0,0 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced -@import "imports"; -@import "syntax/syntax-abridge-light"; - -:root { - --f1: #444;// Font Color Primary - --f2: #333;// Font color Headers - --c1: #fff;// Background Color Primary - --c2: #def;// Background Color Secondary - --c3: #137;// Table Rows, Block quote edge, Borders - --c4: #013;// Disabled Buttons, Borders, mark background - --a1: #06e;// link color - --a2: #09f;// link hover/focus color - --a3: #07f;// link h1-h2 hover/focus color - --cg: #373; // ins green, success - --cr: #d33; // del red, errors -} diff --git a/sass/abridge-blueshade-switcher.scss b/sass/abridge-blueshade-switcher.scss deleted file mode 100644 index 379468b..0000000 --- a/sass/abridge-blueshade-switcher.scss +++ /dev/null @@ -1,34 +0,0 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced -@import "imports"; -@import "syntax/syntax-abridge-switcher"; - -:root:not(.light) { - --f1: #ccc;// Font Color Primary - --f2: #ddd;// Font color Headers - --c1: #111;// Background Color Primary - --c2: #123;// Background Color Secondary - --c3: #345;// Table Rows, Block quote edge, Borders - --c4: #789;// Disabled Buttons, Borders, mark background - --a1: #09f;// link color - --a2: #0bf;// link hover/focus color - --a3: #0af;// link h1-h2 hover/focus color - --cg: #593; // ins green, success - --cr: #e33; // del red, errors -} -:root.light { - --f1: #444;// Font Color Primary - --f2: #333;// Font color Headers - --c1: #fff;// Background Color Primary - --c2: #def;// Background Color Secondary - --c3: #137;// Table Rows, Block quote edge, Borders - --c4: #013;// Disabled Buttons, Borders, mark background - --a1: #06e;// link color - --a2: #09f;// link hover/focus color - --a3: #07f;// link h1-h2 hover/focus color - --cg: #373; // ins green, success - --cr: #d33; // del red, errors -} diff --git a/sass/abridge-blueshade.scss b/sass/abridge-blueshade.scss deleted file mode 100644 index 93f47e0..0000000 --- a/sass/abridge-blueshade.scss +++ /dev/null @@ -1,36 +0,0 @@ -//@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: #123;// Background Color Secondary - --c3: #345;// Table Rows, Block quote edge, Borders - --c4: #789;// Disabled Buttons, Borders, mark background - --a1: #09f;// link color - --a2: #0bf;// link hover/focus color - --a3: #0af;// link h1-h2 hover/focus color - --cg: #593; // ins green, success - --cr: #e33; // del red, errors -} -@media (prefers-color-scheme: light) { - :root { - --f1: #444;// Font Color Primary - --f2: #333;// Font color Headers - --c1: #fff;// Background Color Primary - --c2: #def;// Background Color Secondary - --c3: #137;// Table Rows, Block quote edge, Borders - --c4: #013;// Disabled Buttons, Borders, mark background - --a1: #06e;// link color - --a2: #09f;// link hover/focus color - --a3: #07f;// link h1-h2 hover/focus color - --cg: #373; // ins green, success - --cr: #d33; // del red, errors - } -} diff --git a/sass/abridge-dark.scss b/sass/abridge-dark.scss index 212b4fc..eaf1474 100644 --- a/sass/abridge-dark.scss +++ b/sass/abridge-dark.scss @@ -1,21 +1,16 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced @import "imports"; @import "syntax/syntax-abridge-dark"; - +// In parenthesis at the end of each comment are tested colors separated by commma, the first value is the default. :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 + --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) } diff --git a/sass/abridge-light.scss b/sass/abridge-light.scss index d0f204c..34c9bbc 100644 --- a/sass/abridge-light.scss +++ b/sass/abridge-light.scss @@ -1,21 +1,16 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced @import "imports"; @import "syntax/syntax-abridge-light"; - +// In parenthesis at the end of each comment are tested colors separated by commma, the first value is the default. :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 + --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) } diff --git a/sass/abridge-switcher.scss b/sass/abridge-switcher.scss deleted file mode 100644 index 37e0cef..0000000 --- a/sass/abridge-switcher.scss +++ /dev/null @@ -1,34 +0,0 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced -@import "imports"; -@import "syntax/syntax-abridge-switcher"; - -:root:not(.light) { - --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 -} -:root.light { - --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 -} 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) } diff --git a/sass/font.scss b/sass/font.scss deleted file mode 100644 index 56d7b54..0000000 --- a/sass/font.scss +++ /dev/null @@ -1,5 +0,0 @@ -//@import "fonts/Abridge"; -@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced \ No newline at end of file diff --git a/sass/fonts/_Abridge.scss b/sass/fonts/_Abridge.scss index 3085236..6626626 100644 --- a/sass/fonts/_Abridge.scss +++ b/sass/fonts/_Abridge.scss @@ -1,3 +1,8 @@ +// This is for the Abridge icon font, the css for this is adapted from fontello. +// I experimented using this, it is still here for those that want it, but not used by default. +// It is a pretty lightweight solution, but still not as good as svg icons directly in the css. +// The loading of icon fonts is blocked by noscript type browser addons, but css icons are not. + @font-face { font-family: 'Abridge'; src: url('font/Abridge.woff2') format('woff2'); @@ -23,4 +28,4 @@ .i-last:before { content: '\f101'; } // pagination last page .i-prev:before { content: '\f104'; } // pagination previous page .i-next:before { content: '\f105'; } // pagination next page -.i-up:before { content: '\f106'; } // back to top button \ No newline at end of file +.i-up:before { content: '\f106'; } // back to top button diff --git a/sass/fonts/_Roboto-Mono.scss b/sass/fonts/_Roboto-Mono.scss new file mode 100644 index 0000000..0685c3d --- /dev/null +++ b/sass/fonts/_Roboto-Mono.scss @@ -0,0 +1,11 @@ +@font-face { + font-family: 'Roboto Mono'; + src: local("Roboto Mono"), local("Roboto-Mono"), local("RobotoMono"), local("Roboto-Mono-Regular"), local("RobotoMono-Regular"), url("font/Roboto-Mono.woff2");//latin regular + font-display: swap; +} +@font-face { + font-family: 'Roboto Mono'; + src: local("Roboto Mono Italic"), local("Roboto-Mono-Italic"), local("RobotoMono-Italic"), url("font/Roboto-Mono-Italic.woff2");//latin italic + font-style: italic; + font-display: swap; +} diff --git a/sass/include/_embedded.scss b/sass/include/_embedded.scss index 93de17d..fc1dd3c 100644 --- a/sass/include/_embedded.scss +++ b/sass/include/_embedded.scss @@ -2,13 +2,13 @@ .yvi {//youtube and vimeo iframe position: absolute; top: 0; - left: 0; + left: 0 } .yv {//youtube and vimeo div position: relative; padding-bottom: 56.25%; height: 0; - overflow: hidden; + overflow: hidden } img, video, diff --git a/sass/include/_hr.scss b/sass/include/_hr.scss index 98e536e..aaa9f4e 100644 --- a/sass/include/_hr.scss +++ b/sass/include/_hr.scss @@ -10,6 +10,6 @@ hr { height: 0; // 1 overflow: visible; // 2 border: none; - border-top: 1px solid var(--f1); + border-top: 1px solid var(--f1) } header hr, footer hr {border-top: 1px solid var(--c4)} diff --git a/sass/include/_icons.scss b/sass/include/_icons.scss index 10a2c05..df0f5d3 100644 --- a/sass/include/_icons.scss +++ b/sass/include/_icons.scss @@ -116,7 +116,7 @@ display: inline-block; //overflow: hidden; text-align: center; - vertical-align: middle; + vertical-align: middle } .svgs { width: var(--fs); diff --git a/sass/include/_nav.scss b/sass/include/_nav.scss index 08f1ec1..f3a9b29 100644 --- a/sass/include/_nav.scss +++ b/sass/include/_nav.scss @@ -106,7 +106,7 @@ footer nav { margin: var(--s2) 0 var(--s1); } div { - margin: auto; // keeps top menu/search centered in mobile view + margin: auto // keeps top menu/search centered in mobile view } } } diff --git a/sass/include/_sectioning.scss b/sass/include/_sectioning.scss index cd5540d..dd1026e 100644 --- a/sass/include/_sectioning.scss +++ b/sass/include/_sectioning.scss @@ -77,12 +77,12 @@ header, main { padding-bottom: 0; margin-bottom: 0; hr { - margin:0.1rem 0; + margin:0.1rem 0 } } footer{ line-height: var(--lhh); hr, p { - margin: 0.1rem 0 .3rem; + margin: 0.1rem 0 .3rem } } \ No newline at end of file -- cgit v1.3.1 From 71d977d49afbf93e0c736815e36d59664991fa18 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Mon, 22 May 2023 22:36:03 -0700 Subject: Color Mixins Update --- config.toml | 20 +- content/static/stork_toml.md | 4 +- content/static/tinysearch_json.md | 4 +- sass/_imports.scss | 4 + sass/abridge-auto.scss | 28 +- sass/abridge-dark.scss | 14 +- sass/abridge-light.scss | 14 +- sass/abridge.scss | 28 +- sass/colors/_blue.scss | 26 + sass/colors/_blueshade.scss | 26 + sass/colors/_orange.scss | 26 + sass/syntax/syntax-abridge-auto.scss | 553 ++++++++++++++++++++ sass/syntax/syntax-abridge-switcher.scss | 551 -------------------- sass/syntax/syntax-abridge.scss | 6 +- sass/syntax/syntax-ayu-abridge-auto.scss | 553 ++++++++++++++++++++ sass/syntax/syntax-ayu-abridge-switcher.scss | 551 -------------------- sass/syntax/syntax-ayu-abridge.scss | 6 +- sass/syntax/syntax-ayumirage-abridge-auto.scss | 556 +++++++++++++++++++++ sass/syntax/syntax-ayumirage-abridge-switcher.scss | 554 -------------------- sass/syntax/syntax-ayumirage-abridge.scss | 6 +- sass/syntax/syntax-charcoal-abridge-auto.scss | 164 ++++++ sass/syntax/syntax-charcoal-abridge-switcher.scss | 162 ------ sass/syntax/syntax-charcoal-abridge.scss | 6 +- sass/syntax/syntax-dracula-abridge-auto.scss | 496 ++++++++++++++++++ sass/syntax/syntax-dracula-abridge-switcher.scss | 494 ------------------ sass/syntax/syntax-dracula-abridge.scss | 6 +- sass/syntax/syntax-material-abridge-auto.scss | 526 +++++++++++++++++++ sass/syntax/syntax-material-abridge-switcher.scss | 524 ------------------- sass/syntax/syntax-material-abridge.scss | 6 +- 29 files changed, 2968 insertions(+), 2946 deletions(-) create mode 100644 sass/colors/_blue.scss create mode 100644 sass/colors/_blueshade.scss create mode 100644 sass/colors/_orange.scss create mode 100644 sass/syntax/syntax-abridge-auto.scss delete mode 100644 sass/syntax/syntax-abridge-switcher.scss create mode 100644 sass/syntax/syntax-ayu-abridge-auto.scss delete mode 100644 sass/syntax/syntax-ayu-abridge-switcher.scss create mode 100644 sass/syntax/syntax-ayumirage-abridge-auto.scss delete mode 100644 sass/syntax/syntax-ayumirage-abridge-switcher.scss create mode 100644 sass/syntax/syntax-charcoal-abridge-auto.scss delete mode 100644 sass/syntax/syntax-charcoal-abridge-switcher.scss create mode 100644 sass/syntax/syntax-dracula-abridge-auto.scss delete mode 100644 sass/syntax/syntax-dracula-abridge-switcher.scss create mode 100644 sass/syntax/syntax-material-abridge-auto.scss delete mode 100644 sass/syntax/syntax-material-abridge-switcher.scss (limited to 'sass') diff --git a/config.toml b/config.toml index 715e18e..79b74a3 100644 --- a/config.toml +++ b/config.toml @@ -1,10 +1,10 @@ # do NOT include a trailing slash on the base URL for web urls base_url = "https://abridge.netlify.app" #base_url = "/home/jieiku/.dev/abridge/public/" # Usable site directly from disk, also set in [extra] uglyurls = true -#title = "Abridge" +title = "Abridge" #description = "Abridge is a fast and lightweight Zola theme using semantic html, abridge.css class-light CSS, and No Mandatory JS." #default_language = "en" -output_dir = "public" +#output_dir = "public" compile_sass = true #minify_html = false #generate_feed = true @@ -18,14 +18,6 @@ taxonomies = [ #theme = "abridge" -build_search_index = true -[search] # Options specific to elasticlunr search. -index_format = "elasticlunr_json" -include_title = true # include title of page/section in index -include_description = false # include description of page/section in index -include_content = true # include rendered content of page/section in index -# truncate_content_length = 100 # Truncate at nth character. May be useful if index is getting too large. - #[markdown] #highlight_code = true #highlight_theme = "css" @@ -36,6 +28,14 @@ include_content = true # include rendered content of page/section in index #external_links_no_referrer = false # rel="noreferrer" #smart_punctuation = false # `...` to `…`, `"quote"` to `“curly”` etc +build_search_index = true +[search] # Options specific to elasticlunr search. +index_format = "elasticlunr_json" +include_title = true # include title of page/section in index +include_description = false # include description of page/section in index +include_content = true # include rendered content of page/section in index +# truncate_content_length = 100 # Truncate at nth character. May be useful if index is getting too large. + #[extra] #uglyurls = false # if set to true then links are generated with the full path. eg https://abridge.netlify.app/index.html #language_code = "en-US" diff --git a/content/static/stork_toml.md b/content/static/stork_toml.md index 0f7b8a4..f9a5261 100644 --- a/content/static/stork_toml.md +++ b/content/static/stork_toml.md @@ -1,5 +1,5 @@ +++ path = "data_stork" template = "stork_toml.html" -draft = true -+++ \ No newline at end of file +draft = false ++++ diff --git a/content/static/tinysearch_json.md b/content/static/tinysearch_json.md index c0125f1..b060bb2 100644 --- a/content/static/tinysearch_json.md +++ b/content/static/tinysearch_json.md @@ -1,5 +1,5 @@ +++ path = "data_tinysearch" template = "tinysearch_json.html" -draft = true -+++ \ No newline at end of file +draft = false ++++ diff --git a/sass/_imports.scss b/sass/_imports.scss index 3c2630c..d4d2e5d 100644 --- a/sass/_imports.scss +++ b/sass/_imports.scss @@ -15,6 +15,10 @@ // Config @import "variables"; +@import "colors/orange" +//@import "colors/blue" +//@import "colors/blueshade" + //@import "fonts/Roboto"; //@import "fonts/Roboto-Mono"; // Monospaced //@import "fonts/Arimo"; diff --git a/sass/abridge-auto.scss b/sass/abridge-auto.scss index 93440c8..146cd77 100644 --- a/sass/abridge-auto.scss +++ b/sass/abridge-auto.scss @@ -1,31 +1,11 @@ @import "imports"; -@import "syntax/syntax-abridge"; -// In parenthesis at the end of each comment are tested colors separated by commma, the first value is the default. +@import "syntax/syntax-abridge-auto"; + :root { - --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) + @include dark; } @media (prefers-color-scheme: light) { :root { - --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) + @include light; } } diff --git a/sass/abridge-dark.scss b/sass/abridge-dark.scss index eaf1474..7a53a72 100644 --- a/sass/abridge-dark.scss +++ b/sass/abridge-dark.scss @@ -1,16 +1,6 @@ @import "imports"; @import "syntax/syntax-abridge-dark"; -// In parenthesis at the end of each comment are tested colors separated by commma, the first value is the default. + :root { - --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) + @include dark; } diff --git a/sass/abridge-light.scss b/sass/abridge-light.scss index 34c9bbc..283384b 100644 --- a/sass/abridge-light.scss +++ b/sass/abridge-light.scss @@ -1,16 +1,6 @@ @import "imports"; @import "syntax/syntax-abridge-light"; -// In parenthesis at the end of each comment are tested colors separated by commma, the first value is the default. + :root { - --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) + @include light; } diff --git a/sass/abridge.scss b/sass/abridge.scss index af1bf5d..f92e0a4 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -1,29 +1,9 @@ @import "imports"; -@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. +@import "syntax/syntax-abridge"; + :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) + @include dark; } :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) + @include light; } diff --git a/sass/colors/_blue.scss b/sass/colors/_blue.scss new file mode 100644 index 0000000..085b038 --- /dev/null +++ b/sass/colors/_blue.scss @@ -0,0 +1,26 @@ +@mixin dark { + --f1: #ccc;// Font Color Primary (ccc) + --f2: #ddd;// Font color Headers (ddd) + --c1: #111;// Background Color Primary (111) + --c2: #222;// Background Color Secondary (222) + --c3: #333;// Table Rows, Block quote edge, Borders (333) + --c4: #888;// Disabled Buttons, Borders, mark background (888) + --a1: #09f;// link color (09f) + --a2: #0bf;// link hover/focus color (0bf) + --a3: #0af;// link h1-h2 hover/focus color (0af) + --cg: #593;// ins green, success (593) + --cr: #e33;// del red, errors (e33) +} +@mixin 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) + --c3: #ddd;// Table Rows, Block quote edge, Borders (ddd) + --c4: #677;// 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) + --cg: #373;// ins green, success (373) + --cr: #d33;// del red, errors (d33) +} diff --git a/sass/colors/_blueshade.scss b/sass/colors/_blueshade.scss new file mode 100644 index 0000000..b3d82e7 --- /dev/null +++ b/sass/colors/_blueshade.scss @@ -0,0 +1,26 @@ +@mixin dark { + --f1: #ccc;// Font Color Primary (ccc) + --f2: #ddd;// Font color Headers (ddd) + --c1: #111;// Background Color Primary (111) + --c2: #123;// Background Color Secondary (123) + --c3: #345;// Table Rows, Block quote edge, Borders (345) + --c4: #789;// Disabled Buttons, Borders, mark background (789) + --a1: #09f;// link color (09f) + --a2: #0bf;// link hover/focus color (0bf) + --a3: #0af;// link h1-h2 hover/focus color (0af) + --cg: #593;// ins green, success (593) + --cr: #e33;// del red, errors (e33) +} +@mixin light { + --f1: #444;// Font Color Primary (444) + --f2: #333;// Font color Headers (333) + --c1: #fff;// Background Color Primary (fff) + --c2: #def;// Background Color Secondary (def) + --c3: #137;// Table Rows, Block quote edge, Borders (137) + --c4: #013;// Disabled Buttons, Borders, mark background (013) + --a1: #06e;// link color (06e) + --a2: #09f;// link hover/focus color (09f) + --a3: #07f;// link h1-h2 hover/focus color (07f) + --cg: #373;// ins green, success (373) + --cr: #d33;// del red, errors (d33) +} diff --git a/sass/colors/_orange.scss b/sass/colors/_orange.scss new file mode 100644 index 0000000..66d3580 --- /dev/null +++ b/sass/colors/_orange.scss @@ -0,0 +1,26 @@ +@mixin dark { + --f1: #ccc;// Font Color Primary (ccc) + --f2: #ddd;// Font color Headers (ddd) + --c1: #111;// Background Color Primary (111) + --c2: #222;// Background Color Secondary (222) + --c3: #333;// Table Rows, Block quote edge, Borders (333) + --c4: #888;// Disabled Buttons, Borders, mark background (888) + --a1: #f90;// link color (f90) + --a2: #fb0;// link hover/focus color (fb0) + --a3: #f90;// link h1-h2 hover/focus color (f90) + --cg: #593;// ins green, success (593) + --cr: #e33;// del red, errors (e33) +} +@mixin 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) + --c3: #ddd;// Table Rows, Block quote edge, Borders (ddd) + --c4: #677;// 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) + --cg: #373;// ins green, success (373) + --cr: #d33;// del red, errors (d33) +} diff --git a/sass/syntax/syntax-abridge-auto.scss b/sass/syntax/syntax-abridge-auto.scss new file mode 100644 index 0000000..ca2b590 --- /dev/null +++ b/sass/syntax/syntax-abridge-auto.scss @@ -0,0 +1,553 @@ +:root { + .z-code { + color: #bfbab0; + background-color: #191919; + } + .z-comment, .z-punctuation.z-definition.z-comment { + color: #87929f; + font-style: italic; + } + .z-variable { + color: #bfbab0; + } + .z-string, .z-constant.z-other.z-symbol { + color: #c2d94c; + } + .z-constant.z-numeric { + color: #f29718; + } + .z-string.z-regexp, .z-constant.z-character.z-escape { + color: #95e6cb; + } + .z-constant.z-language { + color: #f29718; + } + .z-constant.z-character, .z-constant.z-other { + color: #f29718; + } + .z-variable.z-member { + color: #fe7d83; + } + .z-keyword, .z-keyword.z-operator.z-word { + color: #00bbff; + } + .z-keyword.z-operator { + color: #f29668; + } + .z-punctuation.z-separator, .z-punctuation.z-terminator { + color: #bfbab0; + } + .z-punctuation.z-section { + color: #bfbab0; + } + .z-punctuation.z-accessor { + color: #f29668; + } + .z-punctuation.z-definition.z-annotation { + color: #bfbab0; + } + .z-variable.z-other.z-dollar.z-only.z-js, .z-variable.z-other.z-object.z-dollar.z-only.z-js, .z-variable.z-type.z-dollar.z-only.z-js, .z-support.z-class.z-dollar.z-only.z-js { + color: #e6b673; + } + .z-storage { + color: #00bbff; + } + .z-storage.z-type { + color: #00bbff; + } + .z-entity.z-name.z-function { + color: #ffb454; + } + .z-entity.z-name, .z-entity.z-name.z-tag, .z-entity.z-name.z-label { + color: #59c2ff; + } + .z-entity.z-other.z-inherited-class { + color: #59c2ff; + text-decoration: underline; + } + .z-variable.z-parameter { + color: #f29718; + } + .z-variable.z-language { + color: #39bae6; + font-style: italic; + } + .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml { + color: #39bae6; + } + .z-punctuation.z-definition.z-tag.z-end, .z-punctuation.z-definition.z-tag.z-begin, .z-punctuation.z-definition.z-tag { + color: #39bae6; + } + .z-entity.z-other.z-attribute-name { + color: #ffb454; + } + .z-variable.z-function, .z-variable.z-annotation { + color: #ffb454; + } + .z-support.z-function, .z-support.z-macro { + color: #fe7d83; + } + .z-support.z-constant { + color: #f29668; + font-style: italic; + } + .z-support.z-type, .z-support.z-class { + color: #39bae6; + font-style: italic; + } + .z-invalid { + color: #ff7c6d; + } + .z-invalid.z-deprecated { + color: #ffffff; + background-color: #00bbff; + } + .z-meta.z-diff, .z-meta.z-diff.z-header { + color: #c594c5; + } + .z-source.z-ruby .z-variable.z-other.z-readwrite { + color: #ffb454; + } + .z-source.z-css .z-entity.z-name.z-tag, .z-source.z-sass .z-entity.z-name.z-tag, .z-source.z-scss .z-entity.z-name.z-tag, .z-source.z-less .z-entity.z-name.z-tag, .z-source.z-stylus .z-entity.z-name.z-tag { + color: #59c2ff; + } + .z-source.z-css .z-support.z-type, .z-source.z-sass .z-support.z-type, .z-source.z-scss .z-support.z-type, .z-source.z-less .z-support.z-type, .z-source.z-stylus .z-support.z-type { + color: #798491; + } + .z-support.z-type.z-property-name { + color: #39bae6; + } + .z-constant.z-numeric.z-line-number.z-find-in-files { + color: #798491; + } + .z-constant.z-numeric.z-line-number.z-match { + color: #00bbff; + } + .z-entity.z-name.z-filename.z-find-in-files { + color: #c2d94c; + } + .z-message.z-error { + color: #ff7c6d; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-markup.z-heading { + color: #00bbff; + font-weight: bold; + } + .z-string.z-other.z-link, .z-markup.z-underline.z-link { + color: #95e6cb; + text-decoration: underline; + font-style: italic; + } + .z-punctuation.z-definition.z-image { + color: #ffb454; + } + .z-markup.z-italic { + color: #fe7d83; + font-style: italic; + } + .z-markup.z-bold { + color: #fe7d83; + font-weight: bold; + } + .z-markup.z-italic .z-markup.z-bold, .z-markup.z-bold .z-markup.z-italic { + font-weight: bold; + font-style: italic; + } + .z-markup.z-raw { + background-color: #bfbab0; + } + .z-markup.z-raw.z-inline { + background-color: #bfbab0; + } + .z-meta.z-separator { + color: #798491; + background-color: #bfbab0; + font-weight: bold; + } + .z-markup.z-quote { + color: #f29718; + font-style: italic; + } + .z-markup.z-list.z-numbered.z-bullet, .z-markup.z-list .z-punctuation.z-definition.z-list_item { + color: #95e6cb; + } + .z-markup.z-inserted { + color: #c2d94c; + } + .z-markup.z-changed { + color: #39bae6; + } + .z-markup.z-deleted { + color: #fe7d83; + } + .z-markup.z-strike { + color: #e6b673; + } + .z-markup.z-table { + color: #39bae6; + background-color: #bfbab0; + } + .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { + color: #f29668; + } + .z-text.z-html.z-markdown .z-meta.z-dummy.z-line-break { + color: #798491; + } + .z-markup.z-raw.z-block.z-fenced.z-markdown { + color: #bfbab0; + background-color: #bfbab0; + } + .z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown { + color: #798491; + background-color: #bfbab0; + } + .z-variable.z-language.z-fenced.z-markdown { + color: #798491; + } + .z-markup.z-inserted.z-git_gutter { + color: #c2d94c; + } + .z-markup.z-changed.z-git_gutter { + color: #39bae6; + } + .z-markup.z-deleted.z-git_gutter { + color: #ff7c6d; + } + .z-markup.z-ignored.z-git_gutter { + color: #20272c; + } + .z-markup.z-untracked.z-git_gutter { + color: #20272c; + } + .z-gutter_color { + color: #ffffff; + } + .z-acejump.z-label.z-blue { + color: #ffffff; + background-color: #39bae6; + } + .z-acejump.z-label.z-green { + color: #ffffff; + background-color: #c2d94c; + } + .z-acejump.z-label.z-orange { + color: #ffffff; + background-color: #00bbff; + } + .z-acejump.z-label.z-purple { + color: #ffffff; + background-color: #fe7d83; + } + .z-sublimelinter.z-mark.z-warning { + color: #39bae6; + } + .z-sublimelinter.z-gutter-mark { + color: #ffffff; + } + .z-sublimelinter.z-mark.z-error { + color: #ff7c6d; + } +} +@media (prefers-color-scheme: light) { + :root { + .z-code { + color: #50565a; + background-color: #fafafa; + } + .z-comment, .z-punctuation.z-definition.z-comment { + color: #676c72; + font-style: italic; + } + .z-variable { + color: #50565a; + } + .z-string, .z-constant.z-other.z-symbol { + color: #497700; + } + .z-constant.z-numeric { + color: #b04e00; + } + .z-string.z-regexp, .z-constant.z-character.z-escape { + color: #007b59; + } + .z-constant.z-language { + color: #b04e00; + } + .z-constant.z-character, .z-constant.z-other { + color: #b04e00; + } + .z-variable.z-member { + color: #c33947; + } + .z-keyword, .z-keyword.z-operator.z-word { + color: #0062e8; + } + .z-keyword.z-operator { + color: #a4552c; + } + .z-punctuation.z-separator, .z-punctuation.z-terminator { + color: #50565a; + } + .z-punctuation.z-section { + color: #50565a; + } + .z-punctuation.z-accessor { + color: #a4552c; + } + .z-punctuation.z-definition.z-annotation { + color: #50565a; + } + .z-variable.z-other.z-dollar.z-only.z-js, .z-variable.z-other.z-object.z-dollar.z-only.z-js, .z-variable.z-type.z-dollar.z-only.z-js, .z-support.z-class.z-dollar.z-only.z-js { + color: #8b6426; + } + .z-storage { + color: #0062e8; + } + .z-storage.z-type { + color: #0062e8; + } + .z-entity.z-name.z-function { + color: #a45600; + } + .z-entity.z-name, .z-entity.z-name.z-tag, .z-entity.z-name.z-label { + color: #0070b3; + } + .z-entity.z-other.z-inherited-class { + color: #0070b3; + text-decoration: underline; + } + .z-variable.z-parameter { + color: #b04e00; + } + .z-variable.z-language { + color: #007492; + font-style: italic; + } + .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml { + color: #007492; + } + .z-punctuation.z-definition.z-tag.z-end, .z-punctuation.z-definition.z-tag.z-begin, .z-punctuation.z-definition.z-tag { + color: #007492; + } + .z-entity.z-other.z-attribute-name { + color: #a45600; + } + .z-variable.z-function, .z-variable.z-annotation { + color: #a45600; + } + .z-support.z-function, .z-support.z-macro { + color: #b94046; + } + .z-support.z-constant { + color: #a4552c; + font-style: italic; + } + .z-support.z-type, .z-support.z-class { + color: #007492; + font-style: italic; + } + .z-invalid { + color: #da0001; + } + .z-invalid.z-deprecated { + color: #ffffff; + background-color: #0062e8; + } + .z-source.z-ruby .z-variable.z-other.z-readwrite { + color: #a45600; + } + .z-source.z-css .z-entity.z-name.z-tag, .z-source.z-sass .z-entity.z-name.z-tag, .z-source.z-scss .z-entity.z-name.z-tag, .z-source.z-less .z-entity.z-name.z-tag, .z-source.z-stylus .z-entity.z-name.z-tag { + color: #0070b3; + } + .z-source.z-css .z-support.z-type, .z-source.z-sass .z-support.z-type, .z-source.z-scss .z-support.z-type, .z-source.z-less .z-support.z-type, .z-source.z-stylus .z-support.z-type { + color: #676c72; + } + .z-support.z-type.z-property-name { + color: #007492; + } + .z-constant.z-numeric.z-line-number.z-find-in-files { + color: #676c72; + } + .z-constant.z-numeric.z-line-number.z-match { + color: #0062e8; + } + .z-entity.z-name.z-filename.z-find-in-files { + color: #497700; + } + .z-message.z-error { + color: #da0001; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007492; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007492; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007492; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007492; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007492; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007492; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007492; + } + .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007492; + } + .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007492; + } + .z-markup.z-heading { + color: #0062e8; + font-weight: bold; + } + .z-string.z-other.z-link, .z-markup.z-underline.z-link { + color: #007b59; + text-decoration: underline; + font-style: italic; + } + .z-punctuation.z-definition.z-image { + color: #a45600; + } + .z-markup.z-italic { + color: #b94046; + font-style: italic; + } + .z-markup.z-bold { + color: #b94046; + font-weight: bold; + } + .z-markup.z-italic .z-markup.z-bold, .z-markup.z-bold .z-markup.z-italic { + font-weight: bold; + font-style: italic; + } + .z-markup.z-raw { + background-color: #50565a; + } + .z-markup.z-raw.z-inline { + background-color: #50565a; + } + .z-meta.z-separator { + color: #676c72; + background-color: #50565a; + font-weight: bold; + } + .z-markup.z-quote { + color: #b04e00; + font-style: italic; + } + .z-markup.z-list.z-numbered.z-bullet, .z-markup.z-list .z-punctuation.z-definition.z-list_item { + color: #007b59; + } + .z-markup.z-inserted { + color: #497700; + } + .z-markup.z-changed { + color: #007492; + } + .z-markup.z-deleted { + color: #b94046; + } + .z-markup.z-strike { + color: #8b6426; + } + .z-markup.z-table { + color: #007492; + background-color: #50565a; + } + .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { + color: #a4552c; + } + .z-text.z-html.z-markdown .z-meta.z-dummy.z-line-break { + color: #676c72; + } + .z-markup.z-raw.z-block.z-fenced.z-markdown { + color: #50565a; + background-color: #50565a; + } + .z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown { + color: #676c72; + background-color: #50565a; + } + .z-variable.z-language.z-fenced.z-markdown { + color: #676c72; + } + .z-markup.z-inserted.z-git_gutter { + color: #497700; + } + .z-markup.z-changed.z-git_gutter { + color: #007492; + } + .z-markup.z-deleted.z-git_gutter { + color: #da0001; + } + .z-markup.z-ignored.z-git_gutter { + color: #696b6c; + } + .z-markup.z-untracked.z-git_gutter { + color: #696b6c; + } + .z-gutter_color { + color: #ffffff; + } + .z-acejump.z-label.z-blue { + color: #ffffff; + background-color: #007492; + } + .z-acejump.z-label.z-green { + color: #ffffff; + background-color: #497700; + } + .z-acejump.z-label.z-orange { + color: #ffffff; + background-color: #0062e8; + } + .z-acejump.z-label.z-purple { + color: #ffffff; + background-color: #b94046; + } + .z-sublimelinter.z-mark.z-warning { + color: #007492; + } + .z-sublimelinter.z-gutter-mark { + color: #ffffff; + } + .z-sublimelinter.z-mark.z-error { + color: #da0001; + } + } +} \ No newline at end of file diff --git a/sass/syntax/syntax-abridge-switcher.scss b/sass/syntax/syntax-abridge-switcher.scss deleted file mode 100644 index d1ea55d..0000000 --- a/sass/syntax/syntax-abridge-switcher.scss +++ /dev/null @@ -1,551 +0,0 @@ -:root:not(.light) { - .z-code { - color: #bfbab0; - background-color: #191919; - } - .z-comment, .z-punctuation.z-definition.z-comment { - color: #87929f; - font-style: italic; - } - .z-variable { - color: #bfbab0; - } - .z-string, .z-constant.z-other.z-symbol { - color: #c2d94c; - } - .z-constant.z-numeric { - color: #f29718; - } - .z-string.z-regexp, .z-constant.z-character.z-escape { - color: #95e6cb; - } - .z-constant.z-language { - color: #f29718; - } - .z-constant.z-character, .z-constant.z-other { - color: #f29718; - } - .z-variable.z-member { - color: #fe7d83; - } - .z-keyword, .z-keyword.z-operator.z-word { - color: #00bbff; - } - .z-keyword.z-operator { - color: #f29668; - } - .z-punctuation.z-separator, .z-punctuation.z-terminator { - color: #bfbab0; - } - .z-punctuation.z-section { - color: #bfbab0; - } - .z-punctuation.z-accessor { - color: #f29668; - } - .z-punctuation.z-definition.z-annotation { - color: #bfbab0; - } - .z-variable.z-other.z-dollar.z-only.z-js, .z-variable.z-other.z-object.z-dollar.z-only.z-js, .z-variable.z-type.z-dollar.z-only.z-js, .z-support.z-class.z-dollar.z-only.z-js { - color: #e6b673; - } - .z-storage { - color: #00bbff; - } - .z-storage.z-type { - color: #00bbff; - } - .z-entity.z-name.z-function { - color: #ffb454; - } - .z-entity.z-name, .z-entity.z-name.z-tag, .z-entity.z-name.z-label { - color: #59c2ff; - } - .z-entity.z-other.z-inherited-class { - color: #59c2ff; - text-decoration: underline; - } - .z-variable.z-parameter { - color: #f29718; - } - .z-variable.z-language { - color: #39bae6; - font-style: italic; - } - .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml { - color: #39bae6; - } - .z-punctuation.z-definition.z-tag.z-end, .z-punctuation.z-definition.z-tag.z-begin, .z-punctuation.z-definition.z-tag { - color: #39bae6; - } - .z-entity.z-other.z-attribute-name { - color: #ffb454; - } - .z-variable.z-function, .z-variable.z-annotation { - color: #ffb454; - } - .z-support.z-function, .z-support.z-macro { - color: #fe7d83; - } - .z-support.z-constant { - color: #f29668; - font-style: italic; - } - .z-support.z-type, .z-support.z-class { - color: #39bae6; - font-style: italic; - } - .z-invalid { - color: #ff7c6d; - } - .z-invalid.z-deprecated { - color: #ffffff; - background-color: #00bbff; - } - .z-meta.z-diff, .z-meta.z-diff.z-header { - color: #c594c5; - } - .z-source.z-ruby .z-variable.z-other.z-readwrite { - color: #ffb454; - } - .z-source.z-css .z-entity.z-name.z-tag, .z-source.z-sass .z-entity.z-name.z-tag, .z-source.z-scss .z-entity.z-name.z-tag, .z-source.z-less .z-entity.z-name.z-tag, .z-source.z-stylus .z-entity.z-name.z-tag { - color: #59c2ff; - } - .z-source.z-css .z-support.z-type, .z-source.z-sass .z-support.z-type, .z-source.z-scss .z-support.z-type, .z-source.z-less .z-support.z-type, .z-source.z-stylus .z-support.z-type { - color: #798491; - } - .z-support.z-type.z-property-name { - color: #39bae6; - } - .z-constant.z-numeric.z-line-number.z-find-in-files { - color: #798491; - } - .z-constant.z-numeric.z-line-number.z-match { - color: #00bbff; - } - .z-entity.z-name.z-filename.z-find-in-files { - color: #c2d94c; - } - .z-message.z-error { - color: #ff7c6d; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-markup.z-heading { - color: #00bbff; - font-weight: bold; - } - .z-string.z-other.z-link, .z-markup.z-underline.z-link { - color: #95e6cb; - text-decoration: underline; - font-style: italic; - } - .z-punctuation.z-definition.z-image { - color: #ffb454; - } - .z-markup.z-italic { - color: #fe7d83; - font-style: italic; - } - .z-markup.z-bold { - color: #fe7d83; - font-weight: bold; - } - .z-markup.z-italic .z-markup.z-bold, .z-markup.z-bold .z-markup.z-italic { - font-weight: bold; - font-style: italic; - } - .z-markup.z-raw { - background-color: #bfbab0; - } - .z-markup.z-raw.z-inline { - background-color: #bfbab0; - } - .z-meta.z-separator { - color: #798491; - background-color: #bfbab0; - font-weight: bold; - } - .z-markup.z-quote { - color: #f29718; - font-style: italic; - } - .z-markup.z-list.z-numbered.z-bullet, .z-markup.z-list .z-punctuation.z-definition.z-list_item { - color: #95e6cb; - } - .z-markup.z-inserted { - color: #c2d94c; - } - .z-markup.z-changed { - color: #39bae6; - } - .z-markup.z-deleted { - color: #fe7d83; - } - .z-markup.z-strike { - color: #e6b673; - } - .z-markup.z-table { - color: #39bae6; - background-color: #bfbab0; - } - .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { - color: #f29668; - } - .z-text.z-html.z-markdown .z-meta.z-dummy.z-line-break { - color: #798491; - } - .z-markup.z-raw.z-block.z-fenced.z-markdown { - color: #bfbab0; - background-color: #bfbab0; - } - .z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown { - color: #798491; - background-color: #bfbab0; - } - .z-variable.z-language.z-fenced.z-markdown { - color: #798491; - } - .z-markup.z-inserted.z-git_gutter { - color: #c2d94c; - } - .z-markup.z-changed.z-git_gutter { - color: #39bae6; - } - .z-markup.z-deleted.z-git_gutter { - color: #ff7c6d; - } - .z-markup.z-ignored.z-git_gutter { - color: #20272c; - } - .z-markup.z-untracked.z-git_gutter { - color: #20272c; - } - .z-gutter_color { - color: #ffffff; - } - .z-acejump.z-label.z-blue { - color: #ffffff; - background-color: #39bae6; - } - .z-acejump.z-label.z-green { - color: #ffffff; - background-color: #c2d94c; - } - .z-acejump.z-label.z-orange { - color: #ffffff; - background-color: #00bbff; - } - .z-acejump.z-label.z-purple { - color: #ffffff; - background-color: #fe7d83; - } - .z-sublimelinter.z-mark.z-warning { - color: #39bae6; - } - .z-sublimelinter.z-gutter-mark { - color: #ffffff; - } - .z-sublimelinter.z-mark.z-error { - color: #ff7c6d; - } -} -:root.light { - .z-code { - color: #50565a; - background-color: #fafafa; - } - .z-comment, .z-punctuation.z-definition.z-comment { - color: #676c72; - font-style: italic; - } - .z-variable { - color: #50565a; - } - .z-string, .z-constant.z-other.z-symbol { - color: #497700; - } - .z-constant.z-numeric { - color: #b04e00; - } - .z-string.z-regexp, .z-constant.z-character.z-escape { - color: #007b59; - } - .z-constant.z-language { - color: #b04e00; - } - .z-constant.z-character, .z-constant.z-other { - color: #b04e00; - } - .z-variable.z-member { - color: #c33947; - } - .z-keyword, .z-keyword.z-operator.z-word { - color: #0062e8; - } - .z-keyword.z-operator { - color: #a4552c; - } - .z-punctuation.z-separator, .z-punctuation.z-terminator { - color: #50565a; - } - .z-punctuation.z-section { - color: #50565a; - } - .z-punctuation.z-accessor { - color: #a4552c; - } - .z-punctuation.z-definition.z-annotation { - color: #50565a; - } - .z-variable.z-other.z-dollar.z-only.z-js, .z-variable.z-other.z-object.z-dollar.z-only.z-js, .z-variable.z-type.z-dollar.z-only.z-js, .z-support.z-class.z-dollar.z-only.z-js { - color: #8b6426; - } - .z-storage { - color: #0062e8; - } - .z-storage.z-type { - color: #0062e8; - } - .z-entity.z-name.z-function { - color: #a45600; - } - .z-entity.z-name, .z-entity.z-name.z-tag, .z-entity.z-name.z-label { - color: #0070b3; - } - .z-entity.z-other.z-inherited-class { - color: #0070b3; - text-decoration: underline; - } - .z-variable.z-parameter { - color: #b04e00; - } - .z-variable.z-language { - color: #007492; - font-style: italic; - } - .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml { - color: #007492; - } - .z-punctuation.z-definition.z-tag.z-end, .z-punctuation.z-definition.z-tag.z-begin, .z-punctuation.z-definition.z-tag { - color: #007492; - } - .z-entity.z-other.z-attribute-name { - color: #a45600; - } - .z-variable.z-function, .z-variable.z-annotation { - color: #a45600; - } - .z-support.z-function, .z-support.z-macro { - color: #b94046; - } - .z-support.z-constant { - color: #a4552c; - font-style: italic; - } - .z-support.z-type, .z-support.z-class { - color: #007492; - font-style: italic; - } - .z-invalid { - color: #da0001; - } - .z-invalid.z-deprecated { - color: #ffffff; - background-color: #0062e8; - } - .z-source.z-ruby .z-variable.z-other.z-readwrite { - color: #a45600; - } - .z-source.z-css .z-entity.z-name.z-tag, .z-source.z-sass .z-entity.z-name.z-tag, .z-source.z-scss .z-entity.z-name.z-tag, .z-source.z-less .z-entity.z-name.z-tag, .z-source.z-stylus .z-entity.z-name.z-tag { - color: #0070b3; - } - .z-source.z-css .z-support.z-type, .z-source.z-sass .z-support.z-type, .z-source.z-scss .z-support.z-type, .z-source.z-less .z-support.z-type, .z-source.z-stylus .z-support.z-type { - color: #676c72; - } - .z-support.z-type.z-property-name { - color: #007492; - } - .z-constant.z-numeric.z-line-number.z-find-in-files { - color: #676c72; - } - .z-constant.z-numeric.z-line-number.z-match { - color: #0062e8; - } - .z-entity.z-name.z-filename.z-find-in-files { - color: #497700; - } - .z-message.z-error { - color: #da0001; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007492; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007492; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007492; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007492; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007492; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007492; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007492; - } - .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007492; - } - .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007492; - } - .z-markup.z-heading { - color: #0062e8; - font-weight: bold; - } - .z-string.z-other.z-link, .z-markup.z-underline.z-link { - color: #007b59; - text-decoration: underline; - font-style: italic; - } - .z-punctuation.z-definition.z-image { - color: #a45600; - } - .z-markup.z-italic { - color: #b94046; - font-style: italic; - } - .z-markup.z-bold { - color: #b94046; - font-weight: bold; - } - .z-markup.z-italic .z-markup.z-bold, .z-markup.z-bold .z-markup.z-italic { - font-weight: bold; - font-style: italic; - } - .z-markup.z-raw { - background-color: #50565a; - } - .z-markup.z-raw.z-inline { - background-color: #50565a; - } - .z-meta.z-separator { - color: #676c72; - background-color: #50565a; - font-weight: bold; - } - .z-markup.z-quote { - color: #b04e00; - font-style: italic; - } - .z-markup.z-list.z-numbered.z-bullet, .z-markup.z-list .z-punctuation.z-definition.z-list_item { - color: #007b59; - } - .z-markup.z-inserted { - color: #497700; - } - .z-markup.z-changed { - color: #007492; - } - .z-markup.z-deleted { - color: #b94046; - } - .z-markup.z-strike { - color: #8b6426; - } - .z-markup.z-table { - color: #007492; - background-color: #50565a; - } - .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { - color: #a4552c; - } - .z-text.z-html.z-markdown .z-meta.z-dummy.z-line-break { - color: #676c72; - } - .z-markup.z-raw.z-block.z-fenced.z-markdown { - color: #50565a; - background-color: #50565a; - } - .z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown { - color: #676c72; - background-color: #50565a; - } - .z-variable.z-language.z-fenced.z-markdown { - color: #676c72; - } - .z-markup.z-inserted.z-git_gutter { - color: #497700; - } - .z-markup.z-changed.z-git_gutter { - color: #007492; - } - .z-markup.z-deleted.z-git_gutter { - color: #da0001; - } - .z-markup.z-ignored.z-git_gutter { - color: #696b6c; - } - .z-markup.z-untracked.z-git_gutter { - color: #696b6c; - } - .z-gutter_color { - color: #ffffff; - } - .z-acejump.z-label.z-blue { - color: #ffffff; - background-color: #007492; - } - .z-acejump.z-label.z-green { - color: #ffffff; - background-color: #497700; - } - .z-acejump.z-label.z-orange { - color: #ffffff; - background-color: #0062e8; - } - .z-acejump.z-label.z-purple { - color: #ffffff; - background-color: #b94046; - } - .z-sublimelinter.z-mark.z-warning { - color: #007492; - } - .z-sublimelinter.z-gutter-mark { - color: #ffffff; - } - .z-sublimelinter.z-mark.z-error { - color: #da0001; - } -} \ No newline at end of file diff --git a/sass/syntax/syntax-abridge.scss b/sass/syntax/syntax-abridge.scss index ca2b590..d1ea55d 100644 --- a/sass/syntax/syntax-abridge.scss +++ b/sass/syntax/syntax-abridge.scss @@ -1,4 +1,4 @@ -:root { +:root:not(.light) { .z-code { color: #bfbab0; background-color: #191919; @@ -275,8 +275,7 @@ color: #ff7c6d; } } -@media (prefers-color-scheme: light) { - :root { +:root.light { .z-code { color: #50565a; background-color: #fafafa; @@ -549,5 +548,4 @@ .z-sublimelinter.z-mark.z-error { color: #da0001; } - } } \ No newline at end of file diff --git a/sass/syntax/syntax-ayu-abridge-auto.scss b/sass/syntax/syntax-ayu-abridge-auto.scss new file mode 100644 index 0000000..3587a73 --- /dev/null +++ b/sass/syntax/syntax-ayu-abridge-auto.scss @@ -0,0 +1,553 @@ +:root { + .z-code { + color: #bfbab0; + background-color: #191919; + } + .z-comment, .z-punctuation.z-definition.z-comment { + color: #798491; + font-style: italic; + } + .z-variable { + color: #bfbab0; + } + .z-string, .z-constant.z-other.z-symbol { + color: #c2d94c; + } + .z-constant.z-numeric { + color: #f29718; + } + .z-string.z-regexp, .z-constant.z-character.z-escape { + color: #95e6cb; + } + .z-constant.z-language { + color: #f29718; + } + .z-constant.z-character, .z-constant.z-other { + color: #f29718; + } + .z-variable.z-member { + color: #fe7d83; + } + .z-keyword, .z-keyword.z-operator.z-word { + color: #ff813c; + } + .z-keyword.z-operator { + color: #f29668; + } + .z-punctuation.z-separator, .z-punctuation.z-terminator { + color: #bfbab0; + } + .z-punctuation.z-section { + color: #bfbab0; + } + .z-punctuation.z-accessor { + color: #f29668; + } + .z-punctuation.z-definition.z-annotation { + color: #bfbab0; + } + .z-variable.z-other.z-dollar.z-only.z-js, .z-variable.z-other.z-object.z-dollar.z-only.z-js, .z-variable.z-type.z-dollar.z-only.z-js, .z-support.z-class.z-dollar.z-only.z-js { + color: #e6b673; + } + .z-storage { + color: #ff813c; + } + .z-storage.z-type { + color: #ff813c; + } + .z-entity.z-name.z-function { + color: #ffb454; + } + .z-entity.z-name, .z-entity.z-name.z-tag, .z-entity.z-name.z-label { + color: #59c2ff; + } + .z-entity.z-other.z-inherited-class { + color: #59c2ff; + text-decoration: underline; + } + .z-variable.z-parameter { + color: #f29718; + } + .z-variable.z-language { + color: #39bae6; + font-style: italic; + } + .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml { + color: #39bae6; + } + .z-punctuation.z-definition.z-tag.z-end, .z-punctuation.z-definition.z-tag.z-begin, .z-punctuation.z-definition.z-tag { + color: #39bae6; + } + .z-entity.z-other.z-attribute-name { + color: #ffb454; + } + .z-variable.z-function, .z-variable.z-annotation { + color: #ffb454; + } + .z-support.z-function, .z-support.z-macro { + color: #fe7d83; + } + .z-support.z-constant { + color: #f29668; + font-style: italic; + } + .z-support.z-type, .z-support.z-class { + color: #39bae6; + font-style: italic; + } + .z-invalid { + color: #ff7c6d; + } + .z-invalid.z-deprecated { + color: #ffffff; + background-color: #ff813c; + } + .z-meta.z-diff, .z-meta.z-diff.z-header { + color: #c594c5; + } + .z-source.z-ruby .z-variable.z-other.z-readwrite { + color: #ffb454; + } + .z-source.z-css .z-entity.z-name.z-tag, .z-source.z-sass .z-entity.z-name.z-tag, .z-source.z-scss .z-entity.z-name.z-tag, .z-source.z-less .z-entity.z-name.z-tag, .z-source.z-stylus .z-entity.z-name.z-tag { + color: #59c2ff; + } + .z-source.z-css .z-support.z-type, .z-source.z-sass .z-support.z-type, .z-source.z-scss .z-support.z-type, .z-source.z-less .z-support.z-type, .z-source.z-stylus .z-support.z-type { + color: #798491; + } + .z-support.z-type.z-property-name { + color: #39bae6; + } + .z-constant.z-numeric.z-line-number.z-find-in-files { + color: #798491; + } + .z-constant.z-numeric.z-line-number.z-match { + color: #ff813c; + } + .z-entity.z-name.z-filename.z-find-in-files { + color: #c2d94c; + } + .z-message.z-error { + color: #ff7c6d; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #39bae6; + } + .z-markup.z-heading { + color: #ff813c; + font-weight: bold; + } + .z-string.z-other.z-link, .z-markup.z-underline.z-link { + color: #95e6cb; + text-decoration: underline; + font-style: italic; + } + .z-punctuation.z-definition.z-image { + color: #ffb454; + } + .z-markup.z-italic { + color: #fe7d83; + font-style: italic; + } + .z-markup.z-bold { + color: #fe7d83; + font-weight: bold; + } + .z-markup.z-italic .z-markup.z-bold, .z-markup.z-bold .z-markup.z-italic { + font-weight: bold; + font-style: italic; + } + .z-markup.z-raw { + background-color: #bfbab0; + } + .z-markup.z-raw.z-inline { + background-color: #bfbab0; + } + .z-meta.z-separator { + color: #798491; + background-color: #bfbab0; + font-weight: bold; + } + .z-markup.z-quote { + color: #f29718; + font-style: italic; + } + .z-markup.z-list.z-numbered.z-bullet, .z-markup.z-list .z-punctuation.z-definition.z-list_item { + color: #95e6cb; + } + .z-markup.z-inserted { + color: #c2d94c; + } + .z-markup.z-changed { + color: #39bae6; + } + .z-markup.z-deleted { + color: #fe7d83; + } + .z-markup.z-strike { + color: #e6b673; + } + .z-markup.z-table { + color: #39bae6; + background-color: #bfbab0; + } + .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { + color: #f29668; + } + .z-text.z-html.z-markdown .z-meta.z-dummy.z-line-break { + color: #798491; + } + .z-markup.z-raw.z-block.z-fenced.z-markdown { + color: #bfbab0; + background-color: #bfbab0; + } + .z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown { + color: #798491; + background-color: #bfbab0; + } + .z-variable.z-language.z-fenced.z-markdown { + color: #798491; + } + .z-markup.z-inserted.z-git_gutter { + color: #c2d94c; + } + .z-markup.z-changed.z-git_gutter { + color: #39bae6; + } + .z-markup.z-deleted.z-git_gutter { + color: #ff7c6d; + } + .z-markup.z-ignored.z-git_gutter { + color: #20272c; + } + .z-markup.z-untracked.z-git_gutter { + color: #20272c; + } + .z-gutter_color { + color: #ffffff; + } + .z-acejump.z-label.z-blue { + color: #ffffff; + background-color: #39bae6; + } + .z-acejump.z-label.z-green { + color: #ffffff; + background-color: #c2d94c; + } + .z-acejump.z-label.z-orange { + color: #ffffff; + background-color: #ff813c; + } + .z-acejump.z-label.z-purple { + color: #ffffff; + background-color: #fe7d83; + } + .z-sublimelinter.z-mark.z-warning { + color: #39bae6; + } + .z-sublimelinter.z-gutter-mark { + color: #ffffff; + } + .z-sublimelinter.z-mark.z-error { + color: #ff7c6d; + } +} +@media (prefers-color-scheme: light) { + :root { + .z-code { + color: #61676c; + background-color: #ffffff; + } + .z-comment, .z-punctuation.z-definition.z-comment { + color: #6e7379; + font-style: italic; + } + .z-variable { + color: #61676c; + } + .z-string, .z-constant.z-other.z-symbol { + color: #507e00; + } + .z-constant.z-numeric { + color: #b85500; + } + .z-string.z-regexp, .z-constant.z-character.z-escape { + color: #008260; + } + .z-constant.z-language { + color: #b85500; + } + .z-constant.z-character, .z-constant.z-other { + color: #b85500; + } + .z-variable.z-member { + color: #cb414d; + } + .z-keyword, .z-keyword.z-operator.z-word { + color: #c94506; + } + .z-keyword.z-operator { + color: #ac5c32; + } + .z-punctuation.z-separator, .z-punctuation.z-terminator { + color: #61676c; + } + .z-punctuation.z-section { + color: #61676c; + } + .z-punctuation.z-accessor { + color: #ac5c32; + } + .z-punctuation.z-definition.z-annotation { + color: #61676c; + } + .z-variable.z-other.z-dollar.z-only.z-js, .z-variable.z-other.z-object.z-dollar.z-only.z-js, .z-variable.z-type.z-dollar.z-only.z-js, .z-support.z-class.z-dollar.z-only.z-js { + color: #936b2c; + } + .z-storage { + color: #c94506; + } + .z-storage.z-type { + color: #c94506; + } + .z-entity.z-name.z-function { + color: #ac5d00; + } + .z-entity.z-name, .z-entity.z-name.z-tag, .z-entity.z-name.z-label { + color: #0079bd; + } + .z-entity.z-other.z-inherited-class { + color: #0079bd; + text-decoration: underline; + } + .z-variable.z-parameter { + color: #b85500; + } + .z-variable.z-language { + color: #007d9b; + font-style: italic; + } + .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml { + color: #007d9b; + } + .z-punctuation.z-definition.z-tag.z-end, .z-punctuation.z-definition.z-tag.z-begin, .z-punctuation.z-definition.z-tag { + color: #007d9b; + } + .z-entity.z-other.z-attribute-name { + color: #ac5d00; + } + .z-variable.z-function, .z-variable.z-annotation { + color: #ac5d00; + } + .z-support.z-function, .z-support.z-macro { + color: #c44a4e; + } + .z-support.z-constant { + color: #ac5c32; + font-style: italic; + } + .z-support.z-type, .z-support.z-class { + color: #007d9b; + font-style: italic; + } + .z-invalid { + color: #e6000b; + } + .z-invalid.z-deprecated { + color: #ffffff; + background-color: #c94506; + } + .z-source.z-ruby .z-variable.z-other.z-readwrite { + color: #ac5d00; + } + .z-source.z-css .z-entity.z-name.z-tag, .z-source.z-sass .z-entity.z-name.z-tag, .z-source.z-scss .z-entity.z-name.z-tag, .z-source.z-less .z-entity.z-name.z-tag, .z-source.z-stylus .z-entity.z-name.z-tag { + color: #0079bd; + } + .z-source.z-css .z-support.z-type, .z-source.z-sass .z-support.z-type, .z-source.z-scss .z-support.z-type, .z-source.z-less .z-support.z-type, .z-source.z-stylus .z-support.z-type { + color: #6e7379; + } + .z-support.z-type.z-property-name { + color: #007d9b; + } + .z-constant.z-numeric.z-line-number.z-find-in-files { + color: #6e7379; + } + .z-constant.z-numeric.z-line-number.z-match { + color: #c94506; + } + .z-entity.z-name.z-filename.z-find-in-files { + color: #507e00; + } + .z-message.z-error { + color: #e6000b; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007d9b; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007d9b; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007d9b; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007d9b; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007d9b; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007d9b; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007d9b; + } + .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007d9b; + } + .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007d9b; + } + .z-markup.z-heading { + color: #c94506; + font-weight: bold; + } + .z-string.z-other.z-link, .z-markup.z-underline.z-link { + color: #008260; + text-decoration: underline; + font-style: italic; + } + .z-punctuation.z-definition.z-image { + color: #ac5d00; + } + .z-markup.z-italic { + color: #c44a4e; + font-style: italic; + } + .z-markup.z-bold { + color: #c44a4e; + font-weight: bold; + } + .z-markup.z-italic .z-markup.z-bold, .z-markup.z-bold .z-markup.z-italic { + font-weight: bold; + font-style: italic; + } + .z-markup.z-raw { + background-color: #61676c; + } + .z-markup.z-raw.z-inline { + background-color: #61676c; + } + .z-meta.z-separator { + color: #6e7379; + background-color: #61676c; + font-weight: bold; + } + .z-markup.z-quote { + color: #b85500; + font-style: italic; + } + .z-markup.z-list.z-numbered.z-bullet, .z-markup.z-list .z-punctuation.z-definition.z-list_item { + color: #008260; + } + .z-markup.z-inserted { + color: #507e00; + } + .z-markup.z-changed { + color: #007d9b; + } + .z-markup.z-deleted { + color: #c44a4e; + } + .z-markup.z-strike { + color: #936b2c; + } + .z-markup.z-table { + color: #007d9b; + background-color: #61676c; + } + .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { + color: #ac5c32; + } + .z-text.z-html.z-markdown .z-meta.z-dummy.z-line-break { + color: #6e7379; + } + .z-markup.z-raw.z-block.z-fenced.z-markdown { + color: #61676c; + background-color: #61676c; + } + .z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown { + color: #6e7379; + background-color: #61676c; + } + .z-variable.z-language.z-fenced.z-markdown { + color: #6e7379; + } + .z-markup.z-inserted.z-git_gutter { + color: #507e00; + } + .z-markup.z-changed.z-git_gutter { + color: #007d9b; + } + .z-markup.z-deleted.z-git_gutter { + color: #e6000b; + } + .z-markup.z-ignored.z-git_gutter { + color: #dee0e1; + } + .z-markup.z-untracked.z-git_gutter { + color: #dee0e1; + } + .z-gutter_color { + color: #ffffff; + } + .z-acejump.z-label.z-blue { + color: #ffffff; + background-color: #007d9b; + } + .z-acejump.z-label.z-green { + color: #ffffff; + background-color: #507e00; + } + .z-acejump.z-label.z-orange { + color: #ffffff; + background-color: #c94506; + } + .z-acejump.z-label.z-purple { + color: #ffffff; + background-color: #c44a4e; + } + .z-sublimelinter.z-mark.z-warning { + color: #007d9b; + } + .z-sublimelinter.z-gutter-mark { + color: #ffffff; + } + .z-sublimelinter.z-mark.z-error { + color: #e6000b; + } + } +} \ No newline at end of file diff --git a/sass/syntax/syntax-ayu-abridge-switcher.scss b/sass/syntax/syntax-ayu-abridge-switcher.scss deleted file mode 100644 index f31946c..0000000 --- a/sass/syntax/syntax-ayu-abridge-switcher.scss +++ /dev/null @@ -1,551 +0,0 @@ -:root:not(.light) { - .z-code { - color: #bfbab0; - background-color: #191919; - } - .z-comment, .z-punctuation.z-definition.z-comment { - color: #798491; - font-style: italic; - } - .z-variable { - color: #bfbab0; - } - .z-string, .z-constant.z-other.z-symbol { - color: #c2d94c; - } - .z-constant.z-numeric { - color: #f29718; - } - .z-string.z-regexp, .z-constant.z-character.z-escape { - color: #95e6cb; - } - .z-constant.z-language { - color: #f29718; - } - .z-constant.z-character, .z-constant.z-other { - color: #f29718; - } - .z-variable.z-member { - color: #fe7d83; - } - .z-keyword, .z-keyword.z-operator.z-word { - color: #ff813c; - } - .z-keyword.z-operator { - color: #f29668; - } - .z-punctuation.z-separator, .z-punctuation.z-terminator { - color: #bfbab0; - } - .z-punctuation.z-section { - color: #bfbab0; - } - .z-punctuation.z-accessor { - color: #f29668; - } - .z-punctuation.z-definition.z-annotation { - color: #bfbab0; - } - .z-variable.z-other.z-dollar.z-only.z-js, .z-variable.z-other.z-object.z-dollar.z-only.z-js, .z-variable.z-type.z-dollar.z-only.z-js, .z-support.z-class.z-dollar.z-only.z-js { - color: #e6b673; - } - .z-storage { - color: #ff813c; - } - .z-storage.z-type { - color: #ff813c; - } - .z-entity.z-name.z-function { - color: #ffb454; - } - .z-entity.z-name, .z-entity.z-name.z-tag, .z-entity.z-name.z-label { - color: #59c2ff; - } - .z-entity.z-other.z-inherited-class { - color: #59c2ff; - text-decoration: underline; - } - .z-variable.z-parameter { - color: #f29718; - } - .z-variable.z-language { - color: #39bae6; - font-style: italic; - } - .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml { - color: #39bae6; - } - .z-punctuation.z-definition.z-tag.z-end, .z-punctuation.z-definition.z-tag.z-begin, .z-punctuation.z-definition.z-tag { - color: #39bae6; - } - .z-entity.z-other.z-attribute-name { - color: #ffb454; - } - .z-variable.z-function, .z-variable.z-annotation { - color: #ffb454; - } - .z-support.z-function, .z-support.z-macro { - color: #fe7d83; - } - .z-support.z-constant { - color: #f29668; - font-style: italic; - } - .z-support.z-type, .z-support.z-class { - color: #39bae6; - font-style: italic; - } - .z-invalid { - color: #ff7c6d; - } - .z-invalid.z-deprecated { - color: #ffffff; - background-color: #ff813c; - } - .z-meta.z-diff, .z-meta.z-diff.z-header { - color: #c594c5; - } - .z-source.z-ruby .z-variable.z-other.z-readwrite { - color: #ffb454; - } - .z-source.z-css .z-entity.z-name.z-tag, .z-source.z-sass .z-entity.z-name.z-tag, .z-source.z-scss .z-entity.z-name.z-tag, .z-source.z-less .z-entity.z-name.z-tag, .z-source.z-stylus .z-entity.z-name.z-tag { - color: #59c2ff; - } - .z-source.z-css .z-support.z-type, .z-source.z-sass .z-support.z-type, .z-source.z-scss .z-support.z-type, .z-source.z-less .z-support.z-type, .z-source.z-stylus .z-support.z-type { - color: #798491; - } - .z-support.z-type.z-property-name { - color: #39bae6; - } - .z-constant.z-numeric.z-line-number.z-find-in-files { - color: #798491; - } - .z-constant.z-numeric.z-line-number.z-match { - color: #ff813c; - } - .z-entity.z-name.z-filename.z-find-in-files { - color: #c2d94c; - } - .z-message.z-error { - color: #ff7c6d; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #39bae6; - } - .z-markup.z-heading { - color: #ff813c; - font-weight: bold; - } - .z-string.z-other.z-link, .z-markup.z-underline.z-link { - color: #95e6cb; - text-decoration: underline; - font-style: italic; - } - .z-punctuation.z-definition.z-image { - color: #ffb454; - } - .z-markup.z-italic { - color: #fe7d83; - font-style: italic; - } - .z-markup.z-bold { - color: #fe7d83; - font-weight: bold; - } - .z-markup.z-italic .z-markup.z-bold, .z-markup.z-bold .z-markup.z-italic { - font-weight: bold; - font-style: italic; - } - .z-markup.z-raw { - background-color: #bfbab0; - } - .z-markup.z-raw.z-inline { - background-color: #bfbab0; - } - .z-meta.z-separator { - color: #798491; - background-color: #bfbab0; - font-weight: bold; - } - .z-markup.z-quote { - color: #f29718; - font-style: italic; - } - .z-markup.z-list.z-numbered.z-bullet, .z-markup.z-list .z-punctuation.z-definition.z-list_item { - color: #95e6cb; - } - .z-markup.z-inserted { - color: #c2d94c; - } - .z-markup.z-changed { - color: #39bae6; - } - .z-markup.z-deleted { - color: #fe7d83; - } - .z-markup.z-strike { - color: #e6b673; - } - .z-markup.z-table { - color: #39bae6; - background-color: #bfbab0; - } - .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { - color: #f29668; - } - .z-text.z-html.z-markdown .z-meta.z-dummy.z-line-break { - color: #798491; - } - .z-markup.z-raw.z-block.z-fenced.z-markdown { - color: #bfbab0; - background-color: #bfbab0; - } - .z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown { - color: #798491; - background-color: #bfbab0; - } - .z-variable.z-language.z-fenced.z-markdown { - color: #798491; - } - .z-markup.z-inserted.z-git_gutter { - color: #c2d94c; - } - .z-markup.z-changed.z-git_gutter { - color: #39bae6; - } - .z-markup.z-deleted.z-git_gutter { - color: #ff7c6d; - } - .z-markup.z-ignored.z-git_gutter { - color: #20272c; - } - .z-markup.z-untracked.z-git_gutter { - color: #20272c; - } - .z-gutter_color { - color: #ffffff; - } - .z-acejump.z-label.z-blue { - color: #ffffff; - background-color: #39bae6; - } - .z-acejump.z-label.z-green { - color: #ffffff; - background-color: #c2d94c; - } - .z-acejump.z-label.z-orange { - color: #ffffff; - background-color: #ff813c; - } - .z-acejump.z-label.z-purple { - color: #ffffff; - background-color: #fe7d83; - } - .z-sublimelinter.z-mark.z-warning { - color: #39bae6; - } - .z-sublimelinter.z-gutter-mark { - color: #ffffff; - } - .z-sublimelinter.z-mark.z-error { - color: #ff7c6d; - } -} -:root.light { - .z-code { - color: #61676c; - background-color: #ffffff; - } - .z-comment, .z-punctuation.z-definition.z-comment { - color: #6e7379; - font-style: italic; - } - .z-variable { - color: #61676c; - } - .z-string, .z-constant.z-other.z-symbol { - color: #507e00; - } - .z-constant.z-numeric { - color: #b85500; - } - .z-string.z-regexp, .z-constant.z-character.z-escape { - color: #008260; - } - .z-constant.z-language { - color: #b85500; - } - .z-constant.z-character, .z-constant.z-other { - color: #b85500; - } - .z-variable.z-member { - color: #cb414d; - } - .z-keyword, .z-keyword.z-operator.z-word { - color: #c94506; - } - .z-keyword.z-operator { - color: #ac5c32; - } - .z-punctuation.z-separator, .z-punctuation.z-terminator { - color: #61676c; - } - .z-punctuation.z-section { - color: #61676c; - } - .z-punctuation.z-accessor { - color: #ac5c32; - } - .z-punctuation.z-definition.z-annotation { - color: #61676c; - } - .z-variable.z-other.z-dollar.z-only.z-js, .z-variable.z-other.z-object.z-dollar.z-only.z-js, .z-variable.z-type.z-dollar.z-only.z-js, .z-support.z-class.z-dollar.z-only.z-js { - color: #936b2c; - } - .z-storage { - color: #c94506; - } - .z-storage.z-type { - color: #c94506; - } - .z-entity.z-name.z-function { - color: #ac5d00; - } - .z-entity.z-name, .z-entity.z-name.z-tag, .z-entity.z-name.z-label { - color: #0079bd; - } - .z-entity.z-other.z-inherited-class { - color: #0079bd; - text-decoration: underline; - } - .z-variable.z-parameter { - color: #b85500; - } - .z-variable.z-language { - color: #007d9b; - font-style: italic; - } - .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml { - color: #007d9b; - } - .z-punctuation.z-definition.z-tag.z-end, .z-punctuation.z-definition.z-tag.z-begin, .z-punctuation.z-definition.z-tag { - color: #007d9b; - } - .z-entity.z-other.z-attribute-name { - color: #ac5d00; - } - .z-variable.z-function, .z-variable.z-annotation { - color: #ac5d00; - } - .z-support.z-function, .z-support.z-macro { - color: #c44a4e; - } - .z-support.z-constant { - color: #ac5c32; - font-style: italic; - } - .z-support.z-type, .z-support.z-class { - color: #007d9b; - font-style: italic; - } - .z-invalid { - color: #e6000b; - } - .z-invalid.z-deprecated { - color: #ffffff; - background-color: #c94506; - } - .z-source.z-ruby .z-variable.z-other.z-readwrite { - color: #ac5d00; - } - .z-source.z-css .z-entity.z-name.z-tag, .z-source.z-sass .z-entity.z-name.z-tag, .z-source.z-scss .z-entity.z-name.z-tag, .z-source.z-less .z-entity.z-name.z-tag, .z-source.z-stylus .z-entity.z-name.z-tag { - color: #0079bd; - } - .z-source.z-css .z-support.z-type, .z-source.z-sass .z-support.z-type, .z-source.z-scss .z-support.z-type, .z-source.z-less .z-support.z-type, .z-source.z-stylus .z-support.z-type { - color: #6e7379; - } - .z-support.z-type.z-property-name { - color: #007d9b; - } - .z-constant.z-numeric.z-line-number.z-find-in-files { - color: #6e7379; - } - .z-constant.z-numeric.z-line-number.z-match { - color: #c94506; - } - .z-entity.z-name.z-filename.z-find-in-files { - color: #507e00; - } - .z-message.z-error { - color: #e6000b; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007d9b; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007d9b; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007d9b; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007d9b; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007d9b; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007d9b; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007d9b; - } - .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007d9b; - } - .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007d9b; - } - .z-markup.z-heading { - color: #c94506; - font-weight: bold; - } - .z-string.z-other.z-link, .z-markup.z-underline.z-link { - color: #008260; - text-decoration: underline; - font-style: italic; - } - .z-punctuation.z-definition.z-image { - color: #ac5d00; - } - .z-markup.z-italic { - color: #c44a4e; - font-style: italic; - } - .z-markup.z-bold { - color: #c44a4e; - font-weight: bold; - } - .z-markup.z-italic .z-markup.z-bold, .z-markup.z-bold .z-markup.z-italic { - font-weight: bold; - font-style: italic; - } - .z-markup.z-raw { - background-color: #61676c; - } - .z-markup.z-raw.z-inline { - background-color: #61676c; - } - .z-meta.z-separator { - color: #6e7379; - background-color: #61676c; - font-weight: bold; - } - .z-markup.z-quote { - color: #b85500; - font-style: italic; - } - .z-markup.z-list.z-numbered.z-bullet, .z-markup.z-list .z-punctuation.z-definition.z-list_item { - color: #008260; - } - .z-markup.z-inserted { - color: #507e00; - } - .z-markup.z-changed { - color: #007d9b; - } - .z-markup.z-deleted { - color: #c44a4e; - } - .z-markup.z-strike { - color: #936b2c; - } - .z-markup.z-table { - color: #007d9b; - background-color: #61676c; - } - .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { - color: #ac5c32; - } - .z-text.z-html.z-markdown .z-meta.z-dummy.z-line-break { - color: #6e7379; - } - .z-markup.z-raw.z-block.z-fenced.z-markdown { - color: #61676c; - background-color: #61676c; - } - .z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown { - color: #6e7379; - background-color: #61676c; - } - .z-variable.z-language.z-fenced.z-markdown { - color: #6e7379; - } - .z-markup.z-inserted.z-git_gutter { - color: #507e00; - } - .z-markup.z-changed.z-git_gutter { - color: #007d9b; - } - .z-markup.z-deleted.z-git_gutter { - color: #e6000b; - } - .z-markup.z-ignored.z-git_gutter { - color: #dee0e1; - } - .z-markup.z-untracked.z-git_gutter { - color: #dee0e1; - } - .z-gutter_color { - color: #ffffff; - } - .z-acejump.z-label.z-blue { - color: #ffffff; - background-color: #007d9b; - } - .z-acejump.z-label.z-green { - color: #ffffff; - background-color: #507e00; - } - .z-acejump.z-label.z-orange { - color: #ffffff; - background-color: #c94506; - } - .z-acejump.z-label.z-purple { - color: #ffffff; - background-color: #c44a4e; - } - .z-sublimelinter.z-mark.z-warning { - color: #007d9b; - } - .z-sublimelinter.z-gutter-mark { - color: #ffffff; - } - .z-sublimelinter.z-mark.z-error { - color: #e6000b; - } -} \ No newline at end of file diff --git a/sass/syntax/syntax-ayu-abridge.scss b/sass/syntax/syntax-ayu-abridge.scss index 3587a73..f31946c 100644 --- a/sass/syntax/syntax-ayu-abridge.scss +++ b/sass/syntax/syntax-ayu-abridge.scss @@ -1,4 +1,4 @@ -:root { +:root:not(.light) { .z-code { color: #bfbab0; background-color: #191919; @@ -275,8 +275,7 @@ color: #ff7c6d; } } -@media (prefers-color-scheme: light) { - :root { +:root.light { .z-code { color: #61676c; background-color: #ffffff; @@ -549,5 +548,4 @@ .z-sublimelinter.z-mark.z-error { color: #e6000b; } - } } \ No newline at end of file diff --git a/sass/syntax/syntax-ayumirage-abridge-auto.scss b/sass/syntax/syntax-ayumirage-abridge-auto.scss new file mode 100644 index 0000000..5a28abc --- /dev/null +++ b/sass/syntax/syntax-ayumirage-abridge-auto.scss @@ -0,0 +1,556 @@ +:root { + .z-code { + color: #ccc9c2; + background-color: #191919; + } + .z-comment, .z-punctuation.z-definition.z-comment { + color: #798491; + font-style: italic; + } + .z-variable { + color: #ccc9c2; + } + .z-string, .z-constant.z-other.z-symbol { + color: #bae67e; + } + .z-constant.z-numeric { + color: #ffcc66; + } + .z-string.z-regexp, .z-constant.z-character.z-escape { + color: #95e6cb; + } + .z-constant.z-language { + color: #ffcc66; + } + .z-constant.z-character, .z-constant.z-other { + color: #ffcc66; + } + .z-variable.z-member { + color: #fe7d83; + } + .z-keyword, .z-keyword.z-operator.z-word { + color: #ffa759; + } + .z-keyword.z-operator { + color: #f29e74; + } + .z-punctuation.z-separator, .z-punctuation.z-terminator { + color: #ccc9c2; + } + .z-punctuation.z-section { + color: #ccc9c2; + } + .z-punctuation.z-accessor { + color: #f29e74; + } + .z-punctuation.z-definition.z-annotation { + color: #ccc9c2; + } + .z-variable.z-other.z-dollar.z-only.z-js, .z-variable.z-other.z-object.z-dollar.z-only.z-js, .z-variable.z-type.z-dollar.z-only.z-js, .z-support.z-class.z-dollar.z-only.z-js { + color: #ffc44c; + } + .z-storage { + color: #ffa759; + } + .z-storage.z-type { + color: #ffa759; + } + .z-entity.z-name.z-function { + color: #ffd580; + } + .z-entity.z-name, .z-entity.z-name.z-tag, .z-entity.z-name.z-label { + color: #73d0ff; + } + .z-entity.z-other.z-inherited-class { + color: #73d0ff; + text-decoration: underline; + } + .z-variable.z-parameter { + color: #ffcc66; + } + .z-variable.z-language { + color: #5ccfe6; + font-style: italic; + } + .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml { + color: #5ccfe6; + } + .z-punctuation.z-definition.z-tag.z-end, .z-punctuation.z-definition.z-tag.z-begin, .z-punctuation.z-definition.z-tag { + color: #5ccfe6; + } + .z-entity.z-other.z-attribute-name { + color: #ffd580; + } + .z-variable.z-function, .z-variable.z-annotation { + color: #ffd580; + } + .z-support.z-function, .z-support.z-macro { + color: #f28779; + } + .z-support.z-constant { + color: #f29e74; + font-style: italic; + } + .z-support.z-type, .z-support.z-class { + color: #5ccfe6; + font-style: italic; + } + .z-invalid { + color: #ff7c6d; + } + .z-invalid.z-deprecated { + color: #ffffff; + background-color: #ffa759; + } + .z-meta.z-diff, .z-meta.z-diff.z-header { + color: #c594c5; + } + .z-source.z-ruby .z-variable.z-other.z-readwrite { + color: #ffd580; + } + .z-source.z-css .z-entity.z-name.z-tag, .z-source.z-sass .z-entity.z-name.z-tag, .z-source.z-scss .z-entity.z-name.z-tag, .z-source.z-less .z-entity.z-name.z-tag, .z-source.z-stylus .z-entity.z-name.z-tag { + color: #73d0ff; + } + .z-source.z-css .z-support.z-type, .z-source.z-sass .z-support.z-type, .z-source.z-scss .z-support.z-type, .z-source.z-less .z-support.z-type, .z-source.z-stylus .z-support.z-type { + color: #798491; + } + .z-support.z-type.z-property-name { + color: #5ccfe6; + } + .z-constant.z-numeric.z-line-number.z-find-in-files { + color: #798491; + } + .z-constant.z-numeric.z-line-number.z-match { + color: #ffa759; + } + .z-entity.z-name.z-filename.z-find-in-files { + color: #bae67e; + } + .z-message.z-error { + color: #ff7c6d; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #5ccfe6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #5ccfe6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #5ccfe6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #5ccfe6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #5ccfe6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #5ccfe6; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #5ccfe6; + } + .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #5ccfe6; + } + .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #5ccfe6; + } + .z-markup.z-heading { + color: #ffa759; + font-weight: bold; + } + .z-string.z-other.z-link, .z-markup.z-underline.z-link { + color: #95e6cb; + text-decoration: underline; + font-style: italic; + } + .z-punctuation.z-definition.z-image { + color: #ffd580; + } + .z-markup.z-italic { + color: #f28779; + font-style: italic; + } + .z-markup.z-bold { + color: #f28779; + font-weight: bold; + } + .z-markup.z-italic .z-markup.z-bold, .z-markup.z-bold .z-markup.z-italic { + font-weight: bold; + font-style: italic; + } + .z-markup.z-raw { + background-color: #ccc9c2; + } + .z-markup.z-raw.z-inline { + background-color: #ccc9c2; + } + .z-meta.z-separator { + color: #798491; + background-color: #ccc9c2; + font-weight: bold; + } + .z-markup.z-quote { + color: #ffcc66; + font-style: italic; + } + .z-markup.z-list.z-numbered.z-bullet, .z-markup.z-list .z-punctuation.z-definition.z-list_item { + color: #95e6cb; + } + .z-markup.z-inserted { + color: #bae67e; + } + .z-markup.z-changed { + color: #5ccfe6; + } + .z-markup.z-deleted { + color: #f28779; + } + .z-markup.z-strike { + color: #ffc44c; + } + .z-markup.z-table { + color: #5ccfe6; + background-color: #ccc9c2; + } + .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { + color: #f29e74; + } + .z-text.z-html.z-markdown .z-meta.z-dummy.z-line-break { + color: #798491; + } + .z-markup.z-raw.z-block.z-fenced.z-markdown { + color: #ccc9c2; + background-color: #ccc9c2; + } + .z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown { + color: #798491; + background-color: #ccc9c2; + } + .z-variable.z-language.z-fenced.z-markdown { + color: #798491; + } + .z-markup.z-inserted.z-git_gutter { + color: #bae67e; + } + .z-markup.z-changed.z-git_gutter { + color: #5ccfe6; + } + .z-markup.z-deleted.z-git_gutter { + color: #ff7c6d; + } + .z-markup.z-ignored.z-git_gutter { + color: #363e4a; + } + .z-markup.z-untracked.z-git_gutter { + color: #363e4a; + } + .z-gutter_color { + color: #ffffff; + } + .z-acejump.z-label.z-blue { + color: #ffffff; + background-color: #5ccfe6; + } + .z-acejump.z-label.z-green { + color: #ffffff; + background-color: #bae67e; + } + .z-acejump.z-label.z-orange { + color: #ffffff; + background-color: #ffa759; + } + .z-acejump.z-label.z-purple { + color: #ffffff; + background-color: #f28779; + } + .z-sublimelinter.z-mark.z-warning { + color: #5ccfe6; + } + .z-sublimelinter.z-gutter-mark { + color: #ffffff; + } + .z-sublimelinter.z-mark.z-error { + color: #ff7c6d; + } +} +@media (prefers-color-scheme: light) { + :root { + .z-code { + color: #76736d; + background-color: #ffffff; + } + .z-comment, .z-punctuation.z-definition.z-comment { + color: #5c6773; + font-style: italic; + } + .z-variable { + color: #76736d; + } + .z-string, .z-constant.z-other.z-symbol { + color: #547f1c; + } + .z-constant.z-numeric { + color: #926b00; + } + .z-string.z-regexp, .z-constant.z-character.z-escape { + color: #2d7f68; + } + .z-constant.z-language { + color: #926b00; + } + .z-constant.z-character, .z-constant.z-other { + color: #926b00; + } + .z-variable.z-member { + color: #cb414d; + } + .z-keyword, .z-keyword.z-operator.z-word { + color: #aa5f0f; + } + .z-keyword.z-operator { + color: #aa5f39; + } + .z-punctuation.z-separator, .z-punctuation.z-terminator { + color: #76736d; + } + .z-punctuation.z-section { + color: #76736d; + } + .z-punctuation.z-accessor { + color: #aa5f39; + } + .z-punctuation.z-definition.z-annotation { + color: #76736d; + } + .z-variable.z-other.z-dollar.z-only.z-js, .z-variable.z-other.z-object.z-dollar.z-only.z-js, .z-variable.z-type.z-dollar.z-only.z-js, .z-support.z-class.z-dollar.z-only.z-js { + color: #986b00; + } + .z-storage { + color: #aa5f0f; + } + .z-storage.z-type { + color: #aa5f0f; + } + .z-entity.z-name.z-function { + color: #8f6f1d; + } + .z-entity.z-name, .z-entity.z-name.z-tag, .z-entity.z-name.z-label { + color: #007ca7; + } + .z-entity.z-other.z-inherited-class { + color: #007ca7; + text-decoration: underline; + } + .z-variable.z-parameter { + color: #926b00; + } + .z-variable.z-language { + color: #007f95; + font-style: italic; + } + .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml { + color: #007f95; + } + .z-punctuation.z-definition.z-tag.z-end, .z-punctuation.z-definition.z-tag.z-begin, .z-punctuation.z-definition.z-tag { + color: #007f95; + } + .z-entity.z-other.z-attribute-name { + color: #8f6f1d; + } + .z-variable.z-function, .z-variable.z-annotation { + color: #8f6f1d; + } + .z-support.z-function, .z-support.z-macro { + color: #b75349; + } + .z-support.z-constant { + color: #aa5f39; + font-style: italic; + } + .z-support.z-type, .z-support.z-class { + color: #007f95; + font-style: italic; + } + .z-invalid { + color: #e40320; + } + .z-invalid.z-deprecated { + color: #ffffff; + background-color: #aa5f0f; + } + .z-meta.z-diff, .z-meta.z-diff.z-header { + color: #916392; + } + .z-source.z-ruby .z-variable.z-other.z-readwrite { + color: #8f6f1d; + } + .z-source.z-css .z-entity.z-name.z-tag, .z-source.z-sass .z-entity.z-name.z-tag, .z-source.z-scss .z-entity.z-name.z-tag, .z-source.z-less .z-entity.z-name.z-tag, .z-source.z-stylus .z-entity.z-name.z-tag { + color: #007ca7; + } + .z-source.z-css .z-support.z-type, .z-source.z-sass .z-support.z-type, .z-source.z-scss .z-support.z-type, .z-source.z-less .z-support.z-type, .z-source.z-stylus .z-support.z-type { + color: #5c6773; + } + .z-support.z-type.z-property-name { + color: #007f95; + } + .z-constant.z-numeric.z-line-number.z-find-in-files { + color: #5c6773; + } + .z-constant.z-numeric.z-line-number.z-match { + color: #aa5f0f; + } + .z-entity.z-name.z-filename.z-find-in-files { + color: #547f1c; + } + .z-message.z-error { + color: #e40320; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007f95; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007f95; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007f95; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007f95; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007f95; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007f95; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007f95; + } + .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007f95; + } + .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #007f95; + } + .z-markup.z-heading { + color: #aa5f0f; + font-weight: bold; + } + .z-string.z-other.z-link, .z-markup.z-underline.z-link { + color: #2d7f68; + text-decoration: underline; + font-style: italic; + } + .z-punctuation.z-definition.z-image { + color: #8f6f1d; + } + .z-markup.z-italic { + color: #b75349; + font-style: italic; + } + .z-markup.z-bold { + color: #b75349; + font-weight: bold; + } + .z-markup.z-italic .z-markup.z-bold, .z-markup.z-bold .z-markup.z-italic { + font-weight: bold; + font-style: italic; + } + .z-markup.z-raw { + background-color: #76736d; + } + .z-markup.z-raw.z-inline { + background-color: #76736d; + } + .z-meta.z-separator { + color: #5c6773; + background-color: #76736d; + font-weight: bold; + } + .z-markup.z-quote { + color: #926b00; + font-style: italic; + } + .z-markup.z-list.z-numbered.z-bullet, .z-markup.z-list .z-punctuation.z-definition.z-list_item { + color: #2d7f68; + } + .z-markup.z-inserted { + color: #547f1c; + } + .z-markup.z-changed { + color: #007f95; + } + .z-markup.z-deleted { + color: #b75349; + } + .z-markup.z-strike { + color: #986b00; + } + .z-markup.z-table { + color: #007f95; + background-color: #76736d; + } + .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { + color: #aa5f39; + } + .z-text.z-html.z-markdown .z-meta.z-dummy.z-line-break { + color: #5c6773; + } + .z-markup.z-raw.z-block.z-fenced.z-markdown { + color: #76736d; + background-color: #76736d; + } + .z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown { + color: #5c6773; + background-color: #76736d; + } + .z-variable.z-language.z-fenced.z-markdown { + color: #5c6773; + } + .z-markup.z-inserted.z-git_gutter { + color: #547f1c; + } + .z-markup.z-changed.z-git_gutter { + color: #007f95; + } + .z-markup.z-deleted.z-git_gutter { + color: #e40320; + } + .z-markup.z-ignored.z-git_gutter { + color: #363e4a; + } + .z-markup.z-untracked.z-git_gutter { + color: #363e4a; + } + .z-gutter_color { + color: #ffffff; + } + .z-acejump.z-label.z-blue { + color: #ffffff; + background-color: #007f95; + } + .z-acejump.z-label.z-green { + color: #ffffff; + background-color: #547f1c; + } + .z-acejump.z-label.z-orange { + color: #ffffff; + background-color: #aa5f0f; + } + .z-acejump.z-label.z-purple { + color: #ffffff; + background-color: #b75349; + } + .z-sublimelinter.z-mark.z-warning { + color: #007f95; + } + .z-sublimelinter.z-gutter-mark { + color: #ffffff; + } + .z-sublimelinter.z-mark.z-error { + color: #e40320; + } + } +} \ No newline at end of file diff --git a/sass/syntax/syntax-ayumirage-abridge-switcher.scss b/sass/syntax/syntax-ayumirage-abridge-switcher.scss deleted file mode 100644 index 1999a4a..0000000 --- a/sass/syntax/syntax-ayumirage-abridge-switcher.scss +++ /dev/null @@ -1,554 +0,0 @@ -:root:not(.light) { - .z-code { - color: #ccc9c2; - background-color: #191919; - } - .z-comment, .z-punctuation.z-definition.z-comment { - color: #798491; - font-style: italic; - } - .z-variable { - color: #ccc9c2; - } - .z-string, .z-constant.z-other.z-symbol { - color: #bae67e; - } - .z-constant.z-numeric { - color: #ffcc66; - } - .z-string.z-regexp, .z-constant.z-character.z-escape { - color: #95e6cb; - } - .z-constant.z-language { - color: #ffcc66; - } - .z-constant.z-character, .z-constant.z-other { - color: #ffcc66; - } - .z-variable.z-member { - color: #fe7d83; - } - .z-keyword, .z-keyword.z-operator.z-word { - color: #ffa759; - } - .z-keyword.z-operator { - color: #f29e74; - } - .z-punctuation.z-separator, .z-punctuation.z-terminator { - color: #ccc9c2; - } - .z-punctuation.z-section { - color: #ccc9c2; - } - .z-punctuation.z-accessor { - color: #f29e74; - } - .z-punctuation.z-definition.z-annotation { - color: #ccc9c2; - } - .z-variable.z-other.z-dollar.z-only.z-js, .z-variable.z-other.z-object.z-dollar.z-only.z-js, .z-variable.z-type.z-dollar.z-only.z-js, .z-support.z-class.z-dollar.z-only.z-js { - color: #ffc44c; - } - .z-storage { - color: #ffa759; - } - .z-storage.z-type { - color: #ffa759; - } - .z-entity.z-name.z-function { - color: #ffd580; - } - .z-entity.z-name, .z-entity.z-name.z-tag, .z-entity.z-name.z-label { - color: #73d0ff; - } - .z-entity.z-other.z-inherited-class { - color: #73d0ff; - text-decoration: underline; - } - .z-variable.z-parameter { - color: #ffcc66; - } - .z-variable.z-language { - color: #5ccfe6; - font-style: italic; - } - .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml { - color: #5ccfe6; - } - .z-punctuation.z-definition.z-tag.z-end, .z-punctuation.z-definition.z-tag.z-begin, .z-punctuation.z-definition.z-tag { - color: #5ccfe6; - } - .z-entity.z-other.z-attribute-name { - color: #ffd580; - } - .z-variable.z-function, .z-variable.z-annotation { - color: #ffd580; - } - .z-support.z-function, .z-support.z-macro { - color: #f28779; - } - .z-support.z-constant { - color: #f29e74; - font-style: italic; - } - .z-support.z-type, .z-support.z-class { - color: #5ccfe6; - font-style: italic; - } - .z-invalid { - color: #ff7c6d; - } - .z-invalid.z-deprecated { - color: #ffffff; - background-color: #ffa759; - } - .z-meta.z-diff, .z-meta.z-diff.z-header { - color: #c594c5; - } - .z-source.z-ruby .z-variable.z-other.z-readwrite { - color: #ffd580; - } - .z-source.z-css .z-entity.z-name.z-tag, .z-source.z-sass .z-entity.z-name.z-tag, .z-source.z-scss .z-entity.z-name.z-tag, .z-source.z-less .z-entity.z-name.z-tag, .z-source.z-stylus .z-entity.z-name.z-tag { - color: #73d0ff; - } - .z-source.z-css .z-support.z-type, .z-source.z-sass .z-support.z-type, .z-source.z-scss .z-support.z-type, .z-source.z-less .z-support.z-type, .z-source.z-stylus .z-support.z-type { - color: #798491; - } - .z-support.z-type.z-property-name { - color: #5ccfe6; - } - .z-constant.z-numeric.z-line-number.z-find-in-files { - color: #798491; - } - .z-constant.z-numeric.z-line-number.z-match { - color: #ffa759; - } - .z-entity.z-name.z-filename.z-find-in-files { - color: #bae67e; - } - .z-message.z-error { - color: #ff7c6d; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #5ccfe6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #5ccfe6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #5ccfe6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #5ccfe6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #5ccfe6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #5ccfe6; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #5ccfe6; - } - .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #5ccfe6; - } - .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #5ccfe6; - } - .z-markup.z-heading { - color: #ffa759; - font-weight: bold; - } - .z-string.z-other.z-link, .z-markup.z-underline.z-link { - color: #95e6cb; - text-decoration: underline; - font-style: italic; - } - .z-punctuation.z-definition.z-image { - color: #ffd580; - } - .z-markup.z-italic { - color: #f28779; - font-style: italic; - } - .z-markup.z-bold { - color: #f28779; - font-weight: bold; - } - .z-markup.z-italic .z-markup.z-bold, .z-markup.z-bold .z-markup.z-italic { - font-weight: bold; - font-style: italic; - } - .z-markup.z-raw { - background-color: #ccc9c2; - } - .z-markup.z-raw.z-inline { - background-color: #ccc9c2; - } - .z-meta.z-separator { - color: #798491; - background-color: #ccc9c2; - font-weight: bold; - } - .z-markup.z-quote { - color: #ffcc66; - font-style: italic; - } - .z-markup.z-list.z-numbered.z-bullet, .z-markup.z-list .z-punctuation.z-definition.z-list_item { - color: #95e6cb; - } - .z-markup.z-inserted { - color: #bae67e; - } - .z-markup.z-changed { - color: #5ccfe6; - } - .z-markup.z-deleted { - color: #f28779; - } - .z-markup.z-strike { - color: #ffc44c; - } - .z-markup.z-table { - color: #5ccfe6; - background-color: #ccc9c2; - } - .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { - color: #f29e74; - } - .z-text.z-html.z-markdown .z-meta.z-dummy.z-line-break { - color: #798491; - } - .z-markup.z-raw.z-block.z-fenced.z-markdown { - color: #ccc9c2; - background-color: #ccc9c2; - } - .z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown { - color: #798491; - background-color: #ccc9c2; - } - .z-variable.z-language.z-fenced.z-markdown { - color: #798491; - } - .z-markup.z-inserted.z-git_gutter { - color: #bae67e; - } - .z-markup.z-changed.z-git_gutter { - color: #5ccfe6; - } - .z-markup.z-deleted.z-git_gutter { - color: #ff7c6d; - } - .z-markup.z-ignored.z-git_gutter { - color: #363e4a; - } - .z-markup.z-untracked.z-git_gutter { - color: #363e4a; - } - .z-gutter_color { - color: #ffffff; - } - .z-acejump.z-label.z-blue { - color: #ffffff; - background-color: #5ccfe6; - } - .z-acejump.z-label.z-green { - color: #ffffff; - background-color: #bae67e; - } - .z-acejump.z-label.z-orange { - color: #ffffff; - background-color: #ffa759; - } - .z-acejump.z-label.z-purple { - color: #ffffff; - background-color: #f28779; - } - .z-sublimelinter.z-mark.z-warning { - color: #5ccfe6; - } - .z-sublimelinter.z-gutter-mark { - color: #ffffff; - } - .z-sublimelinter.z-mark.z-error { - color: #ff7c6d; - } -} -:root.light { - .z-code { - color: #76736d; - background-color: #ffffff; - } - .z-comment, .z-punctuation.z-definition.z-comment { - color: #5c6773; - font-style: italic; - } - .z-variable { - color: #76736d; - } - .z-string, .z-constant.z-other.z-symbol { - color: #547f1c; - } - .z-constant.z-numeric { - color: #926b00; - } - .z-string.z-regexp, .z-constant.z-character.z-escape { - color: #2d7f68; - } - .z-constant.z-language { - color: #926b00; - } - .z-constant.z-character, .z-constant.z-other { - color: #926b00; - } - .z-variable.z-member { - color: #cb414d; - } - .z-keyword, .z-keyword.z-operator.z-word { - color: #aa5f0f; - } - .z-keyword.z-operator { - color: #aa5f39; - } - .z-punctuation.z-separator, .z-punctuation.z-terminator { - color: #76736d; - } - .z-punctuation.z-section { - color: #76736d; - } - .z-punctuation.z-accessor { - color: #aa5f39; - } - .z-punctuation.z-definition.z-annotation { - color: #76736d; - } - .z-variable.z-other.z-dollar.z-only.z-js, .z-variable.z-other.z-object.z-dollar.z-only.z-js, .z-variable.z-type.z-dollar.z-only.z-js, .z-support.z-class.z-dollar.z-only.z-js { - color: #986b00; - } - .z-storage { - color: #aa5f0f; - } - .z-storage.z-type { - color: #aa5f0f; - } - .z-entity.z-name.z-function { - color: #8f6f1d; - } - .z-entity.z-name, .z-entity.z-name.z-tag, .z-entity.z-name.z-label { - color: #007ca7; - } - .z-entity.z-other.z-inherited-class { - color: #007ca7; - text-decoration: underline; - } - .z-variable.z-parameter { - color: #926b00; - } - .z-variable.z-language { - color: #007f95; - font-style: italic; - } - .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml { - color: #007f95; - } - .z-punctuation.z-definition.z-tag.z-end, .z-punctuation.z-definition.z-tag.z-begin, .z-punctuation.z-definition.z-tag { - color: #007f95; - } - .z-entity.z-other.z-attribute-name { - color: #8f6f1d; - } - .z-variable.z-function, .z-variable.z-annotation { - color: #8f6f1d; - } - .z-support.z-function, .z-support.z-macro { - color: #b75349; - } - .z-support.z-constant { - color: #aa5f39; - font-style: italic; - } - .z-support.z-type, .z-support.z-class { - color: #007f95; - font-style: italic; - } - .z-invalid { - color: #e40320; - } - .z-invalid.z-deprecated { - color: #ffffff; - background-color: #aa5f0f; - } - .z-meta.z-diff, .z-meta.z-diff.z-header { - color: #916392; - } - .z-source.z-ruby .z-variable.z-other.z-readwrite { - color: #8f6f1d; - } - .z-source.z-css .z-entity.z-name.z-tag, .z-source.z-sass .z-entity.z-name.z-tag, .z-source.z-scss .z-entity.z-name.z-tag, .z-source.z-less .z-entity.z-name.z-tag, .z-source.z-stylus .z-entity.z-name.z-tag { - color: #007ca7; - } - .z-source.z-css .z-support.z-type, .z-source.z-sass .z-support.z-type, .z-source.z-scss .z-support.z-type, .z-source.z-less .z-support.z-type, .z-source.z-stylus .z-support.z-type { - color: #5c6773; - } - .z-support.z-type.z-property-name { - color: #007f95; - } - .z-constant.z-numeric.z-line-number.z-find-in-files { - color: #5c6773; - } - .z-constant.z-numeric.z-line-number.z-match { - color: #aa5f0f; - } - .z-entity.z-name.z-filename.z-find-in-files { - color: #547f1c; - } - .z-message.z-error { - color: #e40320; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007f95; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007f95; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007f95; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007f95; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007f95; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007f95; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007f95; - } - .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007f95; - } - .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #007f95; - } - .z-markup.z-heading { - color: #aa5f0f; - font-weight: bold; - } - .z-string.z-other.z-link, .z-markup.z-underline.z-link { - color: #2d7f68; - text-decoration: underline; - font-style: italic; - } - .z-punctuation.z-definition.z-image { - color: #8f6f1d; - } - .z-markup.z-italic { - color: #b75349; - font-style: italic; - } - .z-markup.z-bold { - color: #b75349; - font-weight: bold; - } - .z-markup.z-italic .z-markup.z-bold, .z-markup.z-bold .z-markup.z-italic { - font-weight: bold; - font-style: italic; - } - .z-markup.z-raw { - background-color: #76736d; - } - .z-markup.z-raw.z-inline { - background-color: #76736d; - } - .z-meta.z-separator { - color: #5c6773; - background-color: #76736d; - font-weight: bold; - } - .z-markup.z-quote { - color: #926b00; - font-style: italic; - } - .z-markup.z-list.z-numbered.z-bullet, .z-markup.z-list .z-punctuation.z-definition.z-list_item { - color: #2d7f68; - } - .z-markup.z-inserted { - color: #547f1c; - } - .z-markup.z-changed { - color: #007f95; - } - .z-markup.z-deleted { - color: #b75349; - } - .z-markup.z-strike { - color: #986b00; - } - .z-markup.z-table { - color: #007f95; - background-color: #76736d; - } - .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { - color: #aa5f39; - } - .z-text.z-html.z-markdown .z-meta.z-dummy.z-line-break { - color: #5c6773; - } - .z-markup.z-raw.z-block.z-fenced.z-markdown { - color: #76736d; - background-color: #76736d; - } - .z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown { - color: #5c6773; - background-color: #76736d; - } - .z-variable.z-language.z-fenced.z-markdown { - color: #5c6773; - } - .z-markup.z-inserted.z-git_gutter { - color: #547f1c; - } - .z-markup.z-changed.z-git_gutter { - color: #007f95; - } - .z-markup.z-deleted.z-git_gutter { - color: #e40320; - } - .z-markup.z-ignored.z-git_gutter { - color: #363e4a; - } - .z-markup.z-untracked.z-git_gutter { - color: #363e4a; - } - .z-gutter_color { - color: #ffffff; - } - .z-acejump.z-label.z-blue { - color: #ffffff; - background-color: #007f95; - } - .z-acejump.z-label.z-green { - color: #ffffff; - background-color: #547f1c; - } - .z-acejump.z-label.z-orange { - color: #ffffff; - background-color: #aa5f0f; - } - .z-acejump.z-label.z-purple { - color: #ffffff; - background-color: #b75349; - } - .z-sublimelinter.z-mark.z-warning { - color: #007f95; - } - .z-sublimelinter.z-gutter-mark { - color: #ffffff; - } - .z-sublimelinter.z-mark.z-error { - color: #e40320; - } -} \ No newline at end of file diff --git a/sass/syntax/syntax-ayumirage-abridge.scss b/sass/syntax/syntax-ayumirage-abridge.scss index 5a28abc..1999a4a 100644 --- a/sass/syntax/syntax-ayumirage-abridge.scss +++ b/sass/syntax/syntax-ayumirage-abridge.scss @@ -1,4 +1,4 @@ -:root { +:root:not(.light) { .z-code { color: #ccc9c2; background-color: #191919; @@ -275,8 +275,7 @@ color: #ff7c6d; } } -@media (prefers-color-scheme: light) { - :root { +:root.light { .z-code { color: #76736d; background-color: #ffffff; @@ -552,5 +551,4 @@ .z-sublimelinter.z-mark.z-error { color: #e40320; } - } } \ No newline at end of file diff --git a/sass/syntax/syntax-charcoal-abridge-auto.scss b/sass/syntax/syntax-charcoal-abridge-auto.scss new file mode 100644 index 0000000..14cf754 --- /dev/null +++ b/sass/syntax/syntax-charcoal-abridge-auto.scss @@ -0,0 +1,164 @@ +:root { + .z-code { + color: #cccece; + background-color: #191919; + } + .z-comment, .z-punctuation.z-definition.z-comment { + color: #7e8384; + } + .z-variable { + color: #cccece; + } + .z-keyword, .z-storage.z-type, .z-storage.z-modifier { + color: #c594c5; + } + .z-keyword.z-operator, .z-constant.z-other.z-color, .z-punctuation, .z-meta.z-tag, .z-punctuation.z-definition.z-tag, .z-punctuation.z-separator.z-inheritance.z-php, .z-punctuation.z-definition.z-tag.z-html, .z-punctuation.z-definition.z-tag.z-begin.z-html, .z-punctuation.z-definition.z-tag.z-end.z-html, .z-punctuation.z-section.z-embedded, .z-keyword.z-other.z-template, .z-keyword.z-other.z-substitution { + color: #5fb3b3; + } + .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml, .z-markup.z-deleted.z-git_gutter { + color: #ff7b84; + } + .z-entity.z-name.z-function, .z-meta.z-function-call, .z-variable.z-function, .z-support.z-function, .z-keyword.z-other.z-special-method, .z-meta.z-block-level { + color: #78aade; + } + .z-support.z-other.z-variable, .z-string.z-other.z-link { + color: #fa7e81; + } + .z-constant.z-numeric, .z-constant.z-language, .z-support.z-constant, .z-constant.z-character, .z-variable.z-parameter, .z-keyword.z-other.z-unit { + color: #f99157; + } + .z-string, .z-constant.z-other.z-symbol, .z-constant.z-other.z-key, .z-entity.z-other.z-inherited-class, .z-markup.z-heading, .z-markup.z-inserted.z-git_gutter, .z-meta.z-group.z-braces.z-curly .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { + color: #99c794; + } + .z-entity.z-name.z-class, .z-entity.z-name.z-type.z-class, .z-support.z-type, .z-support.z-class, .z-support.z-orther.z-namespace.z-use.z-php, .z-meta.z-use.z-php, .z-support.z-other.z-namespace.z-php, .z-markup.z-changed.z-git_gutter { + color: #fac863; + } + .z-entity.z-name.z-module.z-js, .z-variable.z-import.z-parameter.z-js, .z-variable.z-other.z-class.z-js { + color: #fe7d83; + } + .z-variable.z-language { + color: #fe7d83; + } + .z-entity.z-name.z-method.z-js { + color: #d8dee9; + } + .z-meta.z-class-method.z-js .z-entity.z-name.z-function.z-js, .z-variable.z-function.z-constructor { + color: #d8dee9; + } + .z-entity.z-other.z-attribute-name { + color: #cd91c4; + } + .z-markup.z-inserted { + color: #99c794; + } + .z-markup.z-deleted { + color: #fe7d83; + } + .z-markup.z-changed { + color: #cd91c4; + } + .z-string.z-regexp { + color: #5fb3b3; + } + .z-constant.z-character.z-escape { + color: #5fb3b3; + } + .z-*url*, .z-*link*, .z-*uri* { + text-decoration: underline; + } + .z-constant.z-numeric.z-line-number.z-find-in-files { + color: #cf9a87; + } + .z-entity.z-name.z-filename.z-find-in-files { + color: #99c794; + } + .z-tag.z-decorator.z-js .z-entity.z-name.z-tag.z-js, .z-tag.z-decorator.z-js .z-punctuation.z-definition.z-tag.z-js { + color: #78aade; + } + .z-source.z-js .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { + color: #fe7d83; + } +} +@media (prefers-color-scheme: light) { + :root { + .z-code { + color: #727373; + background-color: #ffffff; + } + .z-comment, .z-punctuation.z-definition.z-comment { + color: #5f6364; + } + .z-variable { + color: #727373; + } + .z-keyword, .z-storage.z-type, .z-storage.z-modifier { + color: #916392; + } + .z-keyword.z-operator, .z-constant.z-other.z-color, .z-punctuation, .z-meta.z-tag, .z-punctuation.z-definition.z-tag, .z-punctuation.z-separator.z-inheritance.z-php, .z-punctuation.z-definition.z-tag.z-html, .z-punctuation.z-definition.z-tag.z-begin.z-html, .z-punctuation.z-definition.z-tag.z-end.z-html, .z-punctuation.z-section.z-embedded, .z-keyword.z-other.z-template, .z-keyword.z-other.z-substitution { + color: #237e7f; + } + .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml, .z-markup.z-deleted.z-git_gutter { + color: #ca4251; + } + .z-entity.z-name.z-function, .z-meta.z-function-call, .z-variable.z-function, .z-support.z-function, .z-keyword.z-other.z-special-method, .z-meta.z-block-level { + color: #4076a7; + } + .z-support.z-other.z-variable, .z-string.z-other.z-link { + color: #c14c52; + } + .z-constant.z-numeric, .z-constant.z-language, .z-support.z-constant, .z-constant.z-character, .z-variable.z-parameter, .z-keyword.z-other.z-unit { + color: #b75922; + } + .z-string, .z-constant.z-other.z-symbol, .z-constant.z-other.z-key, .z-entity.z-other.z-inherited-class, .z-markup.z-heading, .z-markup.z-inserted.z-git_gutter, .z-meta.z-group.z-braces.z-curly .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { + color: #517c4e; + } + .z-entity.z-name.z-class, .z-entity.z-name.z-type.z-class, .z-support.z-type, .z-support.z-class, .z-support.z-orther.z-namespace.z-use.z-php, .z-meta.z-use.z-php, .z-support.z-other.z-namespace.z-php, .z-markup.z-changed.z-git_gutter { + color: #926c00; + } + .z-entity.z-name.z-module.z-js, .z-variable.z-import.z-parameter.z-js, .z-variable.z-other.z-class.z-js { + color: #cb414d; + } + .z-variable.z-language { + color: #cb414d; + } + .z-entity.z-name.z-method.z-js { + color: #6c727c; + } + .z-meta.z-class-method.z-js .z-entity.z-name.z-function.z-js, .z-variable.z-function.z-constructor { + color: #6c727c; + } + .z-entity.z-other.z-attribute-name { + color: #996091; + } + .z-markup.z-inserted { + color: #517c4e; + } + .z-markup.z-deleted { + color: #cb414d; + } + .z-markup.z-changed { + color: #996091; + } + .z-string.z-regexp { + color: #237e7f; + } + .z-constant.z-character.z-escape { + color: #237e7f; + } + .z-*url*, .z-*link*, .z-*uri* { + text-decoration: underline; + } + .z-constant.z-numeric.z-line-number.z-find-in-files { + color: #976756; + } + .z-entity.z-name.z-filename.z-find-in-files { + color: #517c4e; + } + .z-tag.z-decorator.z-js .z-entity.z-name.z-tag.z-js, .z-tag.z-decorator.z-js .z-punctuation.z-definition.z-tag.z-js { + color: #4076a7; + } + .z-source.z-js .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { + color: #cb414d; + } + } +} \ No newline at end of file diff --git a/sass/syntax/syntax-charcoal-abridge-switcher.scss b/sass/syntax/syntax-charcoal-abridge-switcher.scss deleted file mode 100644 index 0f0f5d3..0000000 --- a/sass/syntax/syntax-charcoal-abridge-switcher.scss +++ /dev/null @@ -1,162 +0,0 @@ -:root:not(.light) { - .z-code { - color: #cccece; - background-color: #191919; - } - .z-comment, .z-punctuation.z-definition.z-comment { - color: #7e8384; - } - .z-variable { - color: #cccece; - } - .z-keyword, .z-storage.z-type, .z-storage.z-modifier { - color: #c594c5; - } - .z-keyword.z-operator, .z-constant.z-other.z-color, .z-punctuation, .z-meta.z-tag, .z-punctuation.z-definition.z-tag, .z-punctuation.z-separator.z-inheritance.z-php, .z-punctuation.z-definition.z-tag.z-html, .z-punctuation.z-definition.z-tag.z-begin.z-html, .z-punctuation.z-definition.z-tag.z-end.z-html, .z-punctuation.z-section.z-embedded, .z-keyword.z-other.z-template, .z-keyword.z-other.z-substitution { - color: #5fb3b3; - } - .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml, .z-markup.z-deleted.z-git_gutter { - color: #ff7b84; - } - .z-entity.z-name.z-function, .z-meta.z-function-call, .z-variable.z-function, .z-support.z-function, .z-keyword.z-other.z-special-method, .z-meta.z-block-level { - color: #78aade; - } - .z-support.z-other.z-variable, .z-string.z-other.z-link { - color: #fa7e81; - } - .z-constant.z-numeric, .z-constant.z-language, .z-support.z-constant, .z-constant.z-character, .z-variable.z-parameter, .z-keyword.z-other.z-unit { - color: #f99157; - } - .z-string, .z-constant.z-other.z-symbol, .z-constant.z-other.z-key, .z-entity.z-other.z-inherited-class, .z-markup.z-heading, .z-markup.z-inserted.z-git_gutter, .z-meta.z-group.z-braces.z-curly .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { - color: #99c794; - } - .z-entity.z-name.z-class, .z-entity.z-name.z-type.z-class, .z-support.z-type, .z-support.z-class, .z-support.z-orther.z-namespace.z-use.z-php, .z-meta.z-use.z-php, .z-support.z-other.z-namespace.z-php, .z-markup.z-changed.z-git_gutter { - color: #fac863; - } - .z-entity.z-name.z-module.z-js, .z-variable.z-import.z-parameter.z-js, .z-variable.z-other.z-class.z-js { - color: #fe7d83; - } - .z-variable.z-language { - color: #fe7d83; - } - .z-entity.z-name.z-method.z-js { - color: #d8dee9; - } - .z-meta.z-class-method.z-js .z-entity.z-name.z-function.z-js, .z-variable.z-function.z-constructor { - color: #d8dee9; - } - .z-entity.z-other.z-attribute-name { - color: #cd91c4; - } - .z-markup.z-inserted { - color: #99c794; - } - .z-markup.z-deleted { - color: #fe7d83; - } - .z-markup.z-changed { - color: #cd91c4; - } - .z-string.z-regexp { - color: #5fb3b3; - } - .z-constant.z-character.z-escape { - color: #5fb3b3; - } - .z-*url*, .z-*link*, .z-*uri* { - text-decoration: underline; - } - .z-constant.z-numeric.z-line-number.z-find-in-files { - color: #cf9a87; - } - .z-entity.z-name.z-filename.z-find-in-files { - color: #99c794; - } - .z-tag.z-decorator.z-js .z-entity.z-name.z-tag.z-js, .z-tag.z-decorator.z-js .z-punctuation.z-definition.z-tag.z-js { - color: #78aade; - } - .z-source.z-js .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { - color: #fe7d83; - } -} -:root.light { - .z-code { - color: #727373; - background-color: #ffffff; - } - .z-comment, .z-punctuation.z-definition.z-comment { - color: #5f6364; - } - .z-variable { - color: #727373; - } - .z-keyword, .z-storage.z-type, .z-storage.z-modifier { - color: #916392; - } - .z-keyword.z-operator, .z-constant.z-other.z-color, .z-punctuation, .z-meta.z-tag, .z-punctuation.z-definition.z-tag, .z-punctuation.z-separator.z-inheritance.z-php, .z-punctuation.z-definition.z-tag.z-html, .z-punctuation.z-definition.z-tag.z-begin.z-html, .z-punctuation.z-definition.z-tag.z-end.z-html, .z-punctuation.z-section.z-embedded, .z-keyword.z-other.z-template, .z-keyword.z-other.z-substitution { - color: #237e7f; - } - .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml, .z-markup.z-deleted.z-git_gutter { - color: #ca4251; - } - .z-entity.z-name.z-function, .z-meta.z-function-call, .z-variable.z-function, .z-support.z-function, .z-keyword.z-other.z-special-method, .z-meta.z-block-level { - color: #4076a7; - } - .z-support.z-other.z-variable, .z-string.z-other.z-link { - color: #c14c52; - } - .z-constant.z-numeric, .z-constant.z-language, .z-support.z-constant, .z-constant.z-character, .z-variable.z-parameter, .z-keyword.z-other.z-unit { - color: #b75922; - } - .z-string, .z-constant.z-other.z-symbol, .z-constant.z-other.z-key, .z-entity.z-other.z-inherited-class, .z-markup.z-heading, .z-markup.z-inserted.z-git_gutter, .z-meta.z-group.z-braces.z-curly .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { - color: #517c4e; - } - .z-entity.z-name.z-class, .z-entity.z-name.z-type.z-class, .z-support.z-type, .z-support.z-class, .z-support.z-orther.z-namespace.z-use.z-php, .z-meta.z-use.z-php, .z-support.z-other.z-namespace.z-php, .z-markup.z-changed.z-git_gutter { - color: #926c00; - } - .z-entity.z-name.z-module.z-js, .z-variable.z-import.z-parameter.z-js, .z-variable.z-other.z-class.z-js { - color: #cb414d; - } - .z-variable.z-language { - color: #cb414d; - } - .z-entity.z-name.z-method.z-js { - color: #6c727c; - } - .z-meta.z-class-method.z-js .z-entity.z-name.z-function.z-js, .z-variable.z-function.z-constructor { - color: #6c727c; - } - .z-entity.z-other.z-attribute-name { - color: #996091; - } - .z-markup.z-inserted { - color: #517c4e; - } - .z-markup.z-deleted { - color: #cb414d; - } - .z-markup.z-changed { - color: #996091; - } - .z-string.z-regexp { - color: #237e7f; - } - .z-constant.z-character.z-escape { - color: #237e7f; - } - .z-*url*, .z-*link*, .z-*uri* { - text-decoration: underline; - } - .z-constant.z-numeric.z-line-number.z-find-in-files { - color: #976756; - } - .z-entity.z-name.z-filename.z-find-in-files { - color: #517c4e; - } - .z-tag.z-decorator.z-js .z-entity.z-name.z-tag.z-js, .z-tag.z-decorator.z-js .z-punctuation.z-definition.z-tag.z-js { - color: #4076a7; - } - .z-source.z-js .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { - color: #cb414d; - } -} \ No newline at end of file diff --git a/sass/syntax/syntax-charcoal-abridge.scss b/sass/syntax/syntax-charcoal-abridge.scss index 14cf754..0f0f5d3 100644 --- a/sass/syntax/syntax-charcoal-abridge.scss +++ b/sass/syntax/syntax-charcoal-abridge.scss @@ -1,4 +1,4 @@ -:root { +:root:not(.light) { .z-code { color: #cccece; background-color: #191919; @@ -79,8 +79,7 @@ color: #fe7d83; } } -@media (prefers-color-scheme: light) { - :root { +:root.light { .z-code { color: #727373; background-color: #ffffff; @@ -160,5 +159,4 @@ .z-source.z-js .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { color: #cb414d; } - } } \ No newline at end of file diff --git a/sass/syntax/syntax-dracula-abridge-auto.scss b/sass/syntax/syntax-dracula-abridge-auto.scss new file mode 100644 index 0000000..afcb050 --- /dev/null +++ b/sass/syntax/syntax-dracula-abridge-auto.scss @@ -0,0 +1,496 @@ +:root { + .z-code { + color: #f8f8f2; + background-color: #191919; + } + .z-comment { + color: #7080b3; + } + .z-string { + color: #f1fa8c; + } + .z-constant.z-numeric { + color: #bd93f9; + } + .z-constant.z-language { + color: #bd93f9; + } + .z-constant.z-character, .z-constant.z-other { + color: #bd93f9; + } + .z-variable { + } + .z-variable.z-other.z-readwrite.z-instance { + color: #ffb86c; + } + .z-constant.z-character.z-escaped, .z-constant.z-character.z-escape, .z-string .z-source, .z-string .z-source.z-ruby { + color: #ff79c6; + } + .z-source.z-ruby .z-string.z-regexp.z-classic.z-ruby, .z-source.z-ruby .z-string.z-regexp.z-mod-r.z-ruby { + color: #ff7d78; + } + .z-keyword { + color: #ff79c6; + } + .z-storage { + color: #ff79c6; + } + .z-storage.z-type { + color: #8be9fd; + font-style: italic; + } + .z-storage.z-type.z-namespace { + color: #8be9fd; + font-style: italic; + } + .z-storage.z-type.z-class { + color: #ff79c6; + font-style: italic; + } + .z-entity.z-name.z-class { + color: #8be9fd; + text-decoration: underline; + } + .z-meta.z-path { + color: #66d9ef; + text-decoration: underline; + } + .z-entity.z-other.z-inherited-class { + color: #8be9fd; + text-decoration: underline; + font-style: italic; + } + .z-entity.z-name.z-function { + color: #50fa7b; + } + .z-variable.z-parameter { + color: #ffb86c; + font-style: italic; + } + .z-entity.z-name.z-tag { + color: #ff79c6; + } + .z-entity.z-other.z-attribute-name { + color: #50fa7b; + } + .z-support.z-function { + color: #8be9fd; + } + .z-support.z-constant { + color: #6be5fd; + } + .z-support.z-type, .z-support.z-class { + color: #66d9ef; + font-style: italic; + } + .z-support.z-other.z-variable { + } + .z-support.z-other.z-namespace { + color: #66d9ef; + font-style: italic; + } + .z-invalid { + color: #f8f8f0; + background-color: #ff79c6; + } + .z-invalid.z-deprecated { + color: #f8f8f0; + background-color: #bd93f9; + } + .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json { + color: #cfcfc2; + } + .z-meta.z-diff, .z-meta.z-diff.z-header { + color: #7080b3; + } + .z-markup.z-deleted { + color: #ff79c6; + } + .z-markup.z-inserted { + color: #50fa7b; + } + .z-markup.z-changed { + color: #e6db74; + } + .z-constant.z-numeric.z-line-number.z-find-in-files { + color: #bd93f9; + } + .z-entity.z-name.z-filename { + color: #e6db74; + } + .z-message.z-error { + color: #ff7c6d; + } + .z-punctuation.z-definition.z-string.z-begin.z-json, .z-punctuation.z-definition.z-string.z-end.z-json { + color: #eeeeee; + } + .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json { + color: #8be9fd; + } + .z-meta.z-structure.z-dictionary.z-value.z-json .z-string.z-quoted.z-double.z-json { + color: #f1fa8c; + } + .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { + color: #50fa7b; + } + .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { + color: #ffb86c; + } + .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { + color: #ff79c6; + } + .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { + color: #bd93f9; + } + .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { + color: #50fa7b; + } + .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { + color: #ffb86c; + } + .z-markup.z-strike { + color: #ffb86c; + font-style: italic; + } + .z-markup.z-bold { + color: #ffb86c; + font-weight: bold; + } + .z-markup.z-italic { + color: #ffb86c; + font-style: italic; + } + .z-markup.z-heading { + color: #8be9fd; + } + .z-punctuation.z-definition.z-list_item.z-markdown { + color: #ff79c6; + } + .z-markup.z-quote { + color: #7080b3; + font-style: italic; + } + .z-punctuation.z-definition.z-blockquote.z-markdown { + color: #7080b3; + background-color: #7080b3; + font-style: italic; + } + .z-meta.z-separator { + color: #7080b3; + } + .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { + color: #50fa7b; + } + .z-markup.z-underline { + color: #bd93f9; + text-decoration: underline; + } + .z-markup.z-raw.z-block { + color: #cfcfc2; + } + .z-markup.z-raw.z-block.z-fenced.z-markdown .z-source { + color: #f8f8f2; + } + .z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown { + color: #7080b3; + font-style: italic; + } + .z-variable.z-language.z-fenced.z-markdown { + color: #7080b3; + font-style: italic; + } + .z-punctuation.z-accessor { + color: #ff79c6; + } + .z-meta.z-function.z-return-type { + color: #ff79c6; + } + .z-punctuation.z-section.z-block.z-begin { + color: #ffffff; + } + .z-punctuation.z-section.z-block.z-end { + color: #ffffff; + } + .z-punctuation.z-section.z-embedded.z-begin { + color: #ff79c6; + } + .z-punctuation.z-section.z-embedded.z-end { + color: #ff79c6; + } + .z-punctuation.z-separator.z-namespace { + color: #ff79c6; + } + .z-variable.z-function { + color: #50fa7b; + } + .z-variable.z-other { + color: #ffffff; + } + .z-variable.z-language { + color: #bd93f9; + } + .z-entity.z-name.z-module.z-ruby { + color: #8be9fd; + } + .z-entity.z-name.z-constant.z-ruby { + color: #bd93f9; + } + .z-support.z-function.z-builtin.z-ruby { + color: #ffffff; + } + .z-storage.z-type.z-namespace.z-cs { + color: #ff79c6; + } + .z-entity.z-name.z-namespace.z-cs { + color: #8be9fd; + } +} +@media (prefers-color-scheme: light) { + :root { + .z-code { + color: #72726d; + background-color: #ffffff; + } + .z-comment { + color: #6272a4; + } + .z-string { + color: #6b7807; + } + .z-constant.z-numeric { + color: #8660c1; + } + .z-constant.z-language { + color: #8660c1; + } + .z-constant.z-character, .z-constant.z-other { + color: #8660c1; + } + .z-variable { + } + .z-variable.z-other.z-readwrite.z-instance { + color: #a1661c; + } + .z-constant.z-character.z-escaped, .z-constant.z-character.z-escape, .z-string .z-source, .z-string .z-source.z-ruby { + color: #c13f8e; + } + .z-source.z-ruby .z-string.z-regexp.z-classic.z-ruby, .z-source.z-ruby .z-string.z-regexp.z-mod-r.z-ruby { + color: #d9303a; + } + .z-keyword { + color: #c13f8e; + } + .z-storage { + color: #c13f8e; + } + .z-storage.z-type { + color: #007d90; + font-style: italic; + } + .z-storage.z-type.z-namespace { + color: #007d90; + font-style: italic; + } + .z-storage.z-type.z-class { + color: #c13f8e; + font-style: italic; + } + .z-entity.z-name.z-class { + color: #007d90; + text-decoration: underline; + } + .z-meta.z-path { + color: #007f93; + text-decoration: underline; + } + .z-entity.z-other.z-inherited-class { + color: #007d90; + text-decoration: underline; + font-style: italic; + } + .z-entity.z-name.z-function { + color: #008504; + } + .z-variable.z-parameter { + color: #a1661c; + font-style: italic; + } + .z-entity.z-name.z-tag { + color: #c13f8e; + } + .z-entity.z-other.z-attribute-name { + color: #008504; + } + .z-support.z-function { + color: #007d90; + } + .z-support.z-constant { + color: #007e94; + } + .z-support.z-type, .z-support.z-class { + color: #007f93; + font-style: italic; + } + .z-support.z-other.z-variable { + } + .z-support.z-other.z-namespace { + color: #007f93; + font-style: italic; + } + .z-invalid { + color: #72726b; + background-color: #c13f8e; + } + .z-invalid.z-deprecated { + color: #72726b; + background-color: #8660c1; + } + .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json { + color: #747469; + } + .z-meta.z-diff, .z-meta.z-diff.z-header { + color: #6272a4; + } + .z-markup.z-deleted { + color: #c13f8e; + } + .z-markup.z-inserted { + color: #008504; + } + .z-markup.z-changed { + color: #7b760c; + } + .z-constant.z-numeric.z-line-number.z-find-in-files { + color: #8660c1; + } + .z-entity.z-name.z-filename { + color: #7b760c; + } + .z-message.z-error { + color: #e31625; + } + .z-punctuation.z-definition.z-string.z-begin.z-json, .z-punctuation.z-definition.z-string.z-end.z-json { + color: #727272; + } + .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json { + color: #007d90; + } + .z-meta.z-structure.z-dictionary.z-value.z-json .z-string.z-quoted.z-double.z-json { + color: #6b7807; + } + .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { + color: #008504; + } + .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { + color: #a1661c; + } + .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { + color: #c13f8e; + } + .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { + color: #8660c1; + } + .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { + color: #008504; + } + .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { + color: #a1661c; + } + .z-markup.z-strike { + color: #a1661c; + font-style: italic; + } + .z-markup.z-bold { + color: #a1661c; + font-weight: bold; + } + .z-markup.z-italic { + color: #a1661c; + font-style: italic; + } + .z-markup.z-heading { + color: #007d90; + } + .z-punctuation.z-definition.z-list_item.z-markdown { + color: #c13f8e; + } + .z-markup.z-quote { + color: #6272a4; + font-style: italic; + } + .z-punctuation.z-definition.z-blockquote.z-markdown { + color: #6272a4; + background-color: #6272a4; + font-style: italic; + } + .z-meta.z-separator { + color: #6272a4; + } + .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { + color: #008504; + } + .z-markup.z-underline { + color: #8660c1; + text-decoration: underline; + } + .z-markup.z-raw.z-block { + color: #747469; + } + .z-markup.z-raw.z-block.z-fenced.z-markdown .z-source { + color: #72726d; + } + .z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown { + color: #6272a4; + font-style: italic; + } + .z-variable.z-language.z-fenced.z-markdown { + color: #6272a4; + font-style: italic; + } + .z-punctuation.z-accessor { + color: #c13f8e; + } + .z-meta.z-function.z-return-type { + color: #c13f8e; + } + .z-punctuation.z-section.z-block.z-begin { + color: #ffffff; + } + .z-punctuation.z-section.z-block.z-end { + color: #ffffff; + } + .z-punctuation.z-section.z-embedded.z-begin { + color: #c13f8e; + } + .z-punctuation.z-section.z-embedded.z-end { + color: #c13f8e; + } + .z-punctuation.z-separator.z-namespace { + color: #c13f8e; + } + .z-variable.z-function { + color: #008504; + } + .z-variable.z-other { + color: #ffffff; + } + .z-variable.z-language { + color: #8660c1; + } + .z-entity.z-name.z-module.z-ruby { + color: #007d90; + } + .z-entity.z-name.z-constant.z-ruby { + color: #8660c1; + } + .z-support.z-function.z-builtin.z-ruby { + color: #ffffff; + } + .z-storage.z-type.z-namespace.z-cs { + color: #c13f8e; + } + .z-entity.z-name.z-namespace.z-cs { + color: #007d90; + } + } +} \ No newline at end of file diff --git a/sass/syntax/syntax-dracula-abridge-switcher.scss b/sass/syntax/syntax-dracula-abridge-switcher.scss deleted file mode 100644 index ff5b8c5..0000000 --- a/sass/syntax/syntax-dracula-abridge-switcher.scss +++ /dev/null @@ -1,494 +0,0 @@ -:root:not(.light) { - .z-code { - color: #f8f8f2; - background-color: #191919; - } - .z-comment { - color: #7080b3; - } - .z-string { - color: #f1fa8c; - } - .z-constant.z-numeric { - color: #bd93f9; - } - .z-constant.z-language { - color: #bd93f9; - } - .z-constant.z-character, .z-constant.z-other { - color: #bd93f9; - } - .z-variable { - } - .z-variable.z-other.z-readwrite.z-instance { - color: #ffb86c; - } - .z-constant.z-character.z-escaped, .z-constant.z-character.z-escape, .z-string .z-source, .z-string .z-source.z-ruby { - color: #ff79c6; - } - .z-source.z-ruby .z-string.z-regexp.z-classic.z-ruby, .z-source.z-ruby .z-string.z-regexp.z-mod-r.z-ruby { - color: #ff7d78; - } - .z-keyword { - color: #ff79c6; - } - .z-storage { - color: #ff79c6; - } - .z-storage.z-type { - color: #8be9fd; - font-style: italic; - } - .z-storage.z-type.z-namespace { - color: #8be9fd; - font-style: italic; - } - .z-storage.z-type.z-class { - color: #ff79c6; - font-style: italic; - } - .z-entity.z-name.z-class { - color: #8be9fd; - text-decoration: underline; - } - .z-meta.z-path { - color: #66d9ef; - text-decoration: underline; - } - .z-entity.z-other.z-inherited-class { - color: #8be9fd; - text-decoration: underline; - font-style: italic; - } - .z-entity.z-name.z-function { - color: #50fa7b; - } - .z-variable.z-parameter { - color: #ffb86c; - font-style: italic; - } - .z-entity.z-name.z-tag { - color: #ff79c6; - } - .z-entity.z-other.z-attribute-name { - color: #50fa7b; - } - .z-support.z-function { - color: #8be9fd; - } - .z-support.z-constant { - color: #6be5fd; - } - .z-support.z-type, .z-support.z-class { - color: #66d9ef; - font-style: italic; - } - .z-support.z-other.z-variable { - } - .z-support.z-other.z-namespace { - color: #66d9ef; - font-style: italic; - } - .z-invalid { - color: #f8f8f0; - background-color: #ff79c6; - } - .z-invalid.z-deprecated { - color: #f8f8f0; - background-color: #bd93f9; - } - .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json { - color: #cfcfc2; - } - .z-meta.z-diff, .z-meta.z-diff.z-header { - color: #7080b3; - } - .z-markup.z-deleted { - color: #ff79c6; - } - .z-markup.z-inserted { - color: #50fa7b; - } - .z-markup.z-changed { - color: #e6db74; - } - .z-constant.z-numeric.z-line-number.z-find-in-files { - color: #bd93f9; - } - .z-entity.z-name.z-filename { - color: #e6db74; - } - .z-message.z-error { - color: #ff7c6d; - } - .z-punctuation.z-definition.z-string.z-begin.z-json, .z-punctuation.z-definition.z-string.z-end.z-json { - color: #eeeeee; - } - .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json { - color: #8be9fd; - } - .z-meta.z-structure.z-dictionary.z-value.z-json .z-string.z-quoted.z-double.z-json { - color: #f1fa8c; - } - .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { - color: #50fa7b; - } - .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { - color: #ffb86c; - } - .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { - color: #ff79c6; - } - .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { - color: #bd93f9; - } - .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { - color: #50fa7b; - } - .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { - color: #ffb86c; - } - .z-markup.z-strike { - color: #ffb86c; - font-style: italic; - } - .z-markup.z-bold { - color: #ffb86c; - font-weight: bold; - } - .z-markup.z-italic { - color: #ffb86c; - font-style: italic; - } - .z-markup.z-heading { - color: #8be9fd; - } - .z-punctuation.z-definition.z-list_item.z-markdown { - color: #ff79c6; - } - .z-markup.z-quote { - color: #7080b3; - font-style: italic; - } - .z-punctuation.z-definition.z-blockquote.z-markdown { - color: #7080b3; - background-color: #7080b3; - font-style: italic; - } - .z-meta.z-separator { - color: #7080b3; - } - .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { - color: #50fa7b; - } - .z-markup.z-underline { - color: #bd93f9; - text-decoration: underline; - } - .z-markup.z-raw.z-block { - color: #cfcfc2; - } - .z-markup.z-raw.z-block.z-fenced.z-markdown .z-source { - color: #f8f8f2; - } - .z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown { - color: #7080b3; - font-style: italic; - } - .z-variable.z-language.z-fenced.z-markdown { - color: #7080b3; - font-style: italic; - } - .z-punctuation.z-accessor { - color: #ff79c6; - } - .z-meta.z-function.z-return-type { - color: #ff79c6; - } - .z-punctuation.z-section.z-block.z-begin { - color: #ffffff; - } - .z-punctuation.z-section.z-block.z-end { - color: #ffffff; - } - .z-punctuation.z-section.z-embedded.z-begin { - color: #ff79c6; - } - .z-punctuation.z-section.z-embedded.z-end { - color: #ff79c6; - } - .z-punctuation.z-separator.z-namespace { - color: #ff79c6; - } - .z-variable.z-function { - color: #50fa7b; - } - .z-variable.z-other { - color: #ffffff; - } - .z-variable.z-language { - color: #bd93f9; - } - .z-entity.z-name.z-module.z-ruby { - color: #8be9fd; - } - .z-entity.z-name.z-constant.z-ruby { - color: #bd93f9; - } - .z-support.z-function.z-builtin.z-ruby { - color: #ffffff; - } - .z-storage.z-type.z-namespace.z-cs { - color: #ff79c6; - } - .z-entity.z-name.z-namespace.z-cs { - color: #8be9fd; - } -} -:root.light { - .z-code { - color: #72726d; - background-color: #ffffff; - } - .z-comment { - color: #6272a4; - } - .z-string { - color: #6b7807; - } - .z-constant.z-numeric { - color: #8660c1; - } - .z-constant.z-language { - color: #8660c1; - } - .z-constant.z-character, .z-constant.z-other { - color: #8660c1; - } - .z-variable { - } - .z-variable.z-other.z-readwrite.z-instance { - color: #a1661c; - } - .z-constant.z-character.z-escaped, .z-constant.z-character.z-escape, .z-string .z-source, .z-string .z-source.z-ruby { - color: #c13f8e; - } - .z-source.z-ruby .z-string.z-regexp.z-classic.z-ruby, .z-source.z-ruby .z-string.z-regexp.z-mod-r.z-ruby { - color: #d9303a; - } - .z-keyword { - color: #c13f8e; - } - .z-storage { - color: #c13f8e; - } - .z-storage.z-type { - color: #007d90; - font-style: italic; - } - .z-storage.z-type.z-namespace { - color: #007d90; - font-style: italic; - } - .z-storage.z-type.z-class { - color: #c13f8e; - font-style: italic; - } - .z-entity.z-name.z-class { - color: #007d90; - text-decoration: underline; - } - .z-meta.z-path { - color: #007f93; - text-decoration: underline; - } - .z-entity.z-other.z-inherited-class { - color: #007d90; - text-decoration: underline; - font-style: italic; - } - .z-entity.z-name.z-function { - color: #008504; - } - .z-variable.z-parameter { - color: #a1661c; - font-style: italic; - } - .z-entity.z-name.z-tag { - color: #c13f8e; - } - .z-entity.z-other.z-attribute-name { - color: #008504; - } - .z-support.z-function { - color: #007d90; - } - .z-support.z-constant { - color: #007e94; - } - .z-support.z-type, .z-support.z-class { - color: #007f93; - font-style: italic; - } - .z-support.z-other.z-variable { - } - .z-support.z-other.z-namespace { - color: #007f93; - font-style: italic; - } - .z-invalid { - color: #72726b; - background-color: #c13f8e; - } - .z-invalid.z-deprecated { - color: #72726b; - background-color: #8660c1; - } - .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json { - color: #747469; - } - .z-meta.z-diff, .z-meta.z-diff.z-header { - color: #6272a4; - } - .z-markup.z-deleted { - color: #c13f8e; - } - .z-markup.z-inserted { - color: #008504; - } - .z-markup.z-changed { - color: #7b760c; - } - .z-constant.z-numeric.z-line-number.z-find-in-files { - color: #8660c1; - } - .z-entity.z-name.z-filename { - color: #7b760c; - } - .z-message.z-error { - color: #e31625; - } - .z-punctuation.z-definition.z-string.z-begin.z-json, .z-punctuation.z-definition.z-string.z-end.z-json { - color: #727272; - } - .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json { - color: #007d90; - } - .z-meta.z-structure.z-dictionary.z-value.z-json .z-string.z-quoted.z-double.z-json { - color: #6b7807; - } - .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { - color: #008504; - } - .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { - color: #a1661c; - } - .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { - color: #c13f8e; - } - .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { - color: #8660c1; - } - .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { - color: #008504; - } - .z-meta .z-meta.z-structure.z-dictionary.z-value .z-string { - color: #a1661c; - } - .z-markup.z-strike { - color: #a1661c; - font-style: italic; - } - .z-markup.z-bold { - color: #a1661c; - font-weight: bold; - } - .z-markup.z-italic { - color: #a1661c; - font-style: italic; - } - .z-markup.z-heading { - color: #007d90; - } - .z-punctuation.z-definition.z-list_item.z-markdown { - color: #c13f8e; - } - .z-markup.z-quote { - color: #6272a4; - font-style: italic; - } - .z-punctuation.z-definition.z-blockquote.z-markdown { - color: #6272a4; - background-color: #6272a4; - font-style: italic; - } - .z-meta.z-separator { - color: #6272a4; - } - .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { - color: #008504; - } - .z-markup.z-underline { - color: #8660c1; - text-decoration: underline; - } - .z-markup.z-raw.z-block { - color: #747469; - } - .z-markup.z-raw.z-block.z-fenced.z-markdown .z-source { - color: #72726d; - } - .z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown { - color: #6272a4; - font-style: italic; - } - .z-variable.z-language.z-fenced.z-markdown { - color: #6272a4; - font-style: italic; - } - .z-punctuation.z-accessor { - color: #c13f8e; - } - .z-meta.z-function.z-return-type { - color: #c13f8e; - } - .z-punctuation.z-section.z-block.z-begin { - color: #ffffff; - } - .z-punctuation.z-section.z-block.z-end { - color: #ffffff; - } - .z-punctuation.z-section.z-embedded.z-begin { - color: #c13f8e; - } - .z-punctuation.z-section.z-embedded.z-end { - color: #c13f8e; - } - .z-punctuation.z-separator.z-namespace { - color: #c13f8e; - } - .z-variable.z-function { - color: #008504; - } - .z-variable.z-other { - color: #ffffff; - } - .z-variable.z-language { - color: #8660c1; - } - .z-entity.z-name.z-module.z-ruby { - color: #007d90; - } - .z-entity.z-name.z-constant.z-ruby { - color: #8660c1; - } - .z-support.z-function.z-builtin.z-ruby { - color: #ffffff; - } - .z-storage.z-type.z-namespace.z-cs { - color: #c13f8e; - } - .z-entity.z-name.z-namespace.z-cs { - color: #007d90; - } -} \ No newline at end of file diff --git a/sass/syntax/syntax-dracula-abridge.scss b/sass/syntax/syntax-dracula-abridge.scss index afcb050..ff5b8c5 100644 --- a/sass/syntax/syntax-dracula-abridge.scss +++ b/sass/syntax/syntax-dracula-abridge.scss @@ -1,4 +1,4 @@ -:root { +:root:not(.light) { .z-code { color: #f8f8f2; background-color: #191919; @@ -245,8 +245,7 @@ color: #8be9fd; } } -@media (prefers-color-scheme: light) { - :root { +:root.light { .z-code { color: #72726d; background-color: #ffffff; @@ -492,5 +491,4 @@ .z-entity.z-name.z-namespace.z-cs { color: #007d90; } - } } \ No newline at end of file diff --git a/sass/syntax/syntax-material-abridge-auto.scss b/sass/syntax/syntax-material-abridge-auto.scss new file mode 100644 index 0000000..c448b58 --- /dev/null +++ b/sass/syntax/syntax-material-abridge-auto.scss @@ -0,0 +1,526 @@ +:root { + .z-code { + color: #eeffff; + background-color: #191919; + } + .z-comment, .z-punctuation.z-definition.z-comment { + color: #818181; + font-style: italic; + } + .z-variable, .z-string .z-constant.z-other.z-placeholder { + color: #eeffff; + } + .z-constant.z-other.z-color { + color: #ffffff; + } + .z-invalid, .z-invalid.z-illegal, .z-invalid.z-broken { + color: #ffffff; + background-color: #ff7992; + } + .z-invalid.z-unimplemented { + color: #ffffff; + background-color: #c3e88d; + } + .z-invalid.z-deprecated { + color: #ffffff; + background-color: #c792ea; + } + .z-keyword, .z-storage.z-type, .z-storage.z-modifier { + color: #c792ea; + } + .z-storage.z-type, .z-keyword.z-control { + font-style: italic; + } + .z-keyword.z-operator, .z-constant.z-other.z-color, .z-punctuation, .z-meta.z-tag, .z-punctuation.z-definition.z-tag, .z-punctuation.z-separator.z-inheritance.z-php, .z-punctuation.z-definition.z-tag.z-html, .z-punctuation.z-definition.z-tag.z-begin.z-html, .z-punctuation.z-definition.z-tag.z-end.z-html, .z-punctuation.z-section.z-embedded, .z-keyword.z-other.z-template, .z-keyword.z-other.z-substitution { + color: #89ddff; + } + .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml, .z-markup.z-deleted.z-git_gutter { + color: #fe7d83; + } + .z-entity.z-name.z-function, .z-meta.z-function-call, .z-variable.z-function, .z-support.z-function, .z-keyword.z-other.z-special-method, .z-meta.z-block-level { + color: #82aaff; + } + .z-support.z-other.z-variable, .z-string.z-other.z-link { + color: #fe7d83; + } + .z-constant.z-numeric, .z-constant.z-language, .z-support.z-constant, .z-constant.z-character, .z-variable.z-parameter, .z-keyword.z-other.z-unit { + color: #f78c6c; + } + .z-string, .z-constant.z-other.z-symbol, .z-constant.z-other.z-key, .z-entity.z-other.z-inherited-class, .z-markup.z-heading, .z-markup.z-inserted.z-git_gutter, .z-meta.z-group.z-braces.z-curly .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { + color: #c3e88d; + } + .z-entity.z-name.z-class, .z-entity.z-name.z-type.z-class, .z-support.z-type, .z-support.z-class, .z-support.z-orther.z-namespace.z-use.z-php, .z-meta.z-use.z-php, .z-support.z-other.z-namespace.z-php, .z-markup.z-changed.z-git_gutter, .z-support.z-type.z-sys-types { + color: #ffcb6b; + } + .z-source.z-css .z-support.z-type, .z-source.z-sass .z-support.z-type, .z-source.z-scss .z-support.z-type, .z-source.z-less .z-support.z-type, .z-source.z-stylus .z-support.z-type { + color: #b2ccd6; + } + .z-entity.z-name.z-module.z-js, .z-variable.z-import.z-parameter.z-js, .z-variable.z-other.z-class.z-js { + color: #ff7992; + } + .z-variable.z-language { + color: #ff7992; + font-style: italic; + } + .z-entity.z-name.z-method.z-js { + color: #82aaff; + } + .z-meta.z-class-method.z-js .z-entity.z-name.z-function.z-js, .z-variable.z-function.z-constructor { + color: #82aaff; + } + .z-entity.z-other.z-attribute-name { + color: #c792ea; + } + .z-text.z-html.z-basic .z-entity.z-other.z-attribute-name.z-html, .z-text.z-html.z-basic .z-entity.z-other.z-attribute-name { + color: #ffcb6b; + font-style: italic; + } + .z-entity.z-other.z-attribute-name.z-class { + color: #ffcb6b; + } + .z-source.z-sass .z-keyword.z-control { + color: #82aaff; + } + .z-markup.z-inserted { + color: #c3e88d; + } + .z-markup.z-deleted { + color: #ff7992; + } + .z-markup.z-changed { + color: #c792ea; + } + .z-string.z-regexp { + color: #89ddff; + } + .z-constant.z-character.z-escape { + color: #89ddff; + } + .z-*url*, .z-*link*, .z-*uri* { + text-decoration: underline; + } + .z-constant.z-numeric.z-line-number.z-find-in-files { + color: #d89385; + } + .z-entity.z-name.z-filename.z-find-in-files { + color: #c3e88d; + } + .z-tag.z-decorator.z-js .z-entity.z-name.z-tag.z-js, .z-tag.z-decorator.z-js .z-punctuation.z-definition.z-tag.z-js { + color: #82aaff; + font-style: italic; + } + .z-source.z-js .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { + color: #ff7992; + font-style: italic; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #c3e88d; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #c792ea; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #fe7d83; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #82aaff; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #d89385; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #ff7992; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #f78c6c; + } + .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #ffcb6b; + } + .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #c792ea; + } + .z-text.z-html.z-markdown, .z-punctuation.z-definition.z-list_item.z-markdown { + color: #eeffff; + } + .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { + color: #c792ea; + } + .z-text.z-html.z-markdown .z-punctuation.z-definition.z-raw.z-markdown { + color: #65737e; + } + .z-markdown.z-heading, .z-markup.z-heading, .z-markup.z-heading .z-entity.z-name, .z-markup.z-heading.z-markdown .z-punctuation.z-definition.z-heading.z-markdown { + color: #c3e88d; + } + .z-markup.z-italic { + color: #fe7d83; + font-style: italic; + } + .z-markup.z-bold, .z-markup.z-bold .z-string { + color: #fe7d83; + font-weight: bold; + } + .z-markup.z-bold .z-markup.z-italic, .z-markup.z-italic .z-markup.z-bold, .z-markup.z-quote .z-markup.z-bold, .z-markup.z-bold .z-markup.z-italic .z-string, .z-markup.z-italic .z-markup.z-bold .z-string, .z-markup.z-quote .z-markup.z-bold .z-string { + font-weight: bold; + font-style: italic; + } + .z-markup.z-underline { + color: #f78c6c; + text-decoration: underline; + } + .z-markup.z-quote .z-punctuation.z-definition.z-blockquote.z-markdown { + color: #65737e; + background-color: #65737e; + } + .z-string.z-other.z-link.z-title.z-markdown { + color: #82aaff; + } + .z-string.z-other.z-link.z-description.z-title.z-markdown { + color: #c792ea; + } + .z-constant.z-other.z-reference.z-link.z-markdown { + color: #ffcb6b; + } + .z-markup.z-raw.z-block { + color: #c792ea; + } + .z-markup.z-raw.z-block.z-fenced.z-markdown { + background-color: #000000; + } + .z-punctuation.z-definition.z-fenced.z-markdown { + background-color: #000000; + } + .z-markup.z-raw.z-block.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown, .z-punctuation.z-section.z-class.z-end { + color: #eeffff; + } + .z-variable.z-language.z-fenced.z-markdown { + color: #65737e; + } + .z-text.z-html.z-markdown .z-punctuation.z-definition { + color: #818181; + } + .z-text.z-html.z-markdown .z-meta.z-disable-markdown .z-punctuation.z-definition { + color: #89ddff; + } + .z-meta.z-separator { + color: #65737e; + background-color: #000000; + font-weight: bold; + } + .z-acejump.z-label.z-blue { + color: #ffffff; + background-color: #82aaff; + } + .z-acejump.z-label.z-green { + color: #ffffff; + background-color: #c3e88d; + } + .z-acejump.z-label.z-orange { + color: #ffffff; + background-color: #f78c6c; + } + .z-acejump.z-label.z-purple { + color: #ffffff; + background-color: #c792ea; + } + .z-sublimelinter.z-mark.z-warning { + color: #ffcb6b; + } + .z-sublimelinter.z-gutter-mark { + color: #ffffff; + } + .z-sublimelinter.z-mark.z-error { + color: #ff7992; + } + .z-sublimelinter.z-annotations { + background-color: #d89385; + } + .z-markup.z-ignored.z-git_gutter { + color: #65737e; + } + .z-markup.z-untracked.z-git_gutter { + color: #65737e; + } + .z-markup.z-inserted.z-git_gutter { + color: #c3e88d; + } + .z-markup.z-changed.z-git_gutter { + color: #ffcb6b; + } + .z-markup.z-deleted.z-git_gutter { + color: #ff7992; + } + .z-brackethighlighter.z-default { + color: #b2ccd6; + } + .z-brackethighlighter.z-quote { + color: #c3e88d; + } + .z-brackethighlighter.z-unmatched { + color: #ff7992; + } +} +@media (prefers-color-scheme: light) { + :root { + .z-code { + color: #317e78; + background-color: #ffffff; + } + .z-comment, .z-punctuation.z-definition.z-comment { + color: #6b7577; + font-style: italic; + } + .z-variable, .z-string .z-constant.z-other.z-placeholder { + color: #317e78; + } + .z-constant.z-other.z-color { + color: #ffffff; + } + .z-invalid, .z-invalid.z-illegal, .z-invalid.z-broken { + color: #ffffff; + background-color: #d92d2d; + } + .z-invalid.z-unimplemented { + color: #ffffff; + background-color: #587f22; + } + .z-invalid.z-deprecated { + color: #ffffff; + background-color: #7c4dff; + } + .z-keyword, .z-storage.z-type, .z-storage.z-modifier { + color: #7c4dff; + } + .z-storage.z-type, .z-keyword.z-control { + font-style: italic; + } + .z-keyword.z-operator, .z-constant.z-other.z-color, .z-punctuation, .z-meta.z-tag, .z-punctuation.z-definition.z-tag, .z-punctuation.z-separator.z-inheritance.z-php, .z-punctuation.z-definition.z-tag.z-html, .z-punctuation.z-definition.z-tag.z-begin.z-html, .z-punctuation.z-definition.z-tag.z-end.z-html, .z-punctuation.z-section.z-embedded, .z-keyword.z-other.z-template, .z-keyword.z-other.z-substitution { + color: #008088; + } + .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml, .z-markup.z-deleted.z-git_gutter { + color: #d72952; + } + .z-entity.z-name.z-function, .z-meta.z-function-call, .z-variable.z-function, .z-support.z-function, .z-keyword.z-other.z-special-method, .z-meta.z-block-level { + color: #5274a9; + } + .z-support.z-other.z-variable, .z-string.z-other.z-link { + color: #d72952; + } + .z-constant.z-numeric, .z-constant.z-language, .z-support.z-constant, .z-constant.z-character, .z-variable.z-parameter, .z-keyword.z-other.z-unit { + color: #c94625; + } + .z-string, .z-constant.z-other.z-symbol, .z-constant.z-other.z-key, .z-entity.z-other.z-inherited-class, .z-markup.z-heading, .z-markup.z-inserted.z-git_gutter, .z-meta.z-group.z-braces.z-curly .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { + color: #587f22; + } + .z-entity.z-name.z-class, .z-entity.z-name.z-type.z-class, .z-support.z-type, .z-support.z-class, .z-support.z-orther.z-namespace.z-use.z-php, .z-meta.z-use.z-php, .z-support.z-other.z-namespace.z-php, .z-markup.z-changed.z-git_gutter, .z-support.z-type.z-sys-types { + color: #a16700; + } + .z-source.z-css .z-support.z-type, .z-source.z-sass .z-support.z-type, .z-source.z-scss .z-support.z-type, .z-source.z-less .z-support.z-type, .z-source.z-stylus .z-support.z-type { + color: #64738c; + } + .z-entity.z-name.z-module.z-js, .z-variable.z-import.z-parameter.z-js, .z-variable.z-other.z-class.z-js { + color: #d92d2d; + } + .z-variable.z-language { + color: #d92d2d; + font-style: italic; + } + .z-entity.z-name.z-method.z-js { + color: #5274a9; + } + .z-meta.z-class-method.z-js .z-entity.z-name.z-function.z-js, .z-variable.z-function.z-constructor { + color: #5274a9; + } + .z-entity.z-other.z-attribute-name { + color: #7c4dff; + } + .z-text.z-html.z-basic .z-entity.z-other.z-attribute-name.z-html, .z-text.z-html.z-basic .z-entity.z-other.z-attribute-name { + color: #a16700; + font-style: italic; + } + .z-entity.z-other.z-attribute-name.z-class { + color: #a16700; + } + .z-source.z-sass .z-keyword.z-control { + color: #5274a9; + } + .z-markup.z-inserted { + color: #587f22; + } + .z-markup.z-deleted { + color: #d92d2d; + } + .z-markup.z-changed { + color: #7c4dff; + } + .z-string.z-regexp { + color: #008088; + } + .z-constant.z-character.z-escape { + color: #008088; + } + .z-*url*, .z-*link*, .z-*uri* { + text-decoration: underline; + } + .z-constant.z-numeric.z-line-number.z-find-in-files { + color: #a26356; + } + .z-entity.z-name.z-filename.z-find-in-files { + color: #587f22; + } + .z-tag.z-decorator.z-js .z-entity.z-name.z-tag.z-js, .z-tag.z-decorator.z-js .z-punctuation.z-definition.z-tag.z-js { + color: #5274a9; + font-style: italic; + } + .z-source.z-js .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { + color: #d92d2d; + font-style: italic; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #587f22; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #7c4dff; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #d72952; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #5274a9; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #a26356; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #d92d2d; + } + .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #c94625; + } + .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #a16700; + } + .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { + color: #7c4dff; + } + .z-text.z-html.z-markdown, .z-punctuation.z-definition.z-list_item.z-markdown { + color: #317e78; + } + .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { + color: #7c4dff; + } + .z-text.z-html.z-markdown .z-punctuation.z-definition.z-raw.z-markdown { + color: #717375; + } + .z-markdown.z-heading, .z-markup.z-heading, .z-markup.z-heading .z-entity.z-name, .z-markup.z-heading.z-markdown .z-punctuation.z-definition.z-heading.z-markdown { + color: #587f22; + } + .z-markup.z-italic { + color: #d72952; + font-style: italic; + } + .z-markup.z-bold, .z-markup.z-bold .z-string { + color: #d72952; + font-weight: bold; + } + .z-markup.z-bold .z-markup.z-italic, .z-markup.z-italic .z-markup.z-bold, .z-markup.z-quote .z-markup.z-bold, .z-markup.z-bold .z-markup.z-italic .z-string, .z-markup.z-italic .z-markup.z-bold .z-string, .z-markup.z-quote .z-markup.z-bold .z-string { + font-weight: bold; + font-style: italic; + } + .z-markup.z-underline { + color: #c94625; + text-decoration: underline; + } + .z-markup.z-quote .z-punctuation.z-definition.z-blockquote.z-markdown { + color: #717375; + background-color: #717375; + } + .z-string.z-other.z-link.z-title.z-markdown { + color: #5274a9; + } + .z-string.z-other.z-link.z-description.z-title.z-markdown { + color: #7c4dff; + } + .z-constant.z-other.z-reference.z-link.z-markdown { + color: #a16700; + } + .z-markup.z-raw.z-block { + color: #7c4dff; + } + .z-markup.z-raw.z-block.z-fenced.z-markdown { + background-color: #62757f; + } + .z-punctuation.z-definition.z-fenced.z-markdown { + background-color: #62757f; + } + .z-markup.z-raw.z-block.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown, .z-punctuation.z-section.z-class.z-end { + color: #317e78; + } + .z-variable.z-language.z-fenced.z-markdown { + color: #717375; + } + .z-text.z-html.z-markdown .z-punctuation.z-definition { + color: #6b7577; + } + .z-text.z-html.z-markdown .z-meta.z-disable-markdown .z-punctuation.z-definition { + color: #008088; + } + .z-meta.z-separator { + color: #717375; + background-color: #62757f; + font-weight: bold; + } + .z-acejump.z-label.z-blue { + color: #ffffff; + background-color: #5274a9; + } + .z-acejump.z-label.z-green { + color: #ffffff; + background-color: #587f22; + } + .z-acejump.z-label.z-orange { + color: #ffffff; + background-color: #c94625; + } + .z-acejump.z-label.z-purple { + color: #ffffff; + background-color: #7c4dff; + } + .z-sublimelinter.z-mark.z-warning { + color: #a16700; + } + .z-sublimelinter.z-gutter-mark { + color: #ffffff; + } + .z-sublimelinter.z-mark.z-error { + color: #d92d2d; + } + .z-sublimelinter.z-annotations { + background-color: #a26356; + } + .z-markup.z-ignored.z-git_gutter { + color: #717375; + } + .z-markup.z-untracked.z-git_gutter { + color: #717375; + } + .z-markup.z-inserted.z-git_gutter { + color: #587f22; + } + .z-markup.z-changed.z-git_gutter { + color: #a16700; + } + .z-markup.z-deleted.z-git_gutter { + color: #d92d2d; + } + .z-brackethighlighter.z-default { + color: #64738c; + } + .z-brackethighlighter.z-quote { + color: #587f22; + } + .z-brackethighlighter.z-unmatched { + color: #d92d2d; + } + } +} \ No newline at end of file diff --git a/sass/syntax/syntax-material-abridge-switcher.scss b/sass/syntax/syntax-material-abridge-switcher.scss deleted file mode 100644 index a65cf95..0000000 --- a/sass/syntax/syntax-material-abridge-switcher.scss +++ /dev/null @@ -1,524 +0,0 @@ -:root:not(.light) { - .z-code { - color: #eeffff; - background-color: #191919; - } - .z-comment, .z-punctuation.z-definition.z-comment { - color: #818181; - font-style: italic; - } - .z-variable, .z-string .z-constant.z-other.z-placeholder { - color: #eeffff; - } - .z-constant.z-other.z-color { - color: #ffffff; - } - .z-invalid, .z-invalid.z-illegal, .z-invalid.z-broken { - color: #ffffff; - background-color: #ff7992; - } - .z-invalid.z-unimplemented { - color: #ffffff; - background-color: #c3e88d; - } - .z-invalid.z-deprecated { - color: #ffffff; - background-color: #c792ea; - } - .z-keyword, .z-storage.z-type, .z-storage.z-modifier { - color: #c792ea; - } - .z-storage.z-type, .z-keyword.z-control { - font-style: italic; - } - .z-keyword.z-operator, .z-constant.z-other.z-color, .z-punctuation, .z-meta.z-tag, .z-punctuation.z-definition.z-tag, .z-punctuation.z-separator.z-inheritance.z-php, .z-punctuation.z-definition.z-tag.z-html, .z-punctuation.z-definition.z-tag.z-begin.z-html, .z-punctuation.z-definition.z-tag.z-end.z-html, .z-punctuation.z-section.z-embedded, .z-keyword.z-other.z-template, .z-keyword.z-other.z-substitution { - color: #89ddff; - } - .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml, .z-markup.z-deleted.z-git_gutter { - color: #fe7d83; - } - .z-entity.z-name.z-function, .z-meta.z-function-call, .z-variable.z-function, .z-support.z-function, .z-keyword.z-other.z-special-method, .z-meta.z-block-level { - color: #82aaff; - } - .z-support.z-other.z-variable, .z-string.z-other.z-link { - color: #fe7d83; - } - .z-constant.z-numeric, .z-constant.z-language, .z-support.z-constant, .z-constant.z-character, .z-variable.z-parameter, .z-keyword.z-other.z-unit { - color: #f78c6c; - } - .z-string, .z-constant.z-other.z-symbol, .z-constant.z-other.z-key, .z-entity.z-other.z-inherited-class, .z-markup.z-heading, .z-markup.z-inserted.z-git_gutter, .z-meta.z-group.z-braces.z-curly .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { - color: #c3e88d; - } - .z-entity.z-name.z-class, .z-entity.z-name.z-type.z-class, .z-support.z-type, .z-support.z-class, .z-support.z-orther.z-namespace.z-use.z-php, .z-meta.z-use.z-php, .z-support.z-other.z-namespace.z-php, .z-markup.z-changed.z-git_gutter, .z-support.z-type.z-sys-types { - color: #ffcb6b; - } - .z-source.z-css .z-support.z-type, .z-source.z-sass .z-support.z-type, .z-source.z-scss .z-support.z-type, .z-source.z-less .z-support.z-type, .z-source.z-stylus .z-support.z-type { - color: #b2ccd6; - } - .z-entity.z-name.z-module.z-js, .z-variable.z-import.z-parameter.z-js, .z-variable.z-other.z-class.z-js { - color: #ff7992; - } - .z-variable.z-language { - color: #ff7992; - font-style: italic; - } - .z-entity.z-name.z-method.z-js { - color: #82aaff; - } - .z-meta.z-class-method.z-js .z-entity.z-name.z-function.z-js, .z-variable.z-function.z-constructor { - color: #82aaff; - } - .z-entity.z-other.z-attribute-name { - color: #c792ea; - } - .z-text.z-html.z-basic .z-entity.z-other.z-attribute-name.z-html, .z-text.z-html.z-basic .z-entity.z-other.z-attribute-name { - color: #ffcb6b; - font-style: italic; - } - .z-entity.z-other.z-attribute-name.z-class { - color: #ffcb6b; - } - .z-source.z-sass .z-keyword.z-control { - color: #82aaff; - } - .z-markup.z-inserted { - color: #c3e88d; - } - .z-markup.z-deleted { - color: #ff7992; - } - .z-markup.z-changed { - color: #c792ea; - } - .z-string.z-regexp { - color: #89ddff; - } - .z-constant.z-character.z-escape { - color: #89ddff; - } - .z-*url*, .z-*link*, .z-*uri* { - text-decoration: underline; - } - .z-constant.z-numeric.z-line-number.z-find-in-files { - color: #d89385; - } - .z-entity.z-name.z-filename.z-find-in-files { - color: #c3e88d; - } - .z-tag.z-decorator.z-js .z-entity.z-name.z-tag.z-js, .z-tag.z-decorator.z-js .z-punctuation.z-definition.z-tag.z-js { - color: #82aaff; - font-style: italic; - } - .z-source.z-js .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { - color: #ff7992; - font-style: italic; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #c3e88d; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #c792ea; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #fe7d83; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #82aaff; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #d89385; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #ff7992; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #f78c6c; - } - .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #ffcb6b; - } - .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #c792ea; - } - .z-text.z-html.z-markdown, .z-punctuation.z-definition.z-list_item.z-markdown { - color: #eeffff; - } - .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { - color: #c792ea; - } - .z-text.z-html.z-markdown .z-punctuation.z-definition.z-raw.z-markdown { - color: #65737e; - } - .z-markdown.z-heading, .z-markup.z-heading, .z-markup.z-heading .z-entity.z-name, .z-markup.z-heading.z-markdown .z-punctuation.z-definition.z-heading.z-markdown { - color: #c3e88d; - } - .z-markup.z-italic { - color: #fe7d83; - font-style: italic; - } - .z-markup.z-bold, .z-markup.z-bold .z-string { - color: #fe7d83; - font-weight: bold; - } - .z-markup.z-bold .z-markup.z-italic, .z-markup.z-italic .z-markup.z-bold, .z-markup.z-quote .z-markup.z-bold, .z-markup.z-bold .z-markup.z-italic .z-string, .z-markup.z-italic .z-markup.z-bold .z-string, .z-markup.z-quote .z-markup.z-bold .z-string { - font-weight: bold; - font-style: italic; - } - .z-markup.z-underline { - color: #f78c6c; - text-decoration: underline; - } - .z-markup.z-quote .z-punctuation.z-definition.z-blockquote.z-markdown { - color: #65737e; - background-color: #65737e; - } - .z-string.z-other.z-link.z-title.z-markdown { - color: #82aaff; - } - .z-string.z-other.z-link.z-description.z-title.z-markdown { - color: #c792ea; - } - .z-constant.z-other.z-reference.z-link.z-markdown { - color: #ffcb6b; - } - .z-markup.z-raw.z-block { - color: #c792ea; - } - .z-markup.z-raw.z-block.z-fenced.z-markdown { - background-color: #000000; - } - .z-punctuation.z-definition.z-fenced.z-markdown { - background-color: #000000; - } - .z-markup.z-raw.z-block.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown, .z-punctuation.z-section.z-class.z-end { - color: #eeffff; - } - .z-variable.z-language.z-fenced.z-markdown { - color: #65737e; - } - .z-text.z-html.z-markdown .z-punctuation.z-definition { - color: #818181; - } - .z-text.z-html.z-markdown .z-meta.z-disable-markdown .z-punctuation.z-definition { - color: #89ddff; - } - .z-meta.z-separator { - color: #65737e; - background-color: #000000; - font-weight: bold; - } - .z-acejump.z-label.z-blue { - color: #ffffff; - background-color: #82aaff; - } - .z-acejump.z-label.z-green { - color: #ffffff; - background-color: #c3e88d; - } - .z-acejump.z-label.z-orange { - color: #ffffff; - background-color: #f78c6c; - } - .z-acejump.z-label.z-purple { - color: #ffffff; - background-color: #c792ea; - } - .z-sublimelinter.z-mark.z-warning { - color: #ffcb6b; - } - .z-sublimelinter.z-gutter-mark { - color: #ffffff; - } - .z-sublimelinter.z-mark.z-error { - color: #ff7992; - } - .z-sublimelinter.z-annotations { - background-color: #d89385; - } - .z-markup.z-ignored.z-git_gutter { - color: #65737e; - } - .z-markup.z-untracked.z-git_gutter { - color: #65737e; - } - .z-markup.z-inserted.z-git_gutter { - color: #c3e88d; - } - .z-markup.z-changed.z-git_gutter { - color: #ffcb6b; - } - .z-markup.z-deleted.z-git_gutter { - color: #ff7992; - } - .z-brackethighlighter.z-default { - color: #b2ccd6; - } - .z-brackethighlighter.z-quote { - color: #c3e88d; - } - .z-brackethighlighter.z-unmatched { - color: #ff7992; - } -} -:root.light { - .z-code { - color: #317e78; - background-color: #ffffff; - } - .z-comment, .z-punctuation.z-definition.z-comment { - color: #6b7577; - font-style: italic; - } - .z-variable, .z-string .z-constant.z-other.z-placeholder { - color: #317e78; - } - .z-constant.z-other.z-color { - color: #ffffff; - } - .z-invalid, .z-invalid.z-illegal, .z-invalid.z-broken { - color: #ffffff; - background-color: #d92d2d; - } - .z-invalid.z-unimplemented { - color: #ffffff; - background-color: #587f22; - } - .z-invalid.z-deprecated { - color: #ffffff; - background-color: #7c4dff; - } - .z-keyword, .z-storage.z-type, .z-storage.z-modifier { - color: #7c4dff; - } - .z-storage.z-type, .z-keyword.z-control { - font-style: italic; - } - .z-keyword.z-operator, .z-constant.z-other.z-color, .z-punctuation, .z-meta.z-tag, .z-punctuation.z-definition.z-tag, .z-punctuation.z-separator.z-inheritance.z-php, .z-punctuation.z-definition.z-tag.z-html, .z-punctuation.z-definition.z-tag.z-begin.z-html, .z-punctuation.z-definition.z-tag.z-end.z-html, .z-punctuation.z-section.z-embedded, .z-keyword.z-other.z-template, .z-keyword.z-other.z-substitution { - color: #008088; - } - .z-entity.z-name.z-tag, .z-meta.z-tag.z-sgml, .z-markup.z-deleted.z-git_gutter { - color: #d72952; - } - .z-entity.z-name.z-function, .z-meta.z-function-call, .z-variable.z-function, .z-support.z-function, .z-keyword.z-other.z-special-method, .z-meta.z-block-level { - color: #5274a9; - } - .z-support.z-other.z-variable, .z-string.z-other.z-link { - color: #d72952; - } - .z-constant.z-numeric, .z-constant.z-language, .z-support.z-constant, .z-constant.z-character, .z-variable.z-parameter, .z-keyword.z-other.z-unit { - color: #c94625; - } - .z-string, .z-constant.z-other.z-symbol, .z-constant.z-other.z-key, .z-entity.z-other.z-inherited-class, .z-markup.z-heading, .z-markup.z-inserted.z-git_gutter, .z-meta.z-group.z-braces.z-curly .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { - color: #587f22; - } - .z-entity.z-name.z-class, .z-entity.z-name.z-type.z-class, .z-support.z-type, .z-support.z-class, .z-support.z-orther.z-namespace.z-use.z-php, .z-meta.z-use.z-php, .z-support.z-other.z-namespace.z-php, .z-markup.z-changed.z-git_gutter, .z-support.z-type.z-sys-types { - color: #a16700; - } - .z-source.z-css .z-support.z-type, .z-source.z-sass .z-support.z-type, .z-source.z-scss .z-support.z-type, .z-source.z-less .z-support.z-type, .z-source.z-stylus .z-support.z-type { - color: #64738c; - } - .z-entity.z-name.z-module.z-js, .z-variable.z-import.z-parameter.z-js, .z-variable.z-other.z-class.z-js { - color: #d92d2d; - } - .z-variable.z-language { - color: #d92d2d; - font-style: italic; - } - .z-entity.z-name.z-method.z-js { - color: #5274a9; - } - .z-meta.z-class-method.z-js .z-entity.z-name.z-function.z-js, .z-variable.z-function.z-constructor { - color: #5274a9; - } - .z-entity.z-other.z-attribute-name { - color: #7c4dff; - } - .z-text.z-html.z-basic .z-entity.z-other.z-attribute-name.z-html, .z-text.z-html.z-basic .z-entity.z-other.z-attribute-name { - color: #a16700; - font-style: italic; - } - .z-entity.z-other.z-attribute-name.z-class { - color: #a16700; - } - .z-source.z-sass .z-keyword.z-control { - color: #5274a9; - } - .z-markup.z-inserted { - color: #587f22; - } - .z-markup.z-deleted { - color: #d92d2d; - } - .z-markup.z-changed { - color: #7c4dff; - } - .z-string.z-regexp { - color: #008088; - } - .z-constant.z-character.z-escape { - color: #008088; - } - .z-*url*, .z-*link*, .z-*uri* { - text-decoration: underline; - } - .z-constant.z-numeric.z-line-number.z-find-in-files { - color: #a26356; - } - .z-entity.z-name.z-filename.z-find-in-files { - color: #587f22; - } - .z-tag.z-decorator.z-js .z-entity.z-name.z-tag.z-js, .z-tag.z-decorator.z-js .z-punctuation.z-definition.z-tag.z-js { - color: #5274a9; - font-style: italic; - } - .z-source.z-js .z-constant.z-other.z-object.z-key.z-js .z-string.z-unquoted.z-label.z-js { - color: #d92d2d; - font-style: italic; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #587f22; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #7c4dff; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #d72952; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #5274a9; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #a26356; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #d92d2d; - } - .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #c94625; - } - .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #a16700; - } - .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-string.z-quoted.z-double.z-json, .z-source.z-json .z-meta.z-structure.z-dictionary.z-json .z-punctuation.z-definition.z-string { - color: #7c4dff; - } - .z-text.z-html.z-markdown, .z-punctuation.z-definition.z-list_item.z-markdown { - color: #317e78; - } - .z-text.z-html.z-markdown .z-markup.z-raw.z-inline { - color: #7c4dff; - } - .z-text.z-html.z-markdown .z-punctuation.z-definition.z-raw.z-markdown { - color: #717375; - } - .z-markdown.z-heading, .z-markup.z-heading, .z-markup.z-heading .z-entity.z-name, .z-markup.z-heading.z-markdown .z-punctuation.z-definition.z-heading.z-markdown { - color: #587f22; - } - .z-markup.z-italic { - color: #d72952; - font-style: italic; - } - .z-markup.z-bold, .z-markup.z-bold .z-string { - color: #d72952; - font-weight: bold; - } - .z-markup.z-bold .z-markup.z-italic, .z-markup.z-italic .z-markup.z-bold, .z-markup.z-quote .z-markup.z-bold, .z-markup.z-bold .z-markup.z-italic .z-string, .z-markup.z-italic .z-markup.z-bold .z-string, .z-markup.z-quote .z-markup.z-bold .z-string { - font-weight: bold; - font-style: italic; - } - .z-markup.z-underline { - color: #c94625; - text-decoration: underline; - } - .z-markup.z-quote .z-punctuation.z-definition.z-blockquote.z-markdown { - color: #717375; - background-color: #717375; - } - .z-string.z-other.z-link.z-title.z-markdown { - color: #5274a9; - } - .z-string.z-other.z-link.z-description.z-title.z-markdown { - color: #7c4dff; - } - .z-constant.z-other.z-reference.z-link.z-markdown { - color: #a16700; - } - .z-markup.z-raw.z-block { - color: #7c4dff; - } - .z-markup.z-raw.z-block.z-fenced.z-markdown { - background-color: #62757f; - } - .z-punctuation.z-definition.z-fenced.z-markdown { - background-color: #62757f; - } - .z-markup.z-raw.z-block.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown, .z-punctuation.z-section.z-class.z-end { - color: #317e78; - } - .z-variable.z-language.z-fenced.z-markdown { - color: #717375; - } - .z-text.z-html.z-markdown .z-punctuation.z-definition { - color: #6b7577; - } - .z-text.z-html.z-markdown .z-meta.z-disable-markdown .z-punctuation.z-definition { - color: #008088; - } - .z-meta.z-separator { - color: #717375; - background-color: #62757f; - font-weight: bold; - } - .z-acejump.z-label.z-blue { - color: #ffffff; - background-color: #5274a9; - } - .z-acejump.z-label.z-green { - color: #ffffff; - background-color: #587f22; - } - .z-acejump.z-label.z-orange { - color: #ffffff; - background-color: #c94625; - } - .z-acejump.z-label.z-purple { - color: #ffffff; - background-color: #7c4dff; - } - .z-sublimelinter.z-mark.z-warning { - color: #a16700; - } - .z-sublimelinter.z-gutter-mark { - color: #ffffff; - } - .z-sublimelinter.z-mark.z-error { - color: #d92d2d; - } - .z-sublimelinter.z-annotations { - background-color: #a26356; - } - .z-markup.z-ignored.z-git_gutter { - color: #717375; - } - .z-markup.z-untracked.z-git_gutter { - color: #717375; - } - .z-markup.z-inserted.z-git_gutter { - color: #587f22; - } - .z-markup.z-changed.z-git_gutter { - color: #a16700; - } - .z-markup.z-deleted.z-git_gutter { - color: #d92d2d; - } - .z-brackethighlighter.z-default { - color: #64738c; - } - .z-brackethighlighter.z-quote { - color: #587f22; - } - .z-brackethighlighter.z-unmatched { - color: #d92d2d; - } -} \ No newline at end of file diff --git a/sass/syntax/syntax-material-abridge.scss b/sass/syntax/syntax-material-abridge.scss index c448b58..a65cf95 100644 --- a/sass/syntax/syntax-material-abridge.scss +++ b/sass/syntax/syntax-material-abridge.scss @@ -1,4 +1,4 @@ -:root { +:root:not(.light) { .z-code { color: #eeffff; background-color: #191919; @@ -260,8 +260,7 @@ color: #ff7992; } } -@media (prefers-color-scheme: light) { - :root { +:root.light { .z-code { color: #317e78; background-color: #ffffff; @@ -522,5 +521,4 @@ .z-brackethighlighter.z-unmatched { color: #d92d2d; } - } } \ No newline at end of file -- cgit v1.3.1 From 2d0788c3981328f1fbd9de4274d2925bf9586e03 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Mon, 22 May 2023 22:39:16 -0700 Subject: Add multi-lingual Support --- config.toml | 173 +++-- content/_index.fr.md | 4 + content/overview-abridge.fr.md | 26 + content/overview-code-blocks.fr.md | 295 ++++++++ content/overview-embedded-vimeo.fr.md | 29 + content/overview-embedded-youtube.fr.md | 28 + content/overview-images/index.fr.md | 107 +++ content/overview-markdown-and-style.fr.md | 286 ++++++++ content/overview-markdown-and-style.md | 2 +- content/overview-math.fr.md | 111 +++ content/overview-rich-content/index.fr.md | 82 +++ content/pages/about.fr.md | 21 + content/pages/contact.fr.md | 7 + content/pages/privacy.fr.md | 15 + content/posts/_index.fr.md | 4 + sass/fonts/_Lato.scss | 17 - sass/include/_nav.scss | 21 + static/font/Lato-Bold.woff2 | Bin 23040 -> 0 bytes static/font/Lato-Italic.woff2 | Bin 24408 -> 0 bytes static/font/Lato.woff2 | Bin 23580 -> 0 bytes static/lunr.da.js | 280 ++++++++ static/lunr.de.js | 380 ++++++++++ static/lunr.du.js | 444 ++++++++++++ static/lunr.es.js | 595 ++++++++++++++++ static/lunr.fi.js | 536 +++++++++++++++ static/lunr.fr.js | 698 +++++++++++++++++++ static/lunr.hu.js | 561 +++++++++++++++ static/lunr.it.js | 612 +++++++++++++++++ static/lunr.jp.js | 118 ++++ static/lunr.no.js | 253 +++++++ static/lunr.pt.js | 566 +++++++++++++++ static/lunr.ro.js | 554 +++++++++++++++ static/lunr.ru.js | 387 +++++++++++ static/lunr.stemmer.support.js | 295 ++++++++ static/lunr.sv.js | 252 +++++++ static/lunr.tr.js | 1070 +++++++++++++++++++++++++++++ static/lunr.zh.js | 156 +++++ static/search.js | 4 +- templates/404.html | 6 +- templates/base.html | 56 +- templates/categories/list.html | 2 +- templates/contact.fr.html | 49 ++ templates/index.html | 6 +- templates/macros/head.html | 17 +- templates/macros/macros.html | 30 +- templates/macros/social.html | 97 ++- templates/page.html | 2 +- templates/posts.html | 6 +- templates/tags/list.html | 2 +- 49 files changed, 9092 insertions(+), 170 deletions(-) create mode 100644 content/_index.fr.md create mode 100644 content/overview-abridge.fr.md create mode 100644 content/overview-code-blocks.fr.md create mode 100644 content/overview-embedded-vimeo.fr.md create mode 100644 content/overview-embedded-youtube.fr.md create mode 100644 content/overview-images/index.fr.md create mode 100644 content/overview-markdown-and-style.fr.md create mode 100644 content/overview-math.fr.md create mode 100644 content/overview-rich-content/index.fr.md create mode 100644 content/pages/about.fr.md create mode 100644 content/pages/contact.fr.md create mode 100644 content/pages/privacy.fr.md create mode 100644 content/posts/_index.fr.md delete mode 100644 sass/fonts/_Lato.scss delete mode 100644 static/font/Lato-Bold.woff2 delete mode 100644 static/font/Lato-Italic.woff2 delete mode 100644 static/font/Lato.woff2 create mode 100644 static/lunr.da.js create mode 100644 static/lunr.de.js create mode 100644 static/lunr.du.js create mode 100644 static/lunr.es.js create mode 100644 static/lunr.fi.js create mode 100644 static/lunr.fr.js create mode 100644 static/lunr.hu.js create mode 100644 static/lunr.it.js create mode 100644 static/lunr.jp.js create mode 100644 static/lunr.no.js create mode 100644 static/lunr.pt.js create mode 100644 static/lunr.ro.js create mode 100644 static/lunr.ru.js create mode 100644 static/lunr.stemmer.support.js create mode 100644 static/lunr.sv.js create mode 100644 static/lunr.tr.js create mode 100644 static/lunr.zh.js create mode 100644 templates/contact.fr.html (limited to 'sass') diff --git a/config.toml b/config.toml index e4cb885..09a7c0d 100644 --- a/config.toml +++ b/config.toml @@ -1,29 +1,63 @@ # do NOT include a trailing slash on the base URL for web urls base_url = "https://abridge.netlify.app" #base_url = "/home/jieiku/.dev/abridge/public/" # Usable site directly from disk, also set in [extra] uglyurls = true -title = "Abridge" -description = "Abridge is a fast and lightweight Zola theme using semantic html, abridge.css class-light CSS, and No Mandatory JS." default_language = "en" compile_sass = true minify_html = false +build_search_index = true + +title = "Abridge" +description = "Abridge is a fast and lightweight Zola theme using semantic html, abridge.css class-light CSS, and No Mandatory JS." generate_feed = true -feed_filename = "atom.xml" -output_dir = "public" -#ignored_content = ["*.{graphml,xlsx}", "temp.*"] -#hard_link_static = false # set to true to hard link instead of copying, useful for very large files. taxonomies = [ {name = "categories", feed = true}, {name = "tags", feed = true}, ] +#feed_filename = "atom.xml" +#output_dir = "public" +#ignored_content = ["*.{graphml,xlsx}", "temp.*"] +#hard_link_static = false # set to true to hard link instead of copying, useful for very large files. + #theme = "abridge" +[languages.fr] +title = "Abridge" +description = "Abridge est un thème Zola rapide et léger utilisant le html sémantique, le CSS abridge.css class-light et aucun JS obligatoire." +generate_feed = true build_search_index = true +taxonomies = [ + {name = "categories", feed = true}, + {name = "tags", feed = true}, +] + +[languages.fr.translations] +flag = "🇫🇷" +date_locale = "fr_FR" +Search = "Recherche" +Recent_Posts = "Articles Récents" +Index = "Indice" +Powered_by = "Propulsé" +and = "et" +About = "À propos" +Posts = "Articles" +Categories = "Catégories" +Tags = "Mots-clés" +Contact = "Contact" +Privacy = "Confidentialité" +Sitemap = "Plan du site" + +#[languages.es.translations] +#flag = "🇪🇸" +#about = "Acerca de" +#posts = "Publicaciones" +#categories = "Categorías" +#tags = "Etiquetas" [search] # Options specific to elasticlunr search. index_format = "elasticlunr_json" include_title = true # include title of page/section in index -include_description = true # include description of page/section in index +include_description = false # include description of page/section in index include_content = true # include rendered content of page/section in index # truncate_content_length = 100 # Truncate at nth character. May be useful if index is getting too large. @@ -40,22 +74,14 @@ smart_punctuation = false # `...` to `…`, `"quote"` to `“curly”` uglyurls = false # if set to true then links are generated with the full path. eg https://abridge.netlify.app/index.html ############################################################################### -### meta/seo/analytic tags -### To disable title_addition but keep built in page additions eg, Posts page: "Posts | Abridge" set title_addition to an empty string -### To always set the page title exactly eg "Abridge" then comment out title_addition or set to false (not recommend, bad for SEO) +### Language +### https://www.w3schools.com/tags/ref_country_codes.asp +### https://tera.netlify.app/docs#date ############################################################################### - -language_code = "en-US" -title_separator = "|" # Separator between title and title_addition, set as |, -, _, etc -title_addition = "Fast & Lightweight Zola Theme" # a default value for title addition -author = "Jake G" # Put Your Name here -keywords = "Abridge, Abridge.css, Zola, Theme, Zola Theme, getzola, Semantic Html, Fast, lightweight" # used for the primary site index -banner = "banner.png" # Used as default image for OpenGraph/Twitter if page specific image is undefined. -twitter = "your-user-name" # for SEO: twitter:site and twitter:creator -google = "Your Google Site verification code." -bing = "Your Bing Site verification code." -seo = true # enable or disable seo-related meta tags: opengraph, facebook, twitter - +date_locale = "en_US" +flag.en = "🇬🇧" +flag.fr = "🇫🇷" +#flag.es = "🇪🇸" ############################################################################### ### Layout & Format @@ -64,6 +90,19 @@ seo = true # enable or disable seo-related meta tags: opengraph, facebook, twit ### divider: " " "·" "•" ############################################################################### +menu = [ + {url = "about", name = "About", slash = true, blank = false}, + {url = "posts", name = "Posts", slash = true, blank = false}, + {url = "categories", name = "Categories", slash = true, blank = false}, + {url = "tags", name = "Tags", slash = true, blank = false}, +] +menu_footer = [ + {url = "about", name = "About", slash = true, blank = false}, + {url = "contact", name = "Contact", slash = true, blank = false}, + {url = "privacy", name = "Privacy", slash = true, blank = false}, + {url = "sitemap.xml", name = "Sitemap", slash = false, blank = true}, +] + recent = true # TOC / index recent_items = 9 @@ -86,18 +125,52 @@ sitedesc = false # enables or disables the display of the site description below headhr = false # show or hide horizontal rule below header foothr = true # show or hide horizontal rule above footer -menu = [ - {url = "/about/", name = "About", slash = true, blank = false}, - {url = "/posts/", name = "Posts", slash = true, blank = false}, - {url = "/categories/", name = "Categories", slash = true, blank = false}, - {url = "/tags/", name = "Tags", slash = true, blank = false}, -] -menu_footer = [ - {url = "/about/", name = "About", slash = true, blank = false}, - {url = "/contact/", name = "Contact", slash = true, blank = false}, - {url = "/privacy/", name = "Privacy", slash = true, blank = false}, - {url = "/sitemap.xml", name = "Sitemap", slash = false, blank = true}, -] + +############################################################################### +### meta/seo/analytic tags +### To disable title_addition but keep built in page additions eg, Posts page: "Posts | Abridge" set title_addition to an empty string +### To always set the page title exactly eg "Abridge" then comment out title_addition or set to false (not recommend, bad for SEO) +############################################################################### + +title_separator = "|" # Separator between title and title_addition, set as |, -, _, etc +title_addition = "Fast & Lightweight Zola Theme" # a default value for title addition +author = "Jake G" # Put Your Name here +keywords = "Abridge, Abridge.css, Zola, Theme, Zola Theme, getzola, Semantic Html, Fast, lightweight" # used for the primary site index +banner = "banner.png" # Used as default image for OpenGraph/Twitter if page specific image is undefined. +twitter_meta = "your-user-name" # for SEO: twitter:site and twitter:creator +google = "Your Google Site verification code." +bing = "Your Bing Site verification code." +seo = true # enable or disable seo-related meta tags: opengraph, facebook, twitter + + +############################################################################### +### Footer social links; these are used in macros/social.html +### https://github.com/Jieiku/abridge/blob/master/templates/macros/social.html +############################################################################### + +feed = true # this adds the RSS feed icon in the footer. +mail_encode = true # This obfuscates your email address, javascript is used to decode it at page load. +mail = "name@example.com" +mastodon = "@your-user-name" +element = "matrix.example.com" +buymeacoffee = "your-user-name" +discord = "your-discord" # Everything after https://discord.com/ eg: invite/my-server *or* servers/my-server-id +twitter = "your-user-name" +facebook = "your-user-name" +linkedin = "your-user-name" +gitlab = "your-user-name" +github = "your-user-name" +codeberg = "your-user-name" # Everything after https://codeberg.org/ eg: username *or* username/repository +github_sponsor = "your-user-name" +bitbucket = "your-user-name" +python = "your-user-name" +docker = "your-user-name" +stack = "your-user-name" +instagram = "your-user-name" +pinterest = "your-user-name" +twitch = "your-user-name" +youtube = "channel/your-channel-id" +researchgate = "your-profile-id" ############################################################################### @@ -173,38 +246,6 @@ favicon16 = "favicon-16x16.png" # favicon-16x16.png #icon_author = "svgs fa-solid fa-pen-fancy" # displayed in metadata on index and below title on page. -############################################################################### -### Footer social links; these are used in macros/social.html -### https://github.com/Jieiku/abridge/blob/master/templates/macros/social.html -############################################################################### - -#[extra.social] -#feed = true # this adds the RSS feed icon in the footer. -#mail_encode = true # This obfuscates your email address, javascript is used to decode it at page load. -#mail = "name@example.com" -#mastodon = "@your-user-name" -#element = "matrix.example.com" -#matrix = "matrix.example.com" -#buymeacoffee = "your-user-name" -#discord = "your-discord" # Everything after https://discord.com/ eg: invite/my-server *or* servers/my-server-id -#twitter = "your-user-name" -#facebook = "your-user-name" -#linkedin = "your-user-name" -#gitlab = "your-user-name" -#github = "your-user-name" -#codeberg = "your-user-name" # Everything after https://codeberg.org/ eg: username *or* username/repository -#github_sponsor = "your-user-name" -#bitbucket = "your-user-name" -#python = "your-user-name" -#docker = "your-user-name" -#stack = "your-user-name" -#instagram = "your-user-name" -#pinterest = "your-user-name" -#twitch = "your-user-name" -#youtube = "channel/your-channel-id" -#researchgate = "your-profile-id" - - ############################################################################### ### Security Settings ### Security Headers should preferably be set by your webserver (Nginx, Apache) diff --git a/content/_index.fr.md b/content/_index.fr.md new file mode 100644 index 0000000..3511f76 --- /dev/null +++ b/content/_index.fr.md @@ -0,0 +1,4 @@ ++++ +paginate_by = 3 +sort_by = "date" ++++ diff --git a/content/overview-abridge.fr.md b/content/overview-abridge.fr.md new file mode 100644 index 0000000..d38ced9 --- /dev/null +++ b/content/overview-abridge.fr.md @@ -0,0 +1,26 @@ ++++ +title = "Abridge Zola Thème" +date = 2022-05-17 +draft = false + +[taxonomies] +categories = ["Features"] +tags = ["config"] ++++ + +Abridge est un thème Zola rapide et léger utilisant du HTML sémantique, seulement ~6kb css avant les icônes svg et la coloration syntaxique, pas de JS obligatoire, et des scores parfaits [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/), et [Observatory](https://observatory.mozilla.org/analyze/abridge.netlify.app) scores. Voici une page [de références des thèmes Zola](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md). + +Pour une configuration rapide, copiez le fichier config.toml du thème abrégé à la racine de votre site zola, cela vous donnera une configuration de base avec toutes les valeurs de configuration utilisées. + +Vous pouvez ensuite modifier ou commenter les valeurs de ce fichier si nécessaire. + +Vous devez également décommenter la ligne #theme = "abridge" dans votre fichier racine zola config.toml. Cela indique à votre site racine zola d'utiliser le thème abrégé dans le dossier des thèmes. + +Vous pouvez définir le nombre d'éléments qui apparaissent sur la page d'accueil en modifiant `themes\abridge\content\_index.md` le fichier et en ajustant `paginate_by = 5` + +Vous pouvez définir la largeur globale de la page en éditant `themes\abridge\sass\_variables.scss` le fichier et en ajustant ces deux lignes: + +```scss +$mw:50% !default;// largeur maximale +$mb:1200px !default;// valeur à laquelle passer de la disposition fluide à l'utilisation de la largeur maximale +``` diff --git a/content/overview-code-blocks.fr.md b/content/overview-code-blocks.fr.md new file mode 100644 index 0000000..e527251 --- /dev/null +++ b/content/overview-code-blocks.fr.md @@ -0,0 +1,295 @@ ++++ +title = "Blocs de code et thèmes" +description = "Exemple d'article présentant la coloration syntaxique et la mise en forme des blocs de code avec un thème personnalisé." +date = 2022-05-16 +draft = false + +[taxonomies] +categories = ["Features"] +tags = ["Markdown"] +[extra] +toc = true +keywords = "Code, Code Blocks, Syntax, Syntax Highlighting, Theme" ++++ + +Cet article présente différents Code Blocks permettant de comparer facilement des thèmes sublimes. + +## Blocs de codes + +Blocs de code.. ❤️ avec coloration syntaxique automatique ✨‍ + +Voir [les docs](https://www.getzola.org/documentation/content/syntax-highlighting/) pour les options. + +### Bloc de code en ligne + +Si nous voulons, nous pouvons aussi `spécifier le code en ligne` ce qui est utile pour `les petites choses`. + +### rust +```rust,linenos,hl_lines=3 +//! jelly-actix-web-starter - Un modèle de démarrage pour les projets actix-web qui ressemble beaucoup à Django. Évitez les trucs ennuyeux et avancez plus vite. + +use jelly::actix_web; +use mainlib; +use std::io; + +#[actix_web::main] +async fn main() -> io::Result<()> { + mainlib::main().await +} + +let context = Context::new(); +``` + +### TOML +```toml,linenos,hl_lines=3 +base_url = "https://abridge.netlify.app/" +title = "Abridge" +description = "Abridge est un thème Zola rapide et léger utilisant le HTML sémantique, le CSS abridge.css class-light et aucun JS obligatoire." +default_language = "en" +#theme = "abridge" + +build_search_index = true +minify_html = false +feed_filename = "atom.xml" +taxonomies = [ + {name = "categories", feed = true}, + {name = "tags", feed = true}, +] +``` + +### html +```html + + + + + Example HTML5 Document + + + +

Test

+ + +``` + +### javascript +```javascript +function closeSearch() {//close the search displaying the regular page. + const e = document.querySelector("main"); + e.innerHTML = window.main +} + +function goSearch() {// on enter key or search icon click display results to the page. + const e = document.querySelector("main"); + window.main || (window.main = e.innerHTML); + var t = document.getElementById("suggestions"), + n = ((ResultsClone = t.cloneNode(!0)).id = "results", document.createElement("div")), + o = '

Results For: '.concat(document.getElementById("searchinput").value, "

"); + return n.innerHTML = o, ResultsClone.insertBefore(n, ResultsClone.firstChild), e.innerHTML = ResultsClone.outerHTML, t.innerHTML = "", document.getElementById("searchinput").value = "", !1 +}! function() { + // search function code goes here +} +``` + +### php +```php +getAll(); + +if ($_SERVER['REQUEST_METHOD'] == "POST") { + if (!isset($_SESSION['PFA_token'])) { + die("Invalid token (session timeout; refresh the page and try again?)"); + } + $fUsername = trim(safepost('fUsername')); + if ($lang != check_language(false)) { # only set cookie if language selection was changed + setcookie('lang', $lang, time() + 60*60*24*30); # language cookie, lifetime 30 days + } +} + +$_SESSION['PFA_token'] = md5(uniqid("pfa" . rand(), true)); + +/* vim: set expandtab softtabstop=4 tabstop=4 shiftwidth=4: */ +``` + + +### json +```json +{ + "name": "Abridge Zola Theme", + "short_name": "Abridge", + "description": "Fast & Lightweight Zola Theme", + "start_url": "/index.html", + "scope": "/", + "background_color": "#111111", + "theme_color": "#222222", + "display": "standalone", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + }, + { + "src": "/android-chrome-192x192m.png", + "sizes": "192x192", + "type": "image/png", + "purpose": "maskable" + } + ] +} +``` + +### SQL +```sql +-- jelly-actix-web-starter - Creates an accounts table, along with some associated helpers. + +create or replace function update_timestamp() returns trigger as $$ +begin + new.updated = now(); + return new; +end; +$$ language 'plpgsql'; + +create table if not exists accounts ( + id serial primary key, + name text not null, + email text not null unique, + password text not null, + profile jsonb not null default '{}', + plan integer not null default 0, + is_active boolean not null default true, + is_admin boolean not null default false, + has_verified_email boolean not null default false, + last_login timestamp with time zone, + created timestamp with time zone not null default now(), + updated timestamp with time zone not null default now() +); + +create unique index accounts_unique_lower_email_idx on accounts (lower(email)); + +create trigger user_updated before insert or update on accounts +for each row execute procedure update_timestamp(); +``` + +### Lua +```lua +function square(x) + return x * x +end + +print(square(2)) -- prints '4' + +function getPlayerInformation() + playerName = UnitName("player") + playerLevel = UnitLevel("player") + specId, specName = GetSpecializationInfo(GetSpecialization()) + + return "Hey, I'm " .. playerName .. " (Level " .. playerLevel .. "). I'm currently in spec " .. specName .. "." +end + +print(getPlayerInformation()) +``` + +### C +```c +#include +int main() { + int a; + /* actual initialization */ + a = 10; + printf("Hello, World!"); + return 0; +} +``` + +### C++ +```cpp +// Your First C++ Program + +#include + +int main() { + int a; + /* actual initialization */ + a = 10; + std::cout << "Hello World!"; + return 0; +} +``` + +### Go +```go +package main + +import "fmt" + +func main() { + var myvariable1 = 20 + var myvariable2 = "hello world" + fmt.Println("hello world") +} +``` + +### Python +```python +#!/usr/bin/env python3 +import smtplib, socket +from influxdb import InfluxDBClient + +while True: + send = 1 + later = time.time() + 25200 + iso = time.ctime(later) + tempF = round(bme280.temperature * 1.8 + 29, 3) #C to F formula is +32, difference is to correct bme280 temperature offset + humidity = round(bme280.humidity, 3) + pressure = round(bme280.pressure, 3) + # serialize data as JSON + data = [ + { + "measurement": measurement, + "tags": { + "location": location, + }, + "time": iso, + "fields": { + "temperature" : tempF, + "humidity": humidity, + "pressure": pressure + } + } + ] + # Send the JSON data to InfluxDB + try: + client.write_points(data) + except socket.error as e: + print("Could Not Connect to InfluxDB!") + if tempF > 90 and humidity > 55: + emailSubject = "Humidity>55: " + str(int(humidity)) + "%H , Temperature>90: " + str(int(tempF)) + "F" + emailContent = 'Humidity: ' + str(int(humidity)) + '%H , Temperature: ' + str(int(tempF)) + 'F Dashboard' + elif humidity > 55: + emailSubject = "Humidity>55: " + str(int(humidity)) + "%H" + emailContent = 'Humidity: ' + str(int(humidity)) + '%H , Temperature: ' + str(int(tempF)) + 'F Dashboard' + elif tempF > 90: + emailSubject = "Temperature>90: " + str(int(tempF)) + "F" + emailContent = 'Humidity: ' + str(int(humidity)) + '%H , Temperature: ' + str(int(tempF)) + 'F Dashboard' + else: + send = 0 + if send == 1: + try: + if time.time() > lastEmailTime or abs(lastTemp-int(tempF)) > 1: + lastEmailTime = time.time()+emailInterval + lastTemp = int(tempF) + sender.sendmail('jake@example.com', emailSubject, emailContent) + except socket.error as e: + print("Could Not Connect to SMTP server!") + time.sleep(interval) +``` diff --git a/content/overview-embedded-vimeo.fr.md b/content/overview-embedded-vimeo.fr.md new file mode 100644 index 0000000..ef29b86 --- /dev/null +++ b/content/overview-embedded-vimeo.fr.md @@ -0,0 +1,29 @@ ++++ +title = "Vidéos Vimeo intégrées" +description = "Exemple d'article présentant un code abrégé Zola personnalisé pour intégrer des vidéos Vimeo dans vos pages." +date = 2021-05-07 +draft = false + +[taxonomies] +categories = ["Features"] +tags = ["shortcodes","video"] +[extra] +keywords = "Video, Shortcodes, Embed, Embedded, Vimeo" ++++ + +Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exemple montre vimeo. + + +## Vimeo + +with `vm(id="id_here")` + +- `id`: l'identifiant de la vidéo (obligatoire) +- `class`: une classe à ajouter au <div> entourant l'iframe (optionnel) +- `autoplay`: lorsqu'il est défini sur "true", la vidéo se lance automatiquement au chargement (facultatif) +- `loop`: lorsqu'il est défini sur "true", la vidéo est lue en boucle (optionnel) +- `noautopause`: lorsqu'il est défini sur "true", la vidéo ne s'arrêtera pas automatiquement (optionnel) +- `title` - définir le titre alt pour l'iframe (facultatif, par défaut sur "Vimeo") +- `cookie` - défini sur "true" si vous voulez des cookies de suivi, sinon il est par défaut sur false. + +{{ vm(id="514402648") }} diff --git a/content/overview-embedded-youtube.fr.md b/content/overview-embedded-youtube.fr.md new file mode 100644 index 0000000..b1c8cab --- /dev/null +++ b/content/overview-embedded-youtube.fr.md @@ -0,0 +1,28 @@ ++++ +title = "Vidéos Youtube intégrées" +description = "Exemple d'article présentant un code court Zola personnalisé pour intégrer des vidéos Youtube dans vos pages." +date = 2021-05-08 +draft = false + +[taxonomies] +categories = ["Features"] +tags = ["shortcodes","video"] +[extra] +keywords = "Video, Shortcodes, Embed, Embedded, Youtube" ++++ + +Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exemple montre youtube. + + +## Youtube + +avec `yt(id="the_id_here")` + +- `id`: l'identifiant de la vidéo (obligatoire) +- `playlist`: l'identifiant de la playlist (optionnel) +- `class`: une classe à ajouter au <div> entourant l'iframe (optionnel) +- `autoplay`: lorsqu'il est défini sur "true", la vidéo se lance automatiquement au chargement (facultatif) +- `title` - définir le titre alt pour l'iframe (facultatif, par défaut sur "Youtube") +- `cookie` - défini sur "true" si vous voulez des cookies de suivi, sinon il est par défaut sur false. + +{{ yt(id="32gyFIWecuw") }} diff --git a/content/overview-images/index.fr.md b/content/overview-images/index.fr.md new file mode 100644 index 0000000..130b061 --- /dev/null +++ b/content/overview-images/index.fr.md @@ -0,0 +1,107 @@ ++++ +title = "Codes courts d'image" +description = "Les images peuvent être intégrées directement à l'aide de markdown `![Ferris](ferris.svg)`, mais l'utilisation d'un shortcode empêche CLS en définissant explicitement la largeur et la hauteur." +date = 2021-05-19 +draft = false + +[taxonomies] +categories = ["Features"] +tags = ["shortcodes","images"] +[extra] +toc = true +keywords = "Image, Markdown, Shortcodes, Hover" +thumbnail = "ferris-gesture.png" ++++ + +Cet article couvre les **shortcodes imghover et img**. Les images peuvent également être intégrées directement à l'aide de markdown `![Ferris](ferris.svg)`, mais il est préférable d'utiliser un shortcode afin de pouvoir définir explicitement la largeur et la hauteur, cela aidera à empêcher le changement de mise en page du contenu, ce qui améliore l'expérience utilisateur et le score Google Lighthouse. + + +# img Shortcode + +- src est le chemin et le nom de fichier de l'image. (obligatoire) +- class définit une classe pour l'image. (facultatif) +- alt définit la note alt pour l'image. (recommandé pour google phare) +- w est la largeur de l'image. (recommandé pour google phare) +- h est la hauteur de l'image. (recommandé pour google phare) + +## Utilisation (même chemin) +```rs +{{/* img(src="ferris-happy.svg" alt="Ferris est heureux" w=600 h=400) */}} +``` +**Sortir** +```html +{{ img(src="ferris-happy.svg" alt="Ferris est heureux" w=600 h=400) }} +``` +{{ img(src="ferris-happy.svg" alt="Ferris est heureux" w=600 h=400) }} + +## Utilisation (chemin relatif ./) +```rs +{{/* img(src="./img/ferris-gesture.svg" alt="Ferris dit bonjour" w=600 h=400) */}} +``` +**Sortir** +```html +{{ img(src="./img/ferris-gesture.svg" alt="Ferris dit bonjour" w=600 h=400) }} +``` +{{ img(src="./img/ferris-gesture.svg" alt="Ferris dit bonjour" w=600 h=400) }} + +## Utilisation (chemin racine /) +```rs +{{/* img(src="/overview-rich-content/ferris.svg" alt="Ferris le Rustacé" w=600 h=400) */}} +``` +**Sortir** +```html +{{ img(src="/overview-rich-content/ferris.svg" alt="Ferris le Rustacé" w=600 h=400) }} +``` +{{ img(src="/overview-rich-content/ferris.svg" alt="Ferris le Rustacé" w=600 h=400) }} + +# Image SVG directement dans le code : +```html + +``` + + + +# imghover Shortcode + +La première image du tableau src est celle comparée à toutes les autres. + +Lorsque vous passez votre souris sur une image, celle-ci affiche l'image à comparer. + +Cela peut être utilisé pour comparer une seule image avec une autre en passant seulement deux src dans le tableau. + +- src est un tableau de chemins et de noms de fichiers pour les images. (obligatoire) +- w est la largeur de l'image. +- h est la hauteur de l'image. +- p est la taille en pourcentage que vous souhaitez que l'image utilise sur la page. (50 est la valeur par défaut) + +*w et h ne sont utilisés que pour calculer le rapport d'aspect, la taille globale est définie par p* + +## Utilisation (même chemin) +```rs +{{/* imghover(src=["ferris.svg", "ferris-gesture.svg", "ferris-happy.svg"] w=600 h=400 p=45) */}} +``` +**Sortir** +```html +{{ imghover(src=["ferris.svg", "ferris-gesture.svg", "ferris-happy.svg"] w=600 h=400 p=45) }} +``` +{{ imghover(src=["ferris.svg", "ferris-gesture.svg", "ferris-happy.svg"] w=600 h=400 p=45) }} + +## Utilisation (chemin relatif ./) +```rs +{{/* imghover(src=["./img/ferris.svg", "./img/ferris-gesture.svg"] w=600 h=400 p=45) */}} +``` +**Sortir** +```html +{{ imghover(src=["./img/ferris.svg", "./img/ferris-gesture.svg"] w=600 h=400 p=45) }} +``` +{{ imghover(src=["./img/ferris.svg", "./img/ferris-gesture.svg"] w=600 h=400 p=45) }} + +## Utilisation (chemin racine /) +```rs +{{/* imghover(src=["/overview-rich-content/ferris.svg", "/overview-rich-content/ferris-gesture.svg"] w=600 h=400 p=45) */}} +``` +**Sortir** +```html +{{ imghover(src=["/overview-rich-content/ferris.svg", "/overview-rich-content/ferris-gesture.svg"] w=600 h=400 p=45) }} +``` +{{ imghover(src=["/overview-rich-content/ferris.svg", "/overview-rich-content/ferris-gesture.svg"] w=600 h=400 p=45) }} diff --git a/content/overview-markdown-and-style.fr.md b/content/overview-markdown-and-style.fr.md new file mode 100644 index 0000000..827c2e6 --- /dev/null +++ b/content/overview-markdown-and-style.fr.md @@ -0,0 +1,286 @@ ++++ +title = "Markdown et Style" +description = "Exemple d'article présentant la syntaxe et le formatage de base de Markdown pour les éléments HTML." +date = 2022-05-15 +draft = false + +[taxonomies] +categories = ["Features"] +tags = ["Markdown"] +[extra] +toc = true +keywords = "Markdown, Style, Syntax, Syntax Highlighting" ++++ + +Cet article propose un exemple de syntaxe Markdown de base pouvant être utilisée dans les fichiers de contenu Zola. Il indique également si les éléments HTML de base sont décorés avec CSS dans un thème Zola. + +# Rubriques + +Les éléments HTML `

`—`

` suivants représentent six niveaux d'en-têtes de section. +`

` est le niveau de section le plus élevé alors qu'il `

` est le plus bas. + +# H1 +## H2 +### H3 +#### H4 +##### H5 +###### H6 + +# Paragraphe + +Xerum, quo qui aut unt expliquéam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur ? Quianimin porecus evelectrur, cum que nis nust voloribus ratem aut omnimi, sitatur ? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat. + +Itatur ? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia est sinveli squiatum, core et que aut hariosam ex eat. + +# Citations en bloc + +L'élément blockquote représente le contenu qui est cité à partir d'une autre source, éventuellement avec une citation qui doit être dans un élément `footer` ou `cite` et éventuellement avec des modifications en ligne telles que des annotations et des abréviations. + +## Blockquote sans attribution + +> Tiam, ad mint andaepu dandae nostion secatur sequo quae. +> **Notez** que vous pouvez utiliser *la syntaxe Markdown* dans un blockquote. + +## Blockquote avec attribution + +> Ne communiquez pas en partageant la mémoire, partagez la mémoire en communiquant.
+> — Rob Pike[^1] + +> Tous les hommes, par nature, désirent savoir.
+> ― Aristotle[^2] + +> Le pouvoir vient en réponse à un besoin, pas à un désir.
+> — *Goku* + +# Les Tables + +Les tables ne font pas partie de la spécification principale de Markdown, mais Zola les prend en charge prêtes à l'emploi. + + Nom | Âge +--------|------ + Alice | 23 + Bob | 27 + Cody | 33 + John | 59 + Kerry | 23 + +## Tableau avec Markdown en ligne + +| Italique | Gras | Code | Barré | +| -------- | -------- | ------ | ----------------- | +| *italique* | **gras** | `code` | ~~barré~~ | + + +## Grand tableau dans l'étiquette de la figure + +Entourez les très grandes tables `
` pour qu'elles puissent défiler horizontalement. +
+ +| **Fabricant** | Volkswagen | Toyota | Ford | Honda | Chevrolet | BMW | Hyundai | Audi | Nissan | Kia | Mercedes | Tesla | Mitsubishi | Suzuki | Volvo | Subaru | Mazda | Jaguar | Buick | Lexus | GMC | Porsche | Cadillac | +| ---------- | ---- | ---- | ---- | ---- | ---- | ---- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | +| **Revenu $B** | $254 | $249 | $127 | $124 | $123 | $113 | $88 | $83 | $74 | $61 | $55 | $54 | $38 | $31 | $30 | $28 | $27 | $22 | $21 | $19 | $17 | $16 | $12 | + +
+*valeurs de revenus trouvées sur le moteur de recherche et non vérifiées, uniquement à des fins de démonstration du tableau de défilement des figures.* + +# Texte pliable + +
+ Titre 1 +

C'EST UN SECRET POUR TOUT LE MONDE.

+
+ +
+ Titre 2 +

Reste un moment et écoute!

+
+ +# Blocs de codes + +Blocs de code.. ❤️ avec coloration syntaxique automatique ✨‍ + +Voir [les docs](https://www.getzola.org/documentation/content/syntax-highlighting/) pour les options. + +## Bloc de code avec backticks + +```html + + + + + Example HTML5 Document + + +

Test

+ + +``` + +## Numéros de ligne, mise en surbrillance + +```html,linenos,hl_lines=5 7-9 + + + + + Example HTML5 Document + + +

Test

+ + +``` + +## Bloc de code en ligne + +Si nous voulons, nous pouvons aussi `spécifier le code en ligne` ce qui est utile pour `les petites choses`. + +# Types de liste + +## Liste ordonnée + +1. Premier élément +2. Deuxième élément +3. Troisième élément + +## Liste non ordonnée + +- Élément de liste +- Un autre article +- Et un autre article + +## Liste imbriquée + +- Fruit + - Pomme + - Orange + - Banane +- Laitier + - Lait + - Fromage + +# Autres éléments — abbr, sub, sup, kbd, mark, link + +GIF est un format d'image bitmap. + +H2O + +Xn + Yn = Zn + +Appuyez sur pour terminer la session. CTRL+ALT+Delete + +La plupart salamanders sont nocturnes et chassent les insectes, les vers et autres petites créatures. + +--- + +[^1]: La citation ci-dessus est extraite du [discours](https://www.youtube.com/watch?v=PAAkCSZUG1c) +de Rob Pike lors du Gopherfest, le 18 novembre 2015. + +[^2]: La citation est la première phrase de [la Métaphysique](https://en.wikipedia.org/wiki/Metaphysics_(Aristotle)) d'Aristotle. + +## Navs + +Le menu principal du site est créé en imbriquant la navigation sous une balise d'en-tête. Reportez-vous au haut de ce site pour un exemple. + +Si la balise de navigation se trouve sous la balise principale au lieu de la balise d'en-tête, les liens auront une bordure : + +
+ +
+ +## Formes + +
+

+ +

+

+ +

+

+ +

+
+

+
+ + + + +
+ Taille + + + + +
+ +
+ + +
+ +
+ + +
+
+ + + + + + + + + + + + +
diff --git a/content/overview-markdown-and-style.md b/content/overview-markdown-and-style.md index befe1ed..78177db 100644 --- a/content/overview-markdown-and-style.md +++ b/content/overview-markdown-and-style.md @@ -1,5 +1,5 @@ +++ -title = "Markdown and Style Guide" +title = "Markdown and Style" description = "Sample article showcasing basic Markdown syntax and formatting for HTML elements." date = 2022-05-15 draft = false diff --git a/content/overview-math.fr.md b/content/overview-math.fr.md new file mode 100644 index 0000000..ed0720a --- /dev/null +++ b/content/overview-math.fr.md @@ -0,0 +1,111 @@ ++++ +title = "Notations mathématiques" +description = "Exemple d'article présentant l'affichage des notations mathématiques, rendu possible par la bibliothèque KaTeX." +date = 2021-05-05 +updated = 2022-01-01 +draft = false + +[taxonomies] +categories = ["Features"] +tags = ["shortcodes","Mathematics"] +[extra] +math = true +math_auto_render = true +keywords = "Math, Matematics, Notation, KaTeX, Mathematical Notation" ++++ + +Vous pouvez utiliser [KaTeX](https://katex.org) pour rendre des notations mathématiques. + +Vous pouvez activer le $\KaTeX$ prise en charge globale, par section ou par page. + + +## Activer globalement + +Pour activer le $\KaTeX$ prise en charge dans le monde entier, ajoutez `math = true` sous `[extra]` à la `config.toml` +racine de votre site. Maintenant, le shortcode katex sera rendu, vous pouvez également ajouter `math_auto_render = true` +et chaque section et page de votre site chargera l' [extension KaTeX autorender](https://katex.org/docs/autorender.html). + +```toml +[extra] +math = true +math_auto_render = false +``` + +## Base par section + +Pour activer le $\KaTeX$ support dans une section particulière, ajoutez `math = true` sous `[extra]` dans le fichier `[SECTION_NAME]/_index.md`. +Maintenant, le shortcode katex sera rendu, vous pouvez également ajouter `math_auto_render = true` +et la section de votre site chargera l' [extension KaTeX autorender](https://katex.org/docs/autorender.html). + +```toml ++++ +[extra] +math = true ++++ +``` + +## Base par page + +Pour activer le $\KaTeX$ support dans une page particulière, ajouter `math = true` sous `[extra]` dans le frontmatter de la page. +Maintenant, le shortcode katex sera rendu, vous pouvez également ajouter `math_auto_render = true` +et la page de votre site chargera l' [extension KaTeX autorender](https://katex.org/docs/autorender.html). + +```toml ++++ +[extra] +math = true +math_auto_render = true ++++ +``` + +C'est une bonne pratique de permettre $\KaTeX$ prise en charge par page, car cela ne chargera que les fichiers requis sur cette page particulière, sans affecter la vitesse de chargement des autres pages. Si votre site n'est pas lourd en mathématiques, veuillez ne PAS activer cette fonctionnalité globalement ou par section. + +## Usage + +Enveloppez tout [valide](https://katex.org/docs/supported.html) $\KaTeX$ syntaxe avec `$...$` pour les mathématiques en ligne et `$$...$$` pour les mathématiques par blocs. + +### Mathématiques en ligne + +C'est la plus belle équation que j'aie jamais vue : + +### Usage +```rs +{%/* katex(block=false) */%} e^{i\pi}+1=0 {%/* end */%} +``` +### Sortir +```html +{% katex(block=false) %} e^{i\pi}+1=0 {% end %} +``` +{% katex(block=false) %} e^{i\pi}+1=0 {% end %} + +### Bloc Mathématiques + +Quelques Mathématiques en mode affichage sont assez justes : + +### Usage +```rs +{%/* katex(block=true) */%} \int_0^1 x^2 dx {%/* end */%} +``` +### Sortir +```html +{% katex(block=true) %} \int_0^1 x^2 dx {% end %} +``` +{% katex(block=true) %} \int_0^1 x^2 dx {% end %} + +### Exemple de rendu automatique en ligne +``` +$ e^{i\pi}+1=0 $ +``` + +$ e^{i\pi}+1=0 $ + +### Exemple de bloc de rendu automatique +``` +$$ +f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi +$$ +``` + +$$ +f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi +$$ diff --git a/content/overview-rich-content/index.fr.md b/content/overview-rich-content/index.fr.md new file mode 100644 index 0000000..43425fa --- /dev/null +++ b/content/overview-rich-content/index.fr.md @@ -0,0 +1,82 @@ ++++ +title = "Contenu riche" +description = "Une brève description des Shortcodes personnalisés pour Zola qui implémentent des éléments html modernes : vidéo, image, gif, audio." +date = 2021-05-18 +draft = false + +[taxonomies] +categories = ["Features"] +tags = ["video", "audio", "images", "shortcodes"] +[extra] +toc = true +keywords = "Images, Videos, Audio, Gif, Rich Content, Shortcodes" ++++ + +Plusieurs codes abrégés personnalisés sont inclus pour augmenter CommonMark (avec l'aimable autorisation du [theme d3c3nt](https://d3c3nt.figbert.com/posts/rich-content/)), en plus de ceux [déjà fournis par Zola][built-in]. `video`, `image`, `gif`, et `audio` ont été créés pour vous aider à tirer parti des éléments HTML modernes dans votre écriture. + + + +## Vidéo + +Le `video` shortcode prend un `sources` paramètre (un tableau de chaînes) et renvoie une `
{%- endfor -%} {%- endif -%} + {%- if js_switcher -%} + {%- set icon_adjust=config.extra.icon_adjust | default(value="svgs adjust") -%} +
  • {%- if icon_adjust -%}{%- else -%}☀{%- endif -%}
    • + {%- endif -%} + {%- endif -%} {%- set language_count = 1 -%} {%- for language_name, language in config.languages -%} {%- set_global language_count = language_count + 1 -%} @@ -87,11 +92,6 @@ {%- endif %} {%- endif -%} - {%- if js_switcher -%} - {%- set icon_adjust=config.extra.icon_adjust | default(value="svgs adjust") -%} -
  • {%- if icon_adjust -%}{%- else -%}☀{%- endif -%}
    • - {%- endif -%} - {%- endif -%} {%- if config.build_search_index %} diff --git a/templates/index.html b/templates/index.html index 84314b1..ce224c0 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,3 +1,8 @@ +{# +This Page Shows the Posts with a short summary on the index: example.com/ +This Template can also be used as the rendering template for Sections, eg: example.com/blog/ example.com/software/ +#} + {%- extends "base.html" %} {%- block seo %} @@ -54,12 +59,25 @@ {%- endfor %} {{- macros::pagination(paginator=paginator, config=config) }} - {%- if lang == config.default_language %} - {%- set section_item = get_section(path="_index.md") %} - {%- else %} - {%- set section_item = get_section(path="_index." ~ lang ~ ".md") %} - {%- endif %} {%- if config.extra.recent | default(value=true) %} + {#- The following line is checking if the template is being used for the root or a section #} + {%- if current_path is matching("^(/[[:alpha:]][[:alpha:]])?(/page/[[:digit:]]+)?/$") %} + {%- set sec = "" %} + {%- else %} + {%- if lang == config.default_language %} + {%- set sec = current_path | trim_start_matches(pat="/") | split(pat="/page/") | slice(end=1) | join(sep="") | trim_end_matches(pat="/") %} + {%- set sec = sec ~ "/" %} + {%- else %} + {%- set sec = current_path | trim_start_matches(pat="/" ~ lang ~ "/") | split(pat="/page/") | slice(end=1) | join(sep="") | trim_end_matches(pat="/") %} + {%- set sec = sec ~ "/" %} + {%- endif %} + {%- endif %} + + {%- if lang == config.default_language %} + {%- set section_item = get_section(path=sec ~ "_index.md") %} + {%- else %} + {%- set section_item = get_section(path=sec ~ "_index." ~ lang ~ ".md") %} + {%- endif %}

    {%- if lang != config.default_language %}{{ trans(key="Recent_Posts" | safe, lang=lang) }}{% else %}Recent Posts{% endif %}

    diff --git a/templates/macros/head.html b/templates/macros/head.html index 8aa2128..5a7221c 100644 --- a/templates/macros/head.html +++ b/templates/macros/head.html @@ -1,7 +1,7 @@ {#- Theme Switcher Button to toggle between dark/light #} {%- macro theme(config) %} {%- if config.extra.js_switcher | default(value=true) %} - {%- set js_theme=config.extra.js_theme | default(value="theme.min.js") -%} + {%- set js_theme=config.extra.js_theme | default(value="js/theme.min.js") -%} {%- if js_theme %} {%- endif %} @@ -80,54 +80,81 @@ {%- if config.extra.js_bundle %} - + + + {%- if config.build_search_index %} + {%- if search_library == "elasticlunr" %} + {%- if lang != "en" %} + + + {%- endif %} + {%- endif %} + {%- endif %} {%- else %} {%- if preStyle == true %} - {%- set js_prestyle=config.extra.js_prestyle | default(value="prestyle.js") -%} + {%- set js_prestyle=config.extra.js_prestyle | default(value="js/prestyle.js") -%} {%- if js_prestyle %} {%- endif %} {%- endif %} {%- if config.extra.js_switcher | default(value=true) %} - {%- set js_theme=config.extra.js_theme | default(value="theme.min.js") -%} + {%- set js_theme=config.extra.js_theme | default(value="js/theme.min.js") -%} {%- if js_theme %} - {%- set js_themeButton=config.extra.js_themeButton | default(value="theme_button.js") -%} + {%- set js_themeButton=config.extra.js_themeButton | default(value="js/theme_button.js") -%} {%- if js_themeButton %} {%- endif %} {%- endif %} {%- endif %} - {%- set js_email=config.extra.js_email | default(value="email.js") -%} + {%- set js_email=config.extra.js_email | default(value="js/email.js") -%} {%- if js_email %} {%- if config.extra.mail_encode | default(value=true) %} {%- endif %} {%- endif %} - {%- set js_codecopy=config.extra.js_codecopy | default(value="codecopy.js") -%} + {%- set js_codecopy=config.extra.js_codecopy | default(value="js/codecopy.js") -%} {%- if js_codecopy %} {%- endif %} - {%- if config.build_search_index %} {%- if search_library == "tinysearch" %} - + {%- elif search_library == "stork" %} - - {%- else %} - - + + {%- elif config.build_search_index %} - {%- if lang != "en" %} - - + {%- set search_index_format="elasticlunr_json" -%} + {%- if config.search.index_format %} + {%- if config.search.index_format == "elasticlunr_javascript" %} + {%- set search_index_format="elasticlunr_javascript" -%} + {%- endif %} {%- endif %} + {%- set uglyurls=config.extra.uglyurls | default(value=false) -%} + {%- if search_index_format == "elasticlunr_javascript" %} + + + + {%- if uglyurls %} + + {%- else %} + + {%- endif %} + + {%- else %} + {%- endif %} + + {%- if lang != "en" %} + + + {%- endif %} + {%- endif %} {%- endif %} @@ -138,19 +165,19 @@ {#- https://github.com/KaTeX/KaTeX/tree/main/contrib/mathtex-script-type/ #} {%- if config.extra.math or page.extra.math %} -{%- set katex_bundle=config.extra.katex_bundle | default(value="katexbundle.min.js") -%} +{%- set katex_bundle=config.extra.katex_bundle | default(value="js/katexbundle.min.js") -%} {%- if katex_bundle %} {%- else %} - {%- set katex_js=config.extra.katex_js | default(value="katex.min.js") -%} + {%- set katex_js=config.extra.katex_js | default(value="js/katex.min.js") -%} {%- if katex_js %}{%- if katex_js is matching("^http[s]?://") %} {%- else %} {%- endif %}{%- endif %} - {%- set mathtex_js=config.extra.mathtex_js | default(value="mathtex-script-type.min.js") -%} + {%- set mathtex_js=config.extra.mathtex_js | default(value="js/mathtex-script-type.min.js") -%} {%- if mathtex_js %}{%- if mathtex_js is matching("^http[s]?://") %} {%- else %} @@ -158,7 +185,7 @@ {%- endif %}{%- endif %} {%- if config.extra.math_auto_render or page.extra.math_auto_render %} - {%- set katex_autorender_js=config.extra.katex_autorender_js | default(value="katex-auto-render.min.js") -%} + {%- set katex_autorender_js=config.extra.katex_autorender_js | default(value="js/katex-auto-render.min.js") -%} {%- if katex_autorender_js %} {%- if katex_autorender_js is matching("^http[s]?://") %} @@ -166,7 +193,7 @@ {%- endif %} {%- endif %} - {%- set katex_options=config.extra.katex_options | default(value="katexoptions.js") -%} + {%- set katex_options=config.extra.katex_options | default(value="js/katexoptions.js") -%} {%- if katex_options %} {%- endif %} @@ -226,7 +253,7 @@ {#- page_images: using for the blog single template page -#} {#- page_section: the blog single template page have to pass the parameter -#} {#- is_404: using for the 404.html template -#} -{%- macro seo( config, title="", title_addition="", description="", type="website", is_home=false, is_404=false, is_page=false, page_images="", page_section="", created_time="2021-07-04T07:07:00-07:00", updated_time="2021-07-04T07:07:00-07:00" ) %} +{%- macro seo( config, title="", title_addition="", description="", type="website", is_home=false, is_404=false, is_page=false, page_images="", page_section="", created_time="2023-05-15T07:07:00-07:00", updated_time="2023-05-15T07:07:00-07:00" ) %} {%- if is_404 -%} {%- else -%} diff --git a/templates/posts.html b/templates/posts.html index 92c07dc..13dc274 100644 --- a/templates/posts.html +++ b/templates/posts.html @@ -1,4 +1,7 @@ -{# This Page Shows the Posts Grouped by Year: example.com/posts/ #} +{# +This Page Shows the Posts Grouped by Year: example.com/posts/ +This Template can also be used as the rendering template for Sections, eg: example.com/blog/ example.com/software/ +#} {% extends "base.html" %} @@ -18,14 +21,30 @@ {%- endblock seo %} {%- block content %} + {#- The following line is checking if the template is being used for the posts page or a section #} + {%- if current_path is matching("^(/[[:alpha:]][[:alpha:]])?/posts/$") %} + {%- set sec = "" %} + {%- else %} + {%- set langpath = "/" %} + {%- if lang != config.default_language %} + {%- set langpath = "/" ~ lang ~ "/" %} + {%- endif %} + + {%- set sec = current_path | trim_start_matches(pat=langpath) | split(pat="/page/") | slice(end=1) | join(sep="") | trim_end_matches(pat="/") %} + {%- set sec = sec ~ "/" %} + {%- endif %} + {%- if lang == config.default_language %} - {%- set section_item = get_section(path="_index.md") %} + {%- set section_item = get_section(path=sec ~ "_index.md") %} {%- else %} - {%- set section_item = get_section(path="_index." ~ lang ~ ".md") %} + {%- set section_item = get_section(path=sec ~ "_index." ~ lang ~ ".md") %} {%- endif %}
    + {%- if section_item.title %} +

    {{ section_item.title }}

    + {%- endif %} {%- for year, posts in section_item.pages | group_by(attribute="year") %} -

    {{ year }}

    + {%- if section_item.title %}

    {{ year }}

    {%- else %}

    {{ year }}

    {%- endif %} {%- for post in posts %}

    {{ post.title }} -

    {%- endfor %} diff --git a/theme.toml b/theme.toml index 0d95b63..64f689b 100644 --- a/theme.toml +++ b/theme.toml @@ -2,7 +2,7 @@ name = "abridge" description = "A fast and lightweight Zola theme using semantic html, a class-light abridge.css, and No JS." license = "MIT" homepage = "https://github.com/jieiku/abridge" -min_version = "0.17.1" +min_version = "0.17.3" demo = "https://abridge.netlify.app/" [extra] -- cgit v1.3.1 From b978e20c61e43e54972b4b287268de685a56f650 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Wed, 24 May 2023 12:18:57 -0700 Subject: SCSS Optimizations --- COPY-TO-ROOT-SASS/abridge.scss | 2 ++ sass/abridge.scss | 44 +++++++++++++++++++++++------------ sass/colors-syntax/_abridge.scss | 22 +++++------------- templates/base.html | 26 ++++++++------------- templates/macros/macros.html | 42 +++++++++++++++------------------ templates/macros/social.html | 50 +++++++++++++++++++--------------------- 6 files changed, 89 insertions(+), 97 deletions(-) (limited to 'sass') diff --git a/COPY-TO-ROOT-SASS/abridge.scss b/COPY-TO-ROOT-SASS/abridge.scss index ae1bb24..b442102 100644 --- a/COPY-TO-ROOT-SASS/abridge.scss +++ b/COPY-TO-ROOT-SASS/abridge.scss @@ -104,6 +104,7 @@ //$h7d: #8db,// teal, escape character //$h8d: #6ae,// blue, declaration, tag, property //$h9d: #d6e,// purple, operators + //$had: 160%,// mark/highlight line /// Light Syntax Colors //$h0: #f7f7f7,// background color @@ -116,6 +117,7 @@ //$h7: #286,// teal, escape character //$h8: #059,// blue, declaration, tag, property //$h9: #a3c,// purple, operators + //$ha: 92%,// mark/highlight line /// These lines find the spot at which to insert your appended fonts. //$findFont-Main: "Segoe UI", // ← append custom MAIN font(s) AFTER this diff --git a/sass/abridge.scss b/sass/abridge.scss index 1e20079..655a91b 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -114,7 +114,8 @@ $h6d: #ac3 !default;// green, string $h7d: #8db !default;// teal, escape character $h8d: #6ae !default;// blue, declaration, tag, property $h9d: #d6e !default;// purple, operators -$syntax-dark: $h0d $h1d $h2d $h3d $h4d $h5d $h6d $h7d $h8d $h9d; +$had: 160% !default;// mark/highlight line +$syntax-dark: $h0d $h1d $h2d $h3d $h4d $h5d $h6d $h7d $h8d $h9d $had; /// Light Syntax Colors $h0: #f7f7f7 !default;// background color @@ -127,7 +128,8 @@ $h6: #350 !default;// green, string $h7: #286 !default;// teal, escape character $h8: #059 !default;// blue, declaration, tag, property $h9: #a3c !default;// purple, operators -$syntax-light: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9; +$ha: 92% !default;// mark/highlight line +$syntax-light: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha; /// These lines find the spot at which to insert your appended fonts. //$findFont-Main : "Segoe UI"; // ← append custom MAIN font(s) AFTER this @@ -444,7 +446,7 @@ $syntax: true !default;//syntax highlighting for code blocks color: var(--a2); text-decoration: underline; } - h1 a, h2 a, main nav a { + h1 a, h2 a, main nav a, header nav > div > a { color: var(--f2); text-decoration: none; &:hover { @@ -625,7 +627,7 @@ $syntax: true !default;//syntax highlighting for code blocks footer{ line-height: var(--lhh); hr, p { - margin: 0.1rem 0 .3rem; + margin: 0.2rem 0; } } } @@ -638,6 +640,19 @@ $syntax: true !default;//syntax highlighting for code blocks border-radius: var(--br); padding: .1rem var(--s1); } + header nav > div > a, header i, header .dropdown { + margin-right: .2rem; + vertical-align: middle; + font-weight: var(--fh); + } + main nav {//pagination + a,span { + margin: .2rem; + } + } + footer nav > a { + margin: .2rem; + } main nav a:hover {//makes border of pagination links hover color border-color: var(--a3); .svgh { @@ -665,11 +680,6 @@ $syntax: true !default;//syntax highlighting for code blocks } } nav > div { - ul, h2 { - line-height: 1.9; - margin: 0; - padding: 0; - } margin: var(--s1) 0; } nav { @@ -739,16 +749,15 @@ $syntax: true !default;//syntax highlighting for code blocks display: inline-block; position: relative; z-index: 99; - vertical-align: -3px; font-weight: var(--fh); - font-size: 1.3rem; + font-size: 1.4rem; } .dropdown-content { display: none; position: absolute; z-index: 99; font-weight: var(--fh); - font-size: 1.3rem; + font-size: 1.4rem; } .dropdown:hover .dropdown-content { display: block; @@ -1061,10 +1070,12 @@ $syntax: true !default;//syntax highlighting for code blocks .searchd > input { max-width: 100%; flex-grow: 1; - padding-right:2.4rem;//inlayed search icon + padding-right: 1rem;//inlayed search icon } - .searchd > button { - margin-left: -2.4rem;//inlayed search icon + .searchd > button {//inlayed search icon + position: relative; + left: -1rem; + margin-left: -1rem; } // mobile first is min-width for desktop instead of max-width for mobile @if map-get($breakpoints, "md") { @@ -1172,10 +1183,13 @@ $syntax: true !default;//syntax highlighting for code blocks font-size: .8rem; margin: 0; // Highlighted text + color: var(--h1); mark { display: block; color: unset; padding: 0; + background-color: var(--h0); + filter: brightness(var(--ha)); } } td, th, tr { diff --git a/sass/colors-syntax/_abridge.scss b/sass/colors-syntax/_abridge.scss index 11a36f1..3f37726 100644 --- a/sass/colors-syntax/_abridge.scss +++ b/sass/colors-syntax/_abridge.scss @@ -9,7 +9,8 @@ $h6: #ac3, $h7: #8db, $h8: #6ae, - $h9: #d6e + $h9: #d6e, + $ha: 160% ) { #{--h0}: $h0;// background color #{--h1}: $h1;// unstyled text @@ -21,13 +22,7 @@ #{--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%); - } - } + #{--ha}: $ha;// mark/highlight line } @mixin synlight( $h0: #f7f7f7, @@ -39,7 +34,8 @@ $h6: #350, $h7: #286, $h8: #059, - $h9: #a3c + $h9: #a3c, + $ha: 92% ) { #{--h0}: $h0;// background color #{--h1}: $h1;// unstyled text @@ -51,11 +47,5 @@ #{--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%); - } - } + #{--ha}: $ha;// mark/highlight line } diff --git a/templates/base.html b/templates/base.html index 31db9bf..ebbd505 100644 --- a/templates/base.html +++ b/templates/base.html @@ -52,23 +52,18 @@ {%- endif -%}
    -
    {%- endif -%} -
    {%- if config.build_search_index %} {%- set icon_search=config.extra.icon_search | default(value="svgs search") %} @@ -100,7 +94,7 @@ @@ -137,16 +131,14 @@ {#- Copyright END #} {%- if config.extra.menu_footer %} {%- endif %} {%- if config.extra.footer_credit | default(value=true) %} diff --git a/templates/macros/macros.html b/templates/macros/macros.html index e909b06..34ab651 100644 --- a/templates/macros/macros.html +++ b/templates/macros/macros.html @@ -157,79 +157,75 @@ {%- endif %} {%- endif %} {%- endif %} {%- endmacro %} diff --git a/templates/macros/social.html b/templates/macros/social.html index 1c4b3fd..2a0835c 100644 --- a/templates/macros/social.html +++ b/templates/macros/social.html @@ -1,58 +1,56 @@ {%- macro social_links(config) %} {%- endmacro %} -- cgit v1.3.1 From 28052596836f4c8ca823cfa5a904a6a48f2965a4 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Wed, 7 Jun 2023 18:06:56 -0700 Subject: SASS optimizations, eliminate Complex selectors (4 or more expressions) --- sass/abridge.scss | 32 +++++++++++++++----------------- templates/base.html | 2 +- 2 files changed, 16 insertions(+), 18 deletions(-) (limited to 'sass') diff --git a/sass/abridge.scss b/sass/abridge.scss index 655a91b..f5c69c0 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -446,7 +446,7 @@ $syntax: true !default;//syntax highlighting for code blocks color: var(--a2); text-decoration: underline; } - h1 a, h2 a, main nav a, header nav > div > a { + h1 a, h2 a, main nav a, nav > div > a { color: var(--f2); text-decoration: none; &:hover { @@ -633,14 +633,21 @@ $syntax: true !default;//syntax highlighting for code blocks } @if $nav { //https://github.com/raj457036/attriCSS - main nav a, - main nav a:visited {//pagination link styling + .on, + .on:visited {//pagination link styling font-weight: var(--fh); border: .1rem solid var(--c4); border-radius: var(--br); padding: .1rem var(--s1); } - header nav > div > a, header i, header .dropdown { + .on:hover {//makes border of pagination links hover color + border-color: var(--a3); + .svgh { + background: var(--a3); + opacity: 1; + } + } + nav > div > a, header i, header .dropdown { margin-right: .2rem; vertical-align: middle; font-weight: var(--fh); @@ -653,13 +660,6 @@ $syntax: true !default;//syntax highlighting for code blocks footer nav > a { margin: .2rem; } - main nav a:hover {//makes border of pagination links hover color - border-color: var(--a3); - .svgh { - background: var(--a3); - opacity: 1; - } - } header > nav > div:first-of-type {//Keep the logo from wrapping display: inline; min-width: fit-content; @@ -961,7 +961,7 @@ $syntax: true !default;//syntax highlighting for code blocks margin-bottom: .25rem; } select, - input:not([size]):not([type="button" i]):not([type="submit" i]):not([type="reset" i]):not([type="checkbox" i]):not([type="radio" i]) { + input:not([size]), input:not([type="button" i]), input:not([type="submit" i]), input:not([type="reset" i]), input:not([type="checkbox" i]), input:not([type="radio" i]) { width: 100%; } [type="color" i] { @@ -1057,7 +1057,7 @@ $syntax: true !default;//syntax highlighting for code blocks #suggestions span:nth-child(2), #results span:nth-child(2) { color: var(--f1); } - nav > div > form > div:last-of-type {//parent div of suggestions div + .results {//parent div of suggestions div display: block; position: relative; width: 100%; @@ -1442,10 +1442,8 @@ $syntax: true !default;//syntax highlighting for code blocks color: var(--h8); } //json - .z-meta.z-mapping.z-key.z-json { - .z-punctuation.z-definition.z-string.z-begin.z-json, .z-punctuation.z-definition.z-string.z-end.z-json, .z-string.z-quoted.z-double.z-json { - color: var(--h4); - } + .z-key.z-json { + color: var(--h4); } // Figure out how to reproduce in code block otherwise don't include //.z-constant.z-numeric.z-line-number.z-match { diff --git a/templates/base.html b/templates/base.html index bcdb5ea..25994ae 100644 --- a/templates/base.html +++ b/templates/base.html @@ -92,7 +92,7 @@
    -
    +
    {%- endif %} -- cgit v1.3.1 From 60b1bfea5d2eba0a1f1c9807087635c0abc6cfd0 Mon Sep 17 00:00:00 2001 From: William Ouwehand Date: Fri, 16 Jun 2023 17:33:03 +0200 Subject: Add prev/next page title paginator --- sass/abridge.scss | 6 ++++++ templates/macros/macros.html | 13 +++++++++++++ 2 files changed, 19 insertions(+) (limited to 'sass') diff --git a/sass/abridge.scss b/sass/abridge.scss index f5c69c0..4efd6dd 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -656,6 +656,12 @@ $syntax: true !default;//syntax highlighting for code blocks a,span { margin: .2rem; } + &:last-child //prev/next page title + { + div:last-child { + text-align: right; + } + } } footer nav > a { margin: .2rem; diff --git a/templates/macros/macros.html b/templates/macros/macros.html index dd718e7..ee5f896 100644 --- a/templates/macros/macros.html +++ b/templates/macros/macros.html @@ -122,7 +122,20 @@ {%- if page.reading_time and page.reading_time > 2 %}

    Back to top

    {%- endif %} + {%- endmacro footer %} -- cgit v1.3.1 From 70d63c09257601596a0c4fab7cbc042bf03edb57 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Sat, 17 Jun 2023 00:48:59 -0700 Subject: Optimize sass posts paginator --- sass/abridge.scss | 9 ++++----- theme.toml | 2 +- 2 files changed, 5 insertions(+), 6 deletions(-) (limited to 'sass') diff --git a/sass/abridge.scss b/sass/abridge.scss index 4efd6dd..3ffa404 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -656,11 +656,10 @@ $syntax: true !default;//syntax highlighting for code blocks a,span { margin: .2rem; } - &:last-child //prev/next page title - { - div:last-child { - text-align: right; - } + } + article nav {//prev/next page title + div:last-child { + text-align: right; } } footer nav > a { diff --git a/theme.toml b/theme.toml index 64f689b..bb42f33 100644 --- a/theme.toml +++ b/theme.toml @@ -1,5 +1,5 @@ name = "abridge" -description = "A fast and lightweight Zola theme using semantic html, a class-light abridge.css, and No JS." +description = "A fast and lightweight Zola theme using semantic html, a class-light abridge.css, and No mandatory JS." license = "MIT" homepage = "https://github.com/jieiku/abridge" min_version = "0.17.3" -- cgit v1.3.1 From d367a4b79c801ac0ac084032aaee388616ffe97c Mon Sep 17 00:00:00 2001 From: Jieiku Date: Sun, 2 Jul 2023 09:16:42 -0700 Subject: Fix Dynamic Colors --- sass/_colors-syntax.scss | 121 +++++++++++++++++++++++++++++++++++ sass/_colors.scss | 120 +++++++++++++++++++++++++++++++++++ sass/abridge.scss | 132 +++++++++++++++++++-------------------- sass/colors-syntax/_abridge.scss | 51 --------------- sass/colors/_blue.scss | 50 --------------- sass/colors/_blueshade.scss | 50 --------------- sass/colors/_orange.scss | 50 --------------- 7 files changed, 306 insertions(+), 268 deletions(-) create mode 100644 sass/_colors-syntax.scss create mode 100644 sass/_colors.scss delete mode 100644 sass/colors-syntax/_abridge.scss delete mode 100644 sass/colors/_blue.scss delete mode 100644 sass/colors/_blueshade.scss delete mode 100644 sass/colors/_orange.scss (limited to 'sass') diff --git a/sass/_colors-syntax.scss b/sass/_colors-syntax.scss new file mode 100644 index 0000000..f3d219f --- /dev/null +++ b/sass/_colors-syntax.scss @@ -0,0 +1,121 @@ +// Syntax Highlighting +@mixin syndark($h0,$h1,$h2,$h3,$h4,$h5,$h6,$h7,$h8,$h9,$ha) { + #{--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 + #{--ha}: $ha;// mark/highlight line +} +@mixin synlight($h0,$h1,$h2,$h3,$h4,$h5,$h6,$h7,$h8,$h9,$ha) { + #{--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 + #{--ha}: $ha;// mark/highlight line +} + +@function color($color-syntax,$dark,$h0,$h1,$h2,$h3,$h4,$h5,$h6,$h7,$h8,$h9,$ha) { + @if $color-syntax == "charcoal" {//placeholder, this is actuall a copy of abridge syntax + @if $dark {/// Dark Syntax Colors + $h0: #191919 !default;// background color + $h1: #ddd !default;// unstyled text + $h2: #888 !default;// comments + $h3: #e65 !default;// red, support function + $h4: #e83 !default;// orange, punctuation, constant, variable, json-key + $h5: #eb6 !default;// tan, entity/function name + $h6: #ac3 !default;// green, string + $h7: #8db !default;// teal, escape character + $h8: #6ae !default;// blue, declaration, tag, property + $h9: #d6e !default;// purple, operators + $ha: 160% !default;// mark/highlight line + $result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha; + @return $result; + } @else {/// Light Syntax Colors + $h0: #f7f7f7 !default;// background color + $h1: #222 !default;// unstyled text + $h2: #666 !default;// comments + $h3: #a21 !default;// red, support function + $h4: #930 !default;// orange, punctuation, constant, variable, json-key + $h5: #a50 !default;// tan, entity/function name + $h6: #350 !default;// green, string + $h7: #286 !default;// teal, escape character + $h8: #059 !default;// blue, declaration, tag, property + $h9: #a3c !default;// purple, operators + $ha: 92% !default;// mark/highlight line + $result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha; + @return $result; + } + } @else if $color-syntax == "dracula" {//placeholder, this is actuall a copy of abridge syntax + @if $dark {/// Dark Syntax Colors + $h0: #191919 !default;// background color + $h1: #ddd !default;// unstyled text + $h2: #888 !default;// comments + $h3: #e65 !default;// red, support function + $h4: #e83 !default;// orange, punctuation, constant, variable, json-key + $h5: #eb6 !default;// tan, entity/function name + $h6: #ac3 !default;// green, string + $h7: #8db !default;// teal, escape character + $h8: #6ae !default;// blue, declaration, tag, property + $h9: #d6e !default;// purple, operators + $ha: 160% !default;// mark/highlight line + $result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha; + @return $result; + } @else {/// Light Syntax Colors + $h0: #f7f7f7 !default;// background color + $h1: #222 !default;// unstyled text + $h2: #666 !default;// comments + $h3: #a21 !default;// red, support function + $h4: #930 !default;// orange, punctuation, constant, variable, json-key + $h5: #a50 !default;// tan, entity/function name + $h6: #350 !default;// green, string + $h7: #286 !default;// teal, escape character + $h8: #059 !default;// blue, declaration, tag, property + $h9: #a3c !default;// purple, operators + $ha: 92% !default;// mark/highlight line + $result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha; + @return $result; + } + } @else {//abridge syntax colors (default) + @if $dark {/// Dark Syntax Colors + $h0: #191919 !default;// background color + $h1: #ddd !default;// unstyled text + $h2: #888 !default;// comments + $h3: #e65 !default;// red, support function + $h4: #e83 !default;// orange, punctuation, constant, variable, json-key + $h5: #eb6 !default;// tan, entity/function name + $h6: #ac3 !default;// green, string + $h7: #8db !default;// teal, escape character + $h8: #6ae !default;// blue, declaration, tag, property + $h9: #d6e !default;// purple, operators + $ha: 160% !default;// mark/highlight line + $result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha; + @return $result; + } @else {/// Light Syntax Colors + $h0: #f7f7f7 !default;// background color + $h1: #222 !default;// unstyled text + $h2: #666 !default;// comments + $h3: #a21 !default;// red, support function + $h4: #930 !default;// orange, punctuation, constant, variable, json-key + $h5: #a50 !default;// tan, entity/function name + $h6: #350 !default;// green, string + $h7: #286 !default;// teal, escape character + $h8: #059 !default;// blue, declaration, tag, property + $h9: #a3c !default;// purple, operators + $ha: 92% !default;// mark/highlight line + $result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha; + @return $result; + } + } +} diff --git a/sass/_colors.scss b/sass/_colors.scss new file mode 100644 index 0000000..497919d --- /dev/null +++ b/sass/_colors.scss @@ -0,0 +1,120 @@ +@mixin dark($f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$cg,$cr) { + #{--f1}: $f1;// Font Color Primary + #{--f2}: $f2;// Font Color Headers + #{--c1}: $c1;// Background Color Primary + #{--c2}: $c2;// Background Color Secondary + #{--c3}: $c3;// Table Rows, Block quote edge, Borders + #{--c4}: $c4;// Disabled Buttons, Borders, mark background + #{--a1}: $a1;// link color + #{--a2}: $a2;// link hover/focus color + #{--a3}: $a3;// link h1-h2 hover/focus color + #{--cg}: $cg;// ins green, success + #{--cr}: $cr;// del red, errors +} +@mixin light($f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$cg,$cr) { + #{--f1}: $f1;// Font Color Primary + #{--f2}: $f2;// Font Color Headers + #{--c1}: $c1;// Background Color Primary + #{--c2}: $c2;// Background Color Secondary + #{--c3}: $c3;// Table Rows, Block quote edge, Borders + #{--c4}: $c4;// Disabled Buttons, Borders, mark background + #{--a1}: $a1;// link color + #{--a2}: $a2;// link hover/focus color + #{--a3}: $a3;// link h1-h2 hover/focus color + #{--cg}: $cg;// ins green, success + #{--cr}: $cr;// del red, errors +} + +@function color($color,$dark,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$cg,$cr) { + @if $color == "blue" { + @if $dark {/// Dark Colors + $f1: #ccc !default;// Font Color Primary + $f2: #ddd !default;// Font Color Headers + $c1: #111 !default;// Background Color Primary + $c2: #222 !default;// Background Color Secondary + $c3: #333 !default;// Table Rows, Block quote edge, Borders + $c4: #777 !default;// Disabled Buttons, Borders, mark background + $a1: #09f !default;// link color + $a2: #0bf !default;// link hover/focus color + $a3: #0af !default;// link h1-h2 hover/focus color + $cg: #593 !default;// ins green, success + $cr: #e33 !default;// del red, errors + $result: $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr; + @return $result; + } @else {/// Light Colors + $f1: #333 !default;// Font Color Primary + $f2: #222 !default;// Font Color Headers + $c1: #fff !default;// Background Color Primary + $c2: #eee !default;// Background Color Secondary + $c3: #ddd !default;// Table Rows, Block quote edge, Borders + $c4: #555 !default;// Disabled Buttons, Borders, mark background + $a1: #06e !default;// link color + $a2: #09f !default;// link hover/focus color + $a3: #07f !default;// link h1-h2 hover/focus color + $cg: #373 !default;// ins green, success + $cr: #d33 !default;// del red, errors + $result: $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr; + @return $result; + } + } @else if $color == "blueshade" { + @if $dark {/// Dark Colors + $f1: #ccc !default;// Font Color Primary + $f2: #ddd !default;// Font Color Headers + $c1: #111 !default;// Background Color Primary + $c2: #123 !default;// Background Color Secondary + $c3: #345 !default;// Table Rows, Block quote edge, Borders + $c4: #789 !default;// Disabled Buttons, Borders, mark background + $a1: #09f !default;// link color + $a2: #0bf !default;// link hover/focus color + $a3: #0af !default;// link h1-h2 hover/focus color + $cg: #593 !default;// ins green, success + $cr: #e33 !default;// del red, errors + $result: $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr; + @return $result; + } @else {/// Light Colors + $f1: #333 !default;// Font Color Primary + $f2: #222 !default;// Font Color Headers + $c1: #fff !default;// Background Color Primary + $c2: #def !default;// Background Color Secondary + $c3: #137 !default;// Table Rows, Block quote edge, Borders + $c4: #013 !default;// Disabled Buttons, Borders, mark background + $a1: #06e !default;// link color + $a2: #09f !default;// link hover/focus color + $a3: #07f !default;// link h1-h2 hover/focus color + $cg: #373 !default;// ins green, success + $cr: #d33 !default;// del red, errors + $result: $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr; + @return $result; + } + } @else {//orange (default) + @if $dark {/// Dark Colors + $f1: #ccc !default;// Font Color Primary + $f2: #ddd !default;// Font Color Headers + $c1: #111 !default;// Background Color Primary + $c2: #222 !default;// Background Color Secondary + $c3: #333 !default;// Table Rows, Block quote edge, Borders + $c4: #777 !default;// Disabled Buttons, Borders, mark background + $a1: #f90 !default;// link color + $a2: #fb0 !default;// link hover/focus color + $a3: #f90 !default;// link h1-h2 hover/focus color + $cg: #593 !default;// ins green, success + $cr: #e33 !default;// del red, errors + $result: $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr; + @return $result; + } @else {/// Light Colors + $f1: #333 !default;// Font Color Primary + $f2: #222 !default;// Font Color Headers + $c1: #fff !default;// Background Color Primary + $c2: #eee !default;// Background Color Secondary + $c3: #ddd !default;// Table Rows, Block quote edge, Borders + $c4: #555 !default;// Disabled Buttons, Borders, mark background + $a1: #c40 !default;// link color + $a2: #e60 !default;// link hover/focus color + $a3: #f90 !default;// link h1-h2 hover/focus color + $cg: #373 !default;// ins green, success + $cr: #d33 !default;// del red, errors + $result: $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr; + @return $result; + } + } +} diff --git a/sass/abridge.scss b/sass/abridge.scss index 3ffa404..f5e623e 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -2,6 +2,8 @@ @use "sass:list"; @use "functions"; +@use "colors"; +@use "colors-syntax"; /****************************************************************************** * Variables @@ -16,13 +18,9 @@ $mb: 1200px !default;// value at which to switch from fluid layout to max-width $abridgeMode: "switcher" !default;//valid values: switcher, auto, dark, light $syntax-mode: "auto" !default;// Force syntax mode: auto, dark, light -$path: "colors/" !default; $color: "orange" !default;// color template to use/override: orange, blue, blueshade -@include meta.load-css(#{$path}#{$color}); -$spath: "colors-syntax/" !default; $color-syntax: "abridge" !default;// syntax color template to use/override: abridge, -@include meta.load-css(#{$spath}#{$color-syntax}); $syntax: true !default;//syntax highlighting for Code Blocks. $enable-icons: true !default; // false disables ALL icons @@ -76,60 +74,60 @@ $icon-moon: false !default;// dark moon $icon-sun: false !default;// light sun /// Dark Colors -$f1d: #ccc !default;// Font Color Primary -$f2d: #ddd !default;// Font Color Headers -$c1d: #111 !default;// Background Color Primary -$c2d: #222 !default;// Background Color Secondary -$c3d: #333 !default;// Table Rows, Block quote edge, Borders -$c4d: #777 !default;// Disabled Buttons, Borders, mark background -$a1d: #f90 !default;// link color -$a2d: #fb0 !default;// link hover/focus color -$a3d: #f90 !default;// link h1-h2 hover/focus color -$cgd: #593 !default;// ins green, success -$crd: #e33 !default;// del red, errors -$dark: $f1d $f2d $c1d $c2d $c3d $c4d $a1d $a2d $a3d $cgd $crd; +$f1d: null !default;// Font Color Primary +$f2d: null !default;// Font Color Headers +$c1d: null !default;// Background Color Primary +$c2d: null !default;// Background Color Secondary +$c3d: null !default;// Table Rows, Block quote edge, Borders +$c4d: null !default;// Disabled Buttons, Borders, mark background +$a1d: null !default;// link color +$a2d: null !default;// link hover/focus color +$a3d: null !default;// link h1-h2 hover/focus color +$cgd: null !default;// ins green, success +$crd: null !default;// del red, errors +$dark: colors.color($color,true,$f1d,$f2d,$c1d,$c2d,$c3d,$c4d,$a1d,$a2d,$a3d,$cgd,$crd); /// Light Colors -$f1: #333 !default;// Font Color Primary -$f2: #222 !default;// Font Color Headers -$c1: #fff !default;// Background Color Primary -$c2: #eee !default;// Background Color Secondary -$c3: #ddd !default;// Table Rows, Block quote edge, Borders -$c4: #555 !default;// Disabled Buttons, Borders, mark background -$a1: #c40 !default;// link color -$a2: #e60 !default;// link hover/focus color -$a3: #f90 !default;// link h1-h2 hover/focus color -$cg: #373 !default;// ins green, success -$cr: #d33 !default;// del red, errors -$light: $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr; +$f1: null !default;// Font Color Primary +$f2: null !default;// Font Color Headers +$c1: null !default;// Background Color Primary +$c2: null !default;// Background Color Secondary +$c3: null !default;// Table Rows, Block quote edge, Borders +$c4: null !default;// Disabled Buttons, Borders, mark background +$a1: null !default;// link color +$a2: null !default;// link hover/focus color +$a3: null !default;// link h1-h2 hover/focus color +$cg: null !default;// ins green, success +$cr: null !default;// del red, errors +$light: colors.color($color,false,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$cg,$cr); /// Dark Syntax Colors -$h0d: #191919 !default;// background color -$h1d: #ddd !default;// unstyled text -$h2d: #888 !default;// comments -$h3d: #e65 !default;// red, support function -$h4d: #e83 !default;// orange, punctuation, constant, variable, json-key -$h5d: #eb6 !default;// tan, entity/function name -$h6d: #ac3 !default;// green, string -$h7d: #8db !default;// teal, escape character -$h8d: #6ae !default;// blue, declaration, tag, property -$h9d: #d6e !default;// purple, operators -$had: 160% !default;// mark/highlight line -$syntax-dark: $h0d $h1d $h2d $h3d $h4d $h5d $h6d $h7d $h8d $h9d $had; +$h0d: null !default;// background color +$h1d: null !default;// unstyled text +$h2d: null !default;// comments +$h3d: null !default;// red, support function +$h4d: null !default;// orange, punctuation, constant, variable, json-key +$h5d: null !default;// tan, entity/function name +$h6d: null !default;// green, string +$h7d: null !default;// teal, escape character +$h8d: null !default;// blue, declaration, tag, property +$h9d: null !default;// purple, operators +$had: null !default;// mark/highlight line +$syntax-dark: colors-syntax.color($color-syntax,true,$h0d,$h1d,$h2d,$h3d,$h4d,$h5d,$h6d,$h7d,$h8d,$h9d,$had); /// Light Syntax Colors -$h0: #f7f7f7 !default;// background color -$h1: #222 !default;// unstyled text -$h2: #666 !default;// comments -$h3: #a21 !default;// red, support function -$h4: #930 !default;// orange, punctuation, constant, variable, json-key -$h5: #a50 !default;// tan, entity/function name -$h6: #350 !default;// green, string -$h7: #286 !default;// teal, escape character -$h8: #059 !default;// blue, declaration, tag, property -$h9: #a3c !default;// purple, operators -$ha: 92% !default;// mark/highlight line -$syntax-light: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha; +$h0: null !default;// background colorq +$h1: null !default;// unstyled text +$h2: null !default;// comments +$h3: null !default;// red, support function +$h4: null !default;// orange, punctuation, constant, variable, json-key +$h5: null !default;// tan, entity/function name +$h6: null !default;// green, string +$h7: null !default;// teal, escape character +$h8: null !default;// blue, declaration, tag, property +$h9: null !default;// purple, operators +$ha: null !default;// mark/highlight line +$syntax-light: colors-syntax.color($color-syntax,false,$h0,$h1,$h2,$h3,$h4,$h5,$h6,$h7,$h8,$h9,$ha); /// These lines find the spot at which to insert your appended fonts. //$findFont-Main : "Segoe UI"; // ← append custom MAIN font(s) AFTER this @@ -294,21 +292,21 @@ $syntax: true !default;//syntax highlighting for code blocks :root { @include font; @include root; - @include dark($dark...); + @include colors.dark($dark...); @if $syntax { @if $syntax-mode == "light" { - @include synlight($syntax-light...); + @include colors-syntax.synlight($syntax-light...); } @else { - @include syndark($syntax-dark...); + @include colors-syntax.syndark($syntax-dark...); } } } @media (prefers-color-scheme: light) { :root { - @include light($light...); + @include colors.light($light...); @if $syntax { @if $syntax-mode == "auto" { - @include synlight($syntax-light...); + @include colors-syntax.synlight($syntax-light...); } } } @@ -317,18 +315,18 @@ $syntax: true !default;//syntax highlighting for code blocks :root { @include font; @include root; - @include dark($dark...); + @include colors.dark($dark...); @if $syntax { - @include syndark($syntax-dark...); + @include colors-syntax.syndark($syntax-dark...); } } } @else if $abridgeMode == "light" { :root { @include font; @include root; - @include light($light...); + @include colors.light($light...); @if $syntax { - @include synlight($syntax-light...); + @include colors-syntax.synlight($syntax-light...); } } } @else {//switcher (default) @@ -337,25 +335,25 @@ $syntax: true !default;//syntax highlighting for code blocks @include root; @if $syntax { @if $syntax-mode == "light" { - @include synlight($syntax-light...); + @include colors-syntax.synlight($syntax-light...); } @else if $syntax-mode == "dark" { - @include syndark($syntax-dark...); + @include colors-syntax.syndark($syntax-dark...); } } } :root:not(.light) { - @include dark($dark...); + @include colors.dark($dark...); @if $syntax { @if $syntax-mode == "auto" { - @include syndark($syntax-dark...); + @include colors-syntax.syndark($syntax-dark...); } } } :root.light { - @include light($light...); + @include colors.light($light...); @if $syntax { @if $syntax-mode == "auto" { - @include synlight($syntax-light...); + @include colors-syntax.synlight($syntax-light...); } } } diff --git a/sass/colors-syntax/_abridge.scss b/sass/colors-syntax/_abridge.scss deleted file mode 100644 index 3f37726..0000000 --- a/sass/colors-syntax/_abridge.scss +++ /dev/null @@ -1,51 +0,0 @@ -// Syntax Highlighting -@mixin syndark( - $h0: #191919, - $h1: #ddd, - $h2: #888, - $h3: #e65, - $h4: #e83, - $h5: #eb6, - $h6: #ac3, - $h7: #8db, - $h8: #6ae, - $h9: #d6e, - $ha: 160% -) { - #{--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 - #{--ha}: $ha;// mark/highlight line -} -@mixin synlight( - $h0: #f7f7f7, - $h1: #222, - $h2: #666, - $h3: #a21, - $h4: #930, - $h5: #a50, - $h6: #350, - $h7: #286, - $h8: #059, - $h9: #a3c, - $ha: 92% -) { - #{--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 - #{--ha}: $ha;// mark/highlight line -} diff --git a/sass/colors/_blue.scss b/sass/colors/_blue.scss deleted file mode 100644 index 3a79074..0000000 --- a/sass/colors/_blue.scss +++ /dev/null @@ -1,50 +0,0 @@ -@mixin dark( - $f1: #ccc, - $f2: #ddd, - $c1: #111, - $c2: #222, - $c3: #333, - $c4: #888, - $a1: #09f, - $a2: #0bf, - $a3: #0af, - $cg: #593, - $cr: #e33 -) { - #{--f1}: $f1;// Font Color Primary - #{--f2}: $f2;// Font Color Headers - #{--c1}: $c1;// Background Color Primary - #{--c2}: $c2;// Background Color Secondary - #{--c3}: $c3;// Table Rows, Block quote edge, Borders - #{--c4}: $c4;// Disabled Buttons, Borders, mark background - #{--a1}: $a1;// link color - #{--a2}: $a2;// link hover/focus color - #{--a3}: $a3;// link h1-h2 hover/focus color - #{--cg}: $cg;// ins green, success - #{--cr}: $cr;// del red, errors -} -@mixin light( - $f1: #333, - $f2: #222, - $c1: #fff, - $c2: #eee, - $c3: #ddd, - $c4: #555, - $a1: #06e, - $a2: #09f, - $a3: #07f, - $cg: #373, - $cr: #d33 -) { - #{--f1}: $f1;// Font Color Primary - #{--f2}: $f2;// Font Color Headers - #{--c1}: $c1;// Background Color Primary - #{--c2}: $c2;// Background Color Secondary - #{--c3}: $c3;// Table Rows, Block quote edge, Borders - #{--c4}: $c4;// Disabled Buttons, Borders, mark background - #{--a1}: $a1;// link color - #{--a2}: $a2;// link hover/focus color - #{--a3}: $a3;// link h1-h2 hover/focus color - #{--cg}: $cg;// ins green, success - #{--cr}: $cr;// del red, errors -} diff --git a/sass/colors/_blueshade.scss b/sass/colors/_blueshade.scss deleted file mode 100644 index 2bb7355..0000000 --- a/sass/colors/_blueshade.scss +++ /dev/null @@ -1,50 +0,0 @@ -@mixin dark( - $f1: #ccc, - $f2: #ddd, - $c1: #111, - $c2: #123, - $c3: #345, - $c4: #789, - $a1: #09f, - $a2: #0bf, - $a3: #0af, - $cg: #593, - $cr: #e33 -) { - #{--f1}: $f1;// Font Color Primary - #{--f2}: $f2;// Font Color Headers - #{--c1}: $c1;// Background Color Primary - #{--c2}: $c2;// Background Color Secondary - #{--c3}: $c3;// Table Rows, Block quote edge, Borders - #{--c4}: $c4;// Disabled Buttons, Borders, mark background - #{--a1}: $a1;// link color - #{--a2}: $a2;// link hover/focus color - #{--a3}: $a3;// link h1-h2 hover/focus color - #{--cg}: $cg;// ins green, success - #{--cr}: $cr;// del red, errors -} -@mixin light( - $f1: #333, - $f2: #222, - $c1: #fff, - $c2: #def, - $c3: #137, - $c4: #013, - $a1: #06e, - $a2: #09f, - $a3: #07f, - $cg: #373, - $cr: #d33 -) { - #{--f1}: $f1;// Font Color Primary - #{--f2}: $f2;// Font Color Headers - #{--c1}: $c1;// Background Color Primary - #{--c2}: $c2;// Background Color Secondary - #{--c3}: $c3;// Table Rows, Block quote edge, Borders - #{--c4}: $c4;// Disabled Buttons, Borders, mark background - #{--a1}: $a1;// link color - #{--a2}: $a2;// link hover/focus color - #{--a3}: $a3;// link h1-h2 hover/focus color - #{--cg}: $cg;// ins green, success - #{--cr}: $cr;// del red, errors -} diff --git a/sass/colors/_orange.scss b/sass/colors/_orange.scss deleted file mode 100644 index 635da31..0000000 --- a/sass/colors/_orange.scss +++ /dev/null @@ -1,50 +0,0 @@ -@mixin dark( - $f1: #ccc, - $f2: #ddd, - $c1: #111, - $c2: #222, - $c3: #333, - $c4: #888, - $a1: #f90, - $a2: #fb0, - $a3: #f90, - $cg: #593, - $cr: #e33 -) { - #{--f1}: $f1;// Font Color Primary - #{--f2}: $f2;// Font Color Headers - #{--c1}: $c1;// Background Color Primary - #{--c2}: $c2;// Background Color Secondary - #{--c3}: $c3;// Table Rows, Block quote edge, Borders - #{--c4}: $c4;// Disabled Buttons, Borders, mark background - #{--a1}: $a1;// link color - #{--a2}: $a2;// link hover/focus color - #{--a3}: $a3;// link h1-h2 hover/focus color - #{--cg}: $cg;// ins green, success - #{--cr}: $cr;// del red, errors -} -@mixin light( - $f1: #333, - $f2: #222, - $c1: #fff, - $c2: #eee, - $c3: #ddd, - $c4: #555, - $a1: #c40, - $a2: #e60, - $a3: #f90, - $cg: #373, - $cr: #d33 -) { - #{--f1}: $f1;// Font Color Primary - #{--f2}: $f2;// Font Color Headers - #{--c1}: $c1;// Background Color Primary - #{--c2}: $c2;// Background Color Secondary - #{--c3}: $c3;// Table Rows, Block quote edge, Borders - #{--c4}: $c4;// Disabled Buttons, Borders, mark background - #{--a1}: $a1;// link color - #{--a2}: $a2;// link hover/focus color - #{--a3}: $a3;// link h1-h2 hover/focus color - #{--cg}: $cg;// ins green, success - #{--cr}: $cr;// del red, errors -} -- cgit v1.3.1 From 9b05dfd7276c3cf88f1446fe0892cbe743eab7c7 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Mon, 17 Jul 2023 15:11:26 -0700 Subject: Code Blocks Improvements --- COPY-TO-ROOT-SASS/abridge.scss | 1 + sass/_functions.scss | 12 + sass/abridge.scss | 38 ++- static/js/abridge.min.js | 2 +- static/js/codecopy.js | 100 ++---- static/js/elasticlunr.js | 691 ----------------------------------------- 6 files changed, 67 insertions(+), 777 deletions(-) delete mode 100644 static/js/elasticlunr.js (limited to 'sass') diff --git a/COPY-TO-ROOT-SASS/abridge.scss b/COPY-TO-ROOT-SASS/abridge.scss index b442102..0fd51e9 100644 --- a/COPY-TO-ROOT-SASS/abridge.scss +++ b/COPY-TO-ROOT-SASS/abridge.scss @@ -50,6 +50,7 @@ //$icon-angr: true,//pagination, goto next page //$icon-angrr: true,//pagination, goto last page //$icon-angu: true,//back to top button, appears after scrolling down. + //$icon-copy: true,//copy to clipboard, for code blocks. //$icon-ffolder: false, //$icon-folder: false,// categories folder diff --git a/sass/_functions.scss b/sass/_functions.scss index 13fd8be..2f4029a 100644 --- a/sass/_functions.scss +++ b/sass/_functions.scss @@ -61,6 +61,15 @@ } } +/** + * SVG Icons + * https://github.com/feathericons/feather + * https://github.com/tabler/tabler-icons/find/master + * + * https://yqnn.github.io/svg-path-editor/ + * https://jakearchibald.github.io/svgomg/ + * https://codepen.io/yoksel/pen/MWKeKK + */ @function icon($icon-name,$stroke,$stroke-width:1,$fill:'none',$ic) { $sc:"%23888";//stroke color @if $ic { @@ -115,6 +124,9 @@ angr: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m8 4 8 8-8 8'/%3E%3C/svg%3E", angrr: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m4 4 8 8-8 8m9-16 8 8-8 8'/%3E%3C/svg%3E", angu: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m4 16 8-8 8 8'/%3E%3C/svg%3E", + copy: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M11 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1ZM7 9H3a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-4'/%3E%3C/svg%3E", + copy-yes: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E", + copy-err: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M1 12a1 1 0 0 0 22 0 1 1 0 0 0-22 0m11-7v9m0 5v-2'/%3E%3C/svg%3E", search: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Ccircle cx='9.5' cy='9.5' r='8'/%3E%3Cpath d='m23 23-9-9'/%3E%3C/svg%3E" ); $icon: map-get($icons, $icon-name); diff --git a/sass/abridge.scss b/sass/abridge.scss index f5e623e..b50d2b6 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -58,6 +58,7 @@ $icon-angl: true !default;//pagination, goto previous page $icon-angr: true !default;//pagination, goto next page $icon-angrr: true !default;//pagination, goto last page $icon-angu: true !default;//back to top button, appears after scrolling down. +$icon-copy: true !default;//copy to clipboard, for code blocks. $icon-ffolder: false !default; $icon-folder: false !default;// categories folder @@ -859,6 +860,8 @@ $syntax: true !default;//syntax highlighting for code blocks padding: .3rem .2rem; } pre { + position: relative; + padding: 2rem .5rem .3rem; display: block; overflow-x: auto; -ms-overflow-style: scrollbar; @@ -1158,27 +1161,29 @@ $syntax: true !default;//syntax highlighting for code blocks .rpad {padding-right: .2rem} .si {font-size: 1.5em} pre code[data-lang]::before { + content: attr(data-lang); + padding: .3rem; + display: block; + background-color: var(--c3); color: var(--h1); + width: 100%; + position: absolute; + top: 0; + left: 0; + padding-left: 1rem; text-transform: uppercase; - content: ' [' attr(data-lang) '] ' "\a\a"; - } - // code copy wrapper - .ccw { - position: relative; - } - .ccw:hover { - .cc { - opacity: 1; - } } // code copy button .cc { - opacity: 0; + cursor: pointer; z-index: 9; position: absolute; - right: 9px; - top: 9px; - font-size: .8rem; + top: .3rem; + right: .5rem; + } + .cc:hover { + background: var(--a3); + opacity: 1; } // Table Override, this is used for Zola's linenos and hl_lines code { @@ -1246,6 +1251,11 @@ $syntax: true !default;//syntax highlighting for code blocks @if $icon-angr {.angr { -webkit-mask: functions.icon(angr, "%23000", 3, "none", $ic) ; background: var(--f2) }}//angle right @if $icon-angrr {.angrr { -webkit-mask: functions.icon(angrr, "%23000", 3, "none", $ic) ; background: var(--f2) }}//angle right right @if $icon-angu {.angu { -webkit-mask: functions.icon(angu, "%23000", 3, "none", $ic) ; background: var(--f2) }}//angle up + @if $icon-copy {//copy icons for code blocks + .copy { -webkit-mask: functions.icon(copy, "%23000", 2, "none", $ic) ; background: var(--f2) } + .copy.yes { -webkit-mask: functions.icon(copy-yes, "%23000", 2, "none", $ic) ; background: var(--f2) } + .copy.err { -webkit-mask: functions.icon(copy-err, "%23000", 2, "none", $ic) ; background: var(--f2) } + } @if $icon-search {.search { -webkit-mask: functions.icon(search, "%23000", 3, "none", $ic) ; background: var(--f2) }}//search @if $icon-bitbucket {.bitbucket { background-image: functions.icon(bitbucket, "%2328f", 2, "none", $ic) }} @if $icon-buymeacoffee {.buymeacoffee { background-image: functions.icon(buymeacoffee, "%23777", 1, "%23fd0", $ic) }} diff --git a/static/js/abridge.min.js b/static/js/abridge.min.js index c438a71..4cfe749 100644 --- a/static/js/abridge.min.js +++ b/static/js/abridge.min.js @@ -1 +1 @@ -const items=document.querySelectorAll(".preStyle");items.forEach(e=>{e.rel="stylesheet"}),document.getElementById("mode")&&document.getElementById("mode").addEventListener("click",()=>{document.documentElement.classList.toggle("light"),localStorage.setItem("theme",document.documentElement.classList.contains("light")?"light":"dark")}),function(){function g(e){var t=new g.Index;return t.pipeline.add(g.trimmer,g.stopWordFilter,g.stemmer),e&&e.call(t,t),t}var a,c,e,t,d,h,f,p,m,v,y,S,x,w,b,E,I,C,D,F,k,L,N,_,n;g.version="0.9.5",((lunr=g).utils={}).warn=(n=this,function(e){n.console&&console.warn&&console.warn(e)}),g.utils.toString=function(e){return null==e?"":e.toString()},(g.EventEmitter=function(){this.events={}}).prototype.addListener=function(){var e=Array.prototype.slice.call(arguments),t=e.pop();if("function"!=typeof t)throw new TypeError("last argument must be a function");e.forEach(function(e){this.hasHandler(e)||(this.events[e]=[]),this.events[e].push(t)},this)},g.EventEmitter.prototype.removeListener=function(e,t){this.hasHandler(e)&&-1!==(t=this.events[e].indexOf(t))&&(this.events[e].splice(t,1),0==this.events[e].length)&&delete this.events[e]},g.EventEmitter.prototype.emit=function(e){var t;this.hasHandler(e)&&(t=Array.prototype.slice.call(arguments,1),this.events[e].forEach(function(e){e.apply(void 0,t)},this))},g.EventEmitter.prototype.hasHandler=function(e){return e in this.events},(g.tokenizer=function(e){var t,n;return arguments.length&&null!=e?Array.isArray(e)?(t=(t=e.filter(function(e){return null!=e})).map(function(e){return g.utils.toString(e).toLowerCase()}),n=[],t.forEach(function(e){e=e.split(g.tokenizer.seperator),n=n.concat(e)},this),n):e.toString().trim().toLowerCase().split(g.tokenizer.seperator):[]}).defaultSeperator=/[\s\-]+/,g.tokenizer.seperator=g.tokenizer.defaultSeperator,g.tokenizer.setSeperator=function(e){null!=e&&"object"==typeof e&&(g.tokenizer.seperator=e)},g.tokenizer.resetSeperator=function(){g.tokenizer.seperator=g.tokenizer.defaultSeperator},g.tokenizer.getSeperator=function(){return g.tokenizer.seperator},(g.Pipeline=function(){this._queue=[]}).registeredFunctions={},g.Pipeline.registerFunction=function(e,t){t in g.Pipeline.registeredFunctions&&g.utils.warn("Overwriting existing registered function: "+t),e.label=t,g.Pipeline.registeredFunctions[t]=e},g.Pipeline.getRegisteredFunction=function(e){return e in g.Pipeline.registeredFunctions!=1?null:g.Pipeline.registeredFunctions[e]},g.Pipeline.warnIfFunctionNotRegistered=function(e){e.label&&e.label in this.registeredFunctions||g.utils.warn("Function is not registered with pipeline. This may cause problems when serialising the index.\n",e)},g.Pipeline.load=function(e){var n=new g.Pipeline;return e.forEach(function(e){var t=g.Pipeline.getRegisteredFunction(e);if(!t)throw new Error("Cannot load un-registered function: "+e);n.add(t)}),n},g.Pipeline.prototype.add=function(){Array.prototype.slice.call(arguments).forEach(function(e){g.Pipeline.warnIfFunctionNotRegistered(e),this._queue.push(e)},this)},g.Pipeline.prototype.after=function(e,t){if(g.Pipeline.warnIfFunctionNotRegistered(t),-1===(e=this._queue.indexOf(e)))throw new Error("Cannot find existingFn");this._queue.splice(e+1,0,t)},g.Pipeline.prototype.before=function(e,t){if(g.Pipeline.warnIfFunctionNotRegistered(t),-1===(e=this._queue.indexOf(e)))throw new Error("Cannot find existingFn");this._queue.splice(e,0,t)},g.Pipeline.prototype.remove=function(e){-1!==(e=this._queue.indexOf(e))&&this._queue.splice(e,1)},g.Pipeline.prototype.run=function(e){for(var t=[],n=e.length,o=this._queue.length,i=0;iu[o]&&o++:(t.add(s[n]),n++,o++);return t},lunr.SortedSet.prototype.clone=function(){var e=new lunr.SortedSet;return e.elements=this.toArray(),e.length=e.elements.length,e},lunr.SortedSet.prototype.union=function(e){for(var t,e=this.length>=e.length?(t=this,e):(t=e,this),n=t.clone(),o=0,i=e.toArray();o",a=n.querySelector("a"),t=n.querySelector("span:first-child"),d=n.querySelector("span:nth-child(2)"),a.href=e.ref,t.textContent=e.doc.title,d.innerHTML=function(e){var t=x.map(function(e){return elasticlunr.stemmer(e.toLowerCase())}),n=!1,o=0,i=[],r=e.toLowerCase().split(". ");for(f in r){var s,u=r[f].split(/[\s\n]/),l=8;for(s in u){if(0<(g=u[s]).length){for(var a in t)elasticlunr.stemmer(g).startsWith(t[a])&&(l=40,n=!0);i.push([g,l,o]),l=2}o=o+g.length+1}o+=1}if(0===i.length)return void 0!==e.length&&300"),S=g[2]+g[0].length,40!==g[1]&&12<=g[0].length&&!/^[\x00-\xff]+$/.test(g[0])?(v=function(e){for(var t="",n=!1,o=0,i=0,r=0,s=0;s");return y.push("…"),y.join("")}(e.doc.body),s.appendChild(n))});i.length>r;)s.removeChild(i[0])},!0),s.addEventListener("click",function(){for(;s.lastChild;)s.removeChild(s.lastChild);return!1},!0),document.goSearch.onsubmit=function(){var e=document.querySelector("main"),t=(window.main||(window.main=e.innerHTML),document.getElementById("suggestions")),n=t.cloneNode(!0),o=(n.id="results",document.createElement("div")),i='

    Results For: '.concat(document.getElementById("searchinput").value,"

    ");return o.innerHTML=i,n.insertBefore(o,n.firstChild),e.innerHTML=n.outerHTML,t.innerHTML="",document.getElementById("searchinput").value="",document.body.contains(document.closeSearch)&&(document.closeSearch.onsubmit=function(){document.querySelector("main").innerHTML=window.main}),!1})},function(){for(var e=document.getElementsByClassName("m-protected"),t=0;tasync function(e,t){var n=t.querySelectorAll("table")["length"];let o="";0 tr > td:last-child").forEach(e=>{o+=e.innerText}):o=t.querySelector(":last-child > code").innerText;try{"granted"==(result=await navigator.permissions.query({name:"clipboard-write"})).state||"prompt"==result.state?await navigator.clipboard.writeText(o):i(o,t)}catch(e){i(o,t)}finally{e.innerHTML="Copied",setTimeout(function(){e.innerHTML="Copy"},2e3)}}(t,e));var n=document.createElement("div");n.className="ccw",n.appendChild(t),e.parentNode.insertBefore(n,e),n.appendChild(e)}function i(e,t){var n=document.createElement("textArea"),e=(n.contentEditable="true",n.readOnly="false",n.className="copyable-text-area",n.value=e,t.insertBefore(n,t.firstChild),document.createRange()),o=(e.selectNodeContents(n),window.getSelection());o.removeAllRanges(),o.addRange(e),n.setSelectionRange(0,999999),document.execCommand("copy"),t.removeChild(n)}document.querySelectorAll("pre").forEach(e=>t(e))}(); \ No newline at end of file +const items=document.querySelectorAll(".preStyle"),changeIcon=(items.forEach(e=>{e.rel="stylesheet"}),document.getElementById("mode")&&document.getElementById("mode").addEventListener("click",()=>{document.documentElement.classList.toggle("light"),localStorage.setItem("theme",document.documentElement.classList.contains("light")?"light":"dark")}),!function(){function g(e){var t=new g.Index;return t.pipeline.add(g.trimmer,g.stopWordFilter,g.stemmer),e&&e.call(t,t),t}var a,c,e,t,d,h,f,p,m,v,y,S,x,b,w,I,E,C,D,F,k,L,_,N,n;g.version="0.9.5",((lunr=g).utils={}).warn=(n=this,function(e){n.console&&console.warn&&console.warn(e)}),g.utils.toString=function(e){return null==e?"":e.toString()},(g.EventEmitter=function(){this.events={}}).prototype.addListener=function(){var e=Array.prototype.slice.call(arguments),t=e.pop();if("function"!=typeof t)throw new TypeError("last argument must be a function");e.forEach(function(e){this.hasHandler(e)||(this.events[e]=[]),this.events[e].push(t)},this)},g.EventEmitter.prototype.removeListener=function(e,t){this.hasHandler(e)&&-1!==(t=this.events[e].indexOf(t))&&(this.events[e].splice(t,1),0==this.events[e].length)&&delete this.events[e]},g.EventEmitter.prototype.emit=function(e){var t;this.hasHandler(e)&&(t=Array.prototype.slice.call(arguments,1),this.events[e].forEach(function(e){e.apply(void 0,t)},this))},g.EventEmitter.prototype.hasHandler=function(e){return e in this.events},(g.tokenizer=function(e){var t,n;return arguments.length&&null!=e?Array.isArray(e)?(t=(t=e.filter(function(e){return null!=e})).map(function(e){return g.utils.toString(e).toLowerCase()}),n=[],t.forEach(function(e){e=e.split(g.tokenizer.seperator),n=n.concat(e)},this),n):e.toString().trim().toLowerCase().split(g.tokenizer.seperator):[]}).defaultSeperator=/[\s\-]+/,g.tokenizer.seperator=g.tokenizer.defaultSeperator,g.tokenizer.setSeperator=function(e){null!=e&&"object"==typeof e&&(g.tokenizer.seperator=e)},g.tokenizer.resetSeperator=function(){g.tokenizer.seperator=g.tokenizer.defaultSeperator},g.tokenizer.getSeperator=function(){return g.tokenizer.seperator},(g.Pipeline=function(){this._queue=[]}).registeredFunctions={},g.Pipeline.registerFunction=function(e,t){t in g.Pipeline.registeredFunctions&&g.utils.warn("Overwriting existing registered function: "+t),e.label=t,g.Pipeline.registeredFunctions[t]=e},g.Pipeline.getRegisteredFunction=function(e){return e in g.Pipeline.registeredFunctions!=1?null:g.Pipeline.registeredFunctions[e]},g.Pipeline.warnIfFunctionNotRegistered=function(e){e.label&&e.label in this.registeredFunctions||g.utils.warn("Function is not registered with pipeline. This may cause problems when serialising the index.\n",e)},g.Pipeline.load=function(e){var n=new g.Pipeline;return e.forEach(function(e){var t=g.Pipeline.getRegisteredFunction(e);if(!t)throw new Error("Cannot load un-registered function: "+e);n.add(t)}),n},g.Pipeline.prototype.add=function(){Array.prototype.slice.call(arguments).forEach(function(e){g.Pipeline.warnIfFunctionNotRegistered(e),this._queue.push(e)},this)},g.Pipeline.prototype.after=function(e,t){if(g.Pipeline.warnIfFunctionNotRegistered(t),-1===(e=this._queue.indexOf(e)))throw new Error("Cannot find existingFn");this._queue.splice(e+1,0,t)},g.Pipeline.prototype.before=function(e,t){if(g.Pipeline.warnIfFunctionNotRegistered(t),-1===(e=this._queue.indexOf(e)))throw new Error("Cannot find existingFn");this._queue.splice(e,0,t)},g.Pipeline.prototype.remove=function(e){-1!==(e=this._queue.indexOf(e))&&this._queue.splice(e,1)},g.Pipeline.prototype.run=function(e){for(var t=[],n=e.length,o=this._queue.length,i=0;iu[o]&&o++:(t.add(s[n]),n++,o++);return t},lunr.SortedSet.prototype.clone=function(){var e=new lunr.SortedSet;return e.elements=this.toArray(),e.length=e.elements.length,e},lunr.SortedSet.prototype.union=function(e){for(var t,e=this.length>=e.length?(t=this,e):(t=e,this),n=t.clone(),o=0,i=e.toArray();o",a=n.querySelector("a"),t=n.querySelector("span:first-child"),d=n.querySelector("span:nth-child(2)"),a.href=e.ref,t.textContent=e.doc.title,d.innerHTML=function(e){var t=x.map(function(e){return elasticlunr.stemmer(e.toLowerCase())}),n=!1,o=0,i=[],r=e.toLowerCase().split(". ");for(f in r){var s,u=r[f].split(/[\s\n]/),l=8;for(s in u){if(0<(g=u[s]).length){for(var a in t)elasticlunr.stemmer(g).startsWith(t[a])&&(l=40,n=!0);i.push([g,l,o]),l=2}o=o+g.length+1}o+=1}if(0===i.length)return void 0!==e.length&&300"),S=g[2]+g[0].length,40!==g[1]&&12<=g[0].length&&!/^[\x00-\xff]+$/.test(g[0])?(v=function(e){for(var t="",n=!1,o=0,i=0,r=0,s=0;s");return y.push("…"),y.join("")}(e.doc.body),s.appendChild(n))});i.length>r;)s.removeChild(i[0])},!0),s.addEventListener("click",function(){for(;s.lastChild;)s.removeChild(s.lastChild);return!1},!0),document.goSearch.onsubmit=function(){var e=document.querySelector("main"),t=(window.main||(window.main=e.innerHTML),document.getElementById("suggestions")),n=t.cloneNode(!0),o=(n.id="results",document.createElement("div")),i='

    Results For: '.concat(document.getElementById("searchinput").value,"

    ");return o.innerHTML=i,n.insertBefore(o,n.firstChild),e.innerHTML=n.outerHTML,t.innerHTML="",document.getElementById("searchinput").value="",document.body.contains(document.closeSearch)&&(document.closeSearch.onsubmit=function(){document.querySelector("main").innerHTML=window.main}),!1})},!function(){for(var e=document.getElementsByClassName("m-protected"),t=0;t{e.classList.add(t),setTimeout(()=>e.classList.remove(t),2500)}),copyCodeAndChangeIcon=async(t,e)=>{e=(e.querySelector("table")?getTableCode:getNonTableCode)(e);try{await navigator.clipboard.writeText(e),changeIcon(t,"yes")}catch(e){changeIcon(t,"err")}},getNonTableCode=e=>[...e.querySelectorAll("code")].map(e=>e.textContent).join(""),getTableCode=e=>[...e.querySelectorAll("tr")].map(e=>e.querySelector("td:last-child")?.innerText??"").join("");document.querySelectorAll("pre").forEach(e=>{const t=document.createElement("div");t.className="cc svgs svgh copy",t.innerHTML=" ",e.prepend(t),t.addEventListener("click",()=>copyCodeAndChangeIcon(t,e))}); \ No newline at end of file diff --git a/static/js/codecopy.js b/static/js/codecopy.js index c1f3a75..9e00c79 100644 --- a/static/js/codecopy.js +++ b/static/js/codecopy.js @@ -1,76 +1,34 @@ -// https://aaronluna.dev/blog/add-copy-button-to-code-blocks-hugo-chroma/ -// Further modified for Zola by Jieiku: https://github.com/Jieiku -(function() { - // create copy button - function ccb(highlightDiv) { - const button = document.createElement("button"); - button.className = "cc "; - button.type = "button"; - button.innerHTML = "Copy"; - button.addEventListener("click", () => - ccc(button, highlightDiv) - ); +const changeIcon = (copyDiv, className) => { + copyDiv.classList.add(className); + setTimeout(() => copyDiv.classList.remove(className), 2500); +}; - // addCopyButtonToDom - const wrapper = document.createElement("div"); - wrapper.className = "ccw"; - wrapper.appendChild(button); - highlightDiv.parentNode.insertBefore(wrapper, highlightDiv); - wrapper.appendChild(highlightDiv); - } - - // copy code clipboard - async function ccc(button, highlightDiv) { - //look for table, if so do it different - const { length } = highlightDiv.querySelectorAll("table"); - let codeToCopy = ""; - if (length > 0) { - const items = highlightDiv.querySelectorAll(":last-child > tr > td:last-child"); - items.forEach(item => { - codeToCopy = codeToCopy + item.innerText; - //console.log(codeToCopy); - }); - } else { - codeToCopy = highlightDiv.querySelector(":last-child > code").innerText; - } +const copyCodeAndChangeIcon = async (copyDiv, block) => { + const code = block.querySelector('table') ? getTableCode(block) : getNonTableCode(block); try { - result = await navigator.permissions.query({ name: "clipboard-write" }); - if (result.state == "granted" || result.state == "prompt") { - await navigator.clipboard.writeText(codeToCopy); - } else { - cce(codeToCopy, highlightDiv);//copyCodeBlockExecCommand - } - } catch (_) { - cce(codeToCopy, highlightDiv);//copyCodeBlockExecCommand - } finally { - //codeWasCopied - //button.blur(); - button.innerHTML = "Copied"; - setTimeout(function () { - button.innerHTML = "Copy"; - }, 2000); + await navigator.clipboard.writeText(code); + changeIcon(copyDiv, "yes"); + } catch (error) { + changeIcon(copyDiv, "err"); } - } +}; + +const getNonTableCode = (block) => { + return [...block.querySelectorAll('code')] + .map(code => code.textContent) + .join(''); +}; - //copyCodeBlockExecCommand - function cce(codeToCopy, highlightDiv) { - const textArea = document.createElement("textArea"); - textArea.contentEditable = "true"; - textArea.readOnly = "false"; - textArea.className = "copyable-text-area"; - textArea.value = codeToCopy; - highlightDiv.insertBefore(textArea, highlightDiv.firstChild); - const range = document.createRange(); - range.selectNodeContents(textArea); - const sel = window.getSelection(); - sel.removeAllRanges(); - sel.addRange(range); - textArea.setSelectionRange(0, 999999); - document.execCommand("copy"); - highlightDiv.removeChild(textArea); - } +const getTableCode = (block) => { + return [...block.querySelectorAll('tr')] + .map(row => row.querySelector('td:last-child')?.innerText ?? '') + .join(''); +}; - document - .querySelectorAll("pre") - .forEach((highlightDiv) => ccb(highlightDiv)); -})(); \ No newline at end of file +document.querySelectorAll("pre").forEach((block) => { + const copyDiv = document.createElement("div"); + copyDiv.className = "cc svgs svgh copy"; + copyDiv.innerHTML = " "; + block.prepend(copyDiv); + copyDiv.addEventListener("click", () => copyCodeAndChangeIcon(copyDiv, block));; +}); diff --git a/static/js/elasticlunr.js b/static/js/elasticlunr.js deleted file mode 100644 index d96ce65..0000000 --- a/static/js/elasticlunr.js +++ /dev/null @@ -1,691 +0,0 @@ -/** - * elasticlunr - http://weixsong.github.io - * Lightweight full-text search engine in Javascript for browser search and offline search. - 0.9.6 - * - * Copyright (C) 2017 Oliver Nightingale - * Copyright (C) 2017 Wei Song - * MIT Licensed - * @license - */ -! function() { - function e(e) { - if (null === e || "object" != typeof e) return e; - var t = e.constructor(); - for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]); - return t - } - var t = function(e) { - var n = new t.Index; - return n.pipeline.add(t.trimmer, t.stopWordFilter, t.stemmer), e && e.call(n, n), n - }; - t.version = "0.9.5", lunr = t, t.utils = {}, t.utils.warn = function(e) { - return function(t) { - e.console && console.warn && console.warn(t) - } - }(this), t.utils.toString = function(e) { - return void 0 === e || null === e ? "" : e.toString() - }, t.EventEmitter = function() { - this.events = {} - }, t.EventEmitter.prototype.addListener = function() { - var e = Array.prototype.slice.call(arguments), - t = e.pop(), - n = e; - if ("function" != typeof t) throw new TypeError("last argument must be a function"); - n.forEach(function(e) { - this.hasHandler(e) || (this.events[e] = []), this.events[e].push(t) - }, this) - }, t.EventEmitter.prototype.removeListener = function(e, t) { - if (this.hasHandler(e)) { - var n = this.events[e].indexOf(t); - 1 !== n && (this.events[e].splice(n, 1), 0 == this.events[e].length && delete this.events[e]) - } - }, t.EventEmitter.prototype.emit = function(e) { - if (this.hasHandler(e)) { - var t = Array.prototype.slice.call(arguments, 1); - this.events[e].forEach(function(e) { - e.apply(void 0, t) - }, this) - } - }, t.EventEmitter.prototype.hasHandler = function(e) { - return e in this.events - }, t.tokenizer = function(e) { - if (!arguments.length || null === e || void 0 === e) return []; - if (Array.isArray(e)) { - var n = e.filter(function(e) { - return null === e || void 0 === e ? !1 : !0 - }); - n = n.map(function(e) { - return t.utils.toString(e).toLowerCase() - }); - var i = []; - return n.forEach(function(e) { - var n = e.split(t.tokenizer.seperator); - i = i.concat(n) - }, this), i - } - return e.toString().trim().toLowerCase().split(t.tokenizer.seperator) - }, t.tokenizer.defaultSeperator = /[\s\-]+/, t.tokenizer.seperator = t.tokenizer.defaultSeperator, t.tokenizer.setSeperator = function(e) { - null !== e && void 0 !== e && "object" == typeof e && (t.tokenizer.seperator = e) - }, t.tokenizer.resetSeperator = function() { - t.tokenizer.seperator = t.tokenizer.defaultSeperator - }, t.tokenizer.getSeperator = function() { - return t.tokenizer.seperator - }, t.Pipeline = function() { - this._queue = [] - }, t.Pipeline.registeredFunctions = {}, t.Pipeline.registerFunction = function(e, n) { - n in t.Pipeline.registeredFunctions && t.utils.warn("Overwriting existing registered function: " + n), e.label = n, t.Pipeline.registeredFunctions[n] = e - }, t.Pipeline.getRegisteredFunction = function(e) { - return e in t.Pipeline.registeredFunctions != !0 ? null : t.Pipeline.registeredFunctions[e] - }, t.Pipeline.warnIfFunctionNotRegistered = function(e) { - var n = e.label && e.label in this.registeredFunctions; - n || t.utils.warn("Function is not registered with pipeline. This may cause problems when serialising the index.\n", e) - }, t.Pipeline.load = function(e) { - var n = new t.Pipeline; - return e.forEach(function(e) { - var i = t.Pipeline.getRegisteredFunction(e); - if (!i) throw new Error("Cannot load un-registered function: " + e); - n.add(i) - }), n - }, t.Pipeline.prototype.add = function() { - var e = Array.prototype.slice.call(arguments); - e.forEach(function(e) { - t.Pipeline.warnIfFunctionNotRegistered(e), this._queue.push(e) - }, this) - }, t.Pipeline.prototype.after = function(e, n) { - t.Pipeline.warnIfFunctionNotRegistered(n); - var i = this._queue.indexOf(e); - if (-1 === i) throw new Error("Cannot find existingFn"); - this._queue.splice(i + 1, 0, n) - }, t.Pipeline.prototype.before = function(e, n) { - t.Pipeline.warnIfFunctionNotRegistered(n); - var i = this._queue.indexOf(e); - if (-1 === i) throw new Error("Cannot find existingFn"); - this._queue.splice(i, 0, n) - }, t.Pipeline.prototype.remove = function(e) { - var t = this._queue.indexOf(e); - 1 !== t && this._queue.splice(t, 1) - }, t.Pipeline.prototype.run = function(e) { - for (var t = [], n = e.length, i = this._queue.length, o = 0; n > o; o++) { - for (var r = e[o], s = 0; i > s && (r = this._queue[s](r, o, e), void 0 !== r && null !== r); s++); - void 0 !== r && null !== r && t.push(r) - } - return t - }, t.Pipeline.prototype.reset = function() { - this._queue = [] - }, t.Pipeline.prototype.get = function() { - return this._queue - }, t.Pipeline.prototype.toJSON = function() { - return this._queue.map(function(e) { - return t.Pipeline.warnIfFunctionNotRegistered(e), e.label - }) - }, t.Index = function() { - this._fields = [], this._ref = "id", this.pipeline = new t.Pipeline, this.documentStore = new t.DocumentStore, this.index = {}, this.eventEmitter = new t.EventEmitter, this._idfCache = {}, this.on("add", "remove", "update", function() { - this._idfCache = {} - }.bind(this)) - }, t.Index.prototype.on = function() { - var e = Array.prototype.slice.call(arguments); - return this.eventEmitter.addListener.apply(this.eventEmitter, e) - }, t.Index.prototype.off = function(e, t) { - return this.eventEmitter.removeListener(e, t) - }, t.Index.load = function(e) { - e.version !== t.version && t.utils.warn("version mismatch: current " + t.version + " importing " + e.version); - var n = new this; - n._fields = e.fields, n._ref = e.ref, n.documentStore = t.DocumentStore.load(e.documentStore), n.pipeline = t.Pipeline.load(e.pipeline), n.index = {}; - for (var i in e.index) n.index[i] = t.InvertedIndex.load(e.index[i]); - return n - }, t.Index.prototype.addField = function(e) { - return this._fields.push(e), this.index[e] = new t.InvertedIndex, this - }, t.Index.prototype.setRef = function(e) { - return this._ref = e, this - }, t.Index.prototype.saveDocument = function(e) { - return this.documentStore = new t.DocumentStore(e), this - }, t.Index.prototype.addDoc = function(e, n) { - if (e) { - var n = void 0 === n ? !0 : n, - i = e[this._ref]; - this.documentStore.addDoc(i, e), this._fields.forEach(function(n) { - var o = this.pipeline.run(t.tokenizer(e[n])); - this.documentStore.addFieldLength(i, n, o.length); - var r = {}; - o.forEach(function(e) { - e in r ? r[e] += 1 : r[e] = 1 - }, this); - for (var s in r) { - var u = r[s]; - u = Math.sqrt(u), this.index[n].addToken(s, { - ref: i, - tf: u - }) - } - }, this), n && this.eventEmitter.emit("add", e, this) - } - }, t.Index.prototype.removeDocByRef = function(e) { - if (e && this.documentStore.isDocStored() !== !1 && this.documentStore.hasDoc(e)) { - var t = this.documentStore.getDoc(e); - this.removeDoc(t, !1) - } - }, t.Index.prototype.removeDoc = function(e, n) { - if (e) { - var n = void 0 === n ? !0 : n, - i = e[this._ref]; - this.documentStore.hasDoc(i) && (this.documentStore.removeDoc(i), this._fields.forEach(function(n) { - var o = this.pipeline.run(t.tokenizer(e[n])); - o.forEach(function(e) { - this.index[n].removeToken(e, i) - }, this) - }, this), n && this.eventEmitter.emit("remove", e, this)) - } - }, t.Index.prototype.updateDoc = function(e, t) { - var t = void 0 === t ? !0 : t; - this.removeDocByRef(e[this._ref], !1), this.addDoc(e, !1), t && this.eventEmitter.emit("update", e, this) - }, t.Index.prototype.idf = function(e, t) { - var n = "@" + t + "/" + e; - if (Object.prototype.hasOwnProperty.call(this._idfCache, n)) return this._idfCache[n]; - var i = this.index[t].getDocFreq(e), - o = 1 + Math.log(this.documentStore.length / (i + 1)); - return this._idfCache[n] = o, o - }, t.Index.prototype.getFields = function() { - return this._fields.slice() - }, t.Index.prototype.search = function(e, n) { - if (!e) return []; - e = "string" == typeof e ? { - any: e - } : JSON.parse(JSON.stringify(e)); - var i = null; - null != n && (i = JSON.stringify(n)); - for (var o = new t.Configuration(i, this.getFields()).get(), r = {}, s = Object.keys(e), u = 0; u < s.length; u++) { - var a = s[u]; - r[a] = this.pipeline.run(t.tokenizer(e[a])) - } - var l = {}; - for (var c in o) { - var d = r[c] || r.any; - if (d) { - var f = this.fieldSearch(d, c, o), - h = o[c].boost; - for (var p in f) f[p] = f[p] * h; - for (var p in f) p in l ? l[p] += f[p] : l[p] = f[p] - } - } - var v, g = []; - for (var p in l) v = { - ref: p, - score: l[p] - }, this.documentStore.hasDoc(p) && (v.doc = this.documentStore.getDoc(p)), g.push(v); - return g.sort(function(e, t) { - return t.score - e.score - }), g - }, t.Index.prototype.fieldSearch = function(e, t, n) { - var i = n[t].bool, - o = n[t].expand, - r = n[t].boost, - s = null, - u = {}; - return 0 !== r ? (e.forEach(function(e) { - var n = [e]; - 1 == o && (n = this.index[t].expandToken(e)); - var r = {}; - n.forEach(function(n) { - var o = this.index[t].getDocs(n), - a = this.idf(n, t); - if (s && "AND" == i) { - var l = {}; - for (var c in s) c in o && (l[c] = o[c]); - o = l - } - n == e && this.fieldSearchStats(u, n, o); - for (var c in o) { - var d = this.index[t].getTermFrequency(n, c), - f = this.documentStore.getFieldLength(c, t), - h = 1; - 0 != f && (h = 1 / Math.sqrt(f)); - var p = 1; - n != e && (p = .15 * (1 - (n.length - e.length) / n.length)); - var v = d * a * h * p; - c in r ? r[c] += v : r[c] = v - } - }, this), s = this.mergeScores(s, r, i) - }, this), s = this.coordNorm(s, u, e.length)) : void 0 - }, t.Index.prototype.mergeScores = function(e, t, n) { - if (!e) return t; - if ("AND" == n) { - var i = {}; - for (var o in t) o in e && (i[o] = e[o] + t[o]); - return i - } - for (var o in t) o in e ? e[o] += t[o] : e[o] = t[o]; - return e - }, t.Index.prototype.fieldSearchStats = function(e, t, n) { - for (var i in n) i in e ? e[i].push(t) : e[i] = [t] - }, t.Index.prototype.coordNorm = function(e, t, n) { - for (var i in e) - if (i in t) { - var o = t[i].length; - e[i] = e[i] * o / n - } - return e - }, t.Index.prototype.toJSON = function() { - var e = {}; - return this._fields.forEach(function(t) { - e[t] = this.index[t].toJSON() - }, this), { - version: t.version, - fields: this._fields, - ref: this._ref, - documentStore: this.documentStore.toJSON(), - index: e, - pipeline: this.pipeline.toJSON() - } - }, t.Index.prototype.use = function(e) { - var t = Array.prototype.slice.call(arguments, 1); - t.unshift(this), e.apply(this, t) - }, t.DocumentStore = function(e) { - this._save = null === e || void 0 === e ? !0 : e, this.docs = {}, this.docInfo = {}, this.length = 0 - }, t.DocumentStore.load = function(e) { - var t = new this; - return t.length = e.length, t.docs = e.docs, t.docInfo = e.docInfo, t._save = e.save, t - }, t.DocumentStore.prototype.isDocStored = function() { - return this._save - }, t.DocumentStore.prototype.addDoc = function(t, n) { - this.hasDoc(t) || this.length++, this.docs[t] = this._save === !0 ? e(n) : null - }, t.DocumentStore.prototype.getDoc = function(e) { - return this.hasDoc(e) === !1 ? null : this.docs[e] - }, t.DocumentStore.prototype.hasDoc = function(e) { - return e in this.docs - }, t.DocumentStore.prototype.removeDoc = function(e) { - this.hasDoc(e) && (delete this.docs[e], delete this.docInfo[e], this.length--) - }, t.DocumentStore.prototype.addFieldLength = function(e, t, n) { - null !== e && void 0 !== e && 0 != this.hasDoc(e) && (this.docInfo[e] || (this.docInfo[e] = {}), this.docInfo[e][t] = n) - }, t.DocumentStore.prototype.updateFieldLength = function(e, t, n) { - null !== e && void 0 !== e && 0 != this.hasDoc(e) && this.addFieldLength(e, t, n) - }, t.DocumentStore.prototype.getFieldLength = function(e, t) { - return null === e || void 0 === e ? 0 : e in this.docs && t in this.docInfo[e] ? this.docInfo[e][t] : 0 - }, t.DocumentStore.prototype.toJSON = function() { - return { - docs: this.docs, - docInfo: this.docInfo, - length: this.length, - save: this._save - } - }, t.stemmer = function() { - var e = { - ational: "ate", - tional: "tion", - enci: "ence", - anci: "ance", - izer: "ize", - bli: "ble", - alli: "al", - entli: "ent", - eli: "e", - ousli: "ous", - ization: "ize", - ation: "ate", - ator: "ate", - alism: "al", - iveness: "ive", - fulness: "ful", - ousness: "ous", - aliti: "al", - iviti: "ive", - biliti: "ble", - logi: "log" - }, - t = { - icate: "ic", - ative: "", - alize: "al", - iciti: "ic", - ical: "ic", - ful: "", - ness: "" - }, - n = "[^aeiou]", - i = "[aeiouy]", - o = n + "[^aeiouy]*", - r = i + "[aeiou]*", - s = "^(" + o + ")?" + r + o, - u = "^(" + o + ")?" + r + o + "(" + r + ")?$", - a = "^(" + o + ")?" + r + o + r + o, - l = "^(" + o + ")?" + i, - c = new RegExp(s), - d = new RegExp(a), - f = new RegExp(u), - h = new RegExp(l), - p = /^(.+?)(ss|i)es$/, - v = /^(.+?)([^s])s$/, - g = /^(.+?)eed$/, - m = /^(.+?)(ed|ing)$/, - y = /.$/, - S = /(at|bl|iz)$/, - x = new RegExp("([^aeiouylsz])\\1$"), - w = new RegExp("^" + o + i + "[^aeiouwxy]$"), - I = /^(.+?[^aeiou])y$/, - b = /^(.+?)(ational|tional|enci|anci|izer|bli|alli|entli|eli|ousli|ization|ation|ator|alism|iveness|fulness|ousness|aliti|iviti|biliti|logi)$/, - E = /^(.+?)(icate|ative|alize|iciti|ical|ful|ness)$/, - D = /^(.+?)(al|ance|ence|er|ic|able|ible|ant|ement|ment|ent|ou|ism|ate|iti|ous|ive|ize)$/, - F = /^(.+?)(s|t)(ion)$/, - _ = /^(.+?)e$/, - P = /ll$/, - k = new RegExp("^" + o + i + "[^aeiouwxy]$"), - z = function(n) { - var i, o, r, s, u, a, l; - if (n.length < 3) return n; - if (r = n.substr(0, 1), "y" == r && (n = r.toUpperCase() + n.substr(1)), s = p, u = v, s.test(n) ? n = n.replace(s, "$1$2") : u.test(n) && (n = n.replace(u, "$1$2")), s = g, u = m, s.test(n)) { - var z = s.exec(n); - s = c, s.test(z[1]) && (s = y, n = n.replace(s, "")) - } else if (u.test(n)) { - var z = u.exec(n); - i = z[1], u = h, u.test(i) && (n = i, u = S, a = x, l = w, u.test(n) ? n += "e" : a.test(n) ? (s = y, n = n.replace(s, "")) : l.test(n) && (n += "e")) - } - if (s = I, s.test(n)) { - var z = s.exec(n); - i = z[1], n = i + "i" - } - if (s = b, s.test(n)) { - var z = s.exec(n); - i = z[1], o = z[2], s = c, s.test(i) && (n = i + e[o]) - } - if (s = E, s.test(n)) { - var z = s.exec(n); - i = z[1], o = z[2], s = c, s.test(i) && (n = i + t[o]) - } - if (s = D, u = F, s.test(n)) { - var z = s.exec(n); - i = z[1], s = d, s.test(i) && (n = i) - } else if (u.test(n)) { - var z = u.exec(n); - i = z[1] + z[2], u = d, u.test(i) && (n = i) - } - if (s = _, s.test(n)) { - var z = s.exec(n); - i = z[1], s = d, u = f, a = k, (s.test(i) || u.test(i) && !a.test(i)) && (n = i) - } - return s = P, u = d, s.test(n) && u.test(n) && (s = y, n = n.replace(s, "")), "y" == r && (n = r.toLowerCase() + n.substr(1)), n - }; - return z - }(), t.Pipeline.registerFunction(t.stemmer, "stemmer"), t.stopWordFilter = function(e) { - return e && t.stopWordFilter.stopWords[e] !== !0 ? e : void 0 - }, t.clearStopWords = function() { - t.stopWordFilter.stopWords = {} - }, t.addStopWords = function(e) { - null != e && Array.isArray(e) !== !1 && e.forEach(function(e) { - t.stopWordFilter.stopWords[e] = !0 - }, this) - }, t.resetStopWords = function() { - t.stopWordFilter.stopWords = t.defaultStopWords - }, t.defaultStopWords = { - "": !0, - a: !0, - able: !0, - about: !0, - across: !0, - after: !0, - all: !0, - almost: !0, - also: !0, - am: !0, - among: !0, - an: !0, - and: !0, - any: !0, - are: !0, - as: !0, - at: !0, - be: !0, - because: !0, - been: !0, - but: !0, - by: !0, - can: !0, - cannot: !0, - could: !0, - dear: !0, - did: !0, - "do": !0, - does: !0, - either: !0, - "else": !0, - ever: !0, - every: !0, - "for": !0, - from: !0, - get: !0, - got: !0, - had: !0, - has: !0, - have: !0, - he: !0, - her: !0, - hers: !0, - him: !0, - his: !0, - how: !0, - however: !0, - i: !0, - "if": !0, - "in": !0, - into: !0, - is: !0, - it: !0, - its: !0, - just: !0, - least: !0, - let: !0, - like: !0, - likely: !0, - may: !0, - me: !0, - might: !0, - most: !0, - must: !0, - my: !0, - neither: !0, - no: !0, - nor: !0, - not: !0, - of: !0, - off: !0, - often: !0, - on: !0, - only: !0, - or: !0, - other: !0, - our: !0, - own: !0, - rather: !0, - said: !0, - say: !0, - says: !0, - she: !0, - should: !0, - since: !0, - so: !0, - some: !0, - than: !0, - that: !0, - the: !0, - their: !0, - them: !0, - then: !0, - there: !0, - these: !0, - they: !0, - "this": !0, - tis: !0, - to: !0, - too: !0, - twas: !0, - us: !0, - wants: !0, - was: !0, - we: !0, - were: !0, - what: !0, - when: !0, - where: !0, - which: !0, - "while": !0, - who: !0, - whom: !0, - why: !0, - will: !0, - "with": !0, - would: !0, - yet: !0, - you: !0, - your: !0 - }, t.stopWordFilter.stopWords = t.defaultStopWords, t.Pipeline.registerFunction(t.stopWordFilter, "stopWordFilter"), t.trimmer = function(e) { - if (null === e || void 0 === e) throw new Error("token should not be undefined"); - return e.replace(/^\W+/, "").replace(/\W+$/, "") - }, t.Pipeline.registerFunction(t.trimmer, "trimmer"), t.InvertedIndex = function() { - this.root = { - docs: {}, - df: 0 - } - }, t.InvertedIndex.load = function(e) { - var t = new this; - return t.root = e.root, t - }, t.InvertedIndex.prototype.addToken = function(e, t, n) { - for (var n = n || this.root, i = 0; i <= e.length - 1;) { - var o = e[i]; - o in n || (n[o] = { - docs: {}, - df: 0 - }), i += 1, n = n[o] - } - var r = t.ref; - n.docs[r] ? n.docs[r] = { - tf: t.tf - } : (n.docs[r] = { - tf: t.tf - }, n.df += 1) - }, t.InvertedIndex.prototype.hasToken = function(e) { - if (!e) return !1; - for (var t = this.root, n = 0; n < e.length; n++) { - if (!t[e[n]]) return !1; - t = t[e[n]] - } - return !0 - }, t.InvertedIndex.prototype.getNode = function(e) { - if (!e) return null; - for (var t = this.root, n = 0; n < e.length; n++) { - if (!t[e[n]]) return null; - t = t[e[n]] - } - return t - }, t.InvertedIndex.prototype.getDocs = function(e) { - var t = this.getNode(e); - return null == t ? {} : t.docs - }, t.InvertedIndex.prototype.getTermFrequency = function(e, t) { - var n = this.getNode(e); - return null == n ? 0 : t in n.docs ? n.docs[t].tf : 0 - }, t.InvertedIndex.prototype.getDocFreq = function(e) { - var t = this.getNode(e); - return null == t ? 0 : t.df - }, t.InvertedIndex.prototype.removeToken = function(e, t) { - if (e) { - var n = this.getNode(e); - null != n && t in n.docs && (delete n.docs[t], n.df -= 1) - } - }, t.InvertedIndex.prototype.expandToken = function(e, t, n) { - if (null == e || "" == e) return []; - var t = t || []; - if (void 0 == n && (n = this.getNode(e), null == n)) return t; - n.df > 0 && t.push(e); - for (var i in n) "docs" !== i && "df" !== i && this.expandToken(e + i, t, n[i]); - return t - }, t.InvertedIndex.prototype.toJSON = function() { - return { - root: this.root - } - }, t.Configuration = function(e, n) { - var e = e || ""; - if (void 0 == n || null == n) throw new Error("fields should not be null"); - this.config = {}; - var i; - try { - i = JSON.parse(e), this.buildUserConfig(i, n) - } catch (o) { - t.utils.warn("user configuration parse failed, will use default configuration"), this.buildDefaultConfig(n) - } - }, t.Configuration.prototype.buildDefaultConfig = function(e) { - this.reset(), e.forEach(function(e) { - this.config[e] = { - boost: 1, - bool: "OR", - expand: !1 - } - }, this) - }, t.Configuration.prototype.buildUserConfig = function(e, n) { - var i = "OR", - o = !1; - if (this.reset(), "bool" in e && (i = e.bool || i), "expand" in e && (o = e.expand || o), "fields" in e) - for (var r in e.fields) - if (n.indexOf(r) > -1) { - var s = e.fields[r], - u = o; - void 0 != s.expand && (u = s.expand), this.config[r] = { - boost: s.boost || 0 === s.boost ? s.boost : 1, - bool: s.bool || i, - expand: u - } - } else t.utils.warn("field name in user configuration not found in index instance fields"); - else this.addAllFields2UserConfig(i, o, n) - }, t.Configuration.prototype.addAllFields2UserConfig = function(e, t, n) { - n.forEach(function(n) { - this.config[n] = { - boost: 1, - bool: e, - expand: t - } - }, this) - }, t.Configuration.prototype.get = function() { - return this.config - }, t.Configuration.prototype.reset = function() { - this.config = {} - }, lunr.SortedSet = function() { - this.length = 0, this.elements = [] - }, lunr.SortedSet.load = function(e) { - var t = new this; - return t.elements = e, t.length = e.length, t - }, lunr.SortedSet.prototype.add = function() { - var e, t; - for (e = 0; e < arguments.length; e++) t = arguments[e], ~this.indexOf(t) || this.elements.splice(this.locationFor(t), 0, t); - this.length = this.elements.length - }, lunr.SortedSet.prototype.toArray = function() { - return this.elements.slice() - }, lunr.SortedSet.prototype.map = function(e, t) { - return this.elements.map(e, t) - }, lunr.SortedSet.prototype.forEach = function(e, t) { - return this.elements.forEach(e, t) - }, lunr.SortedSet.prototype.indexOf = function(e) { - for (var t = 0, n = this.elements.length, i = n - t, o = t + Math.floor(i / 2), r = this.elements[o]; i > 1;) { - if (r === e) return o; - e > r && (t = o), r > e && (n = o), i = n - t, o = t + Math.floor(i / 2), r = this.elements[o] - } - return r === e ? o : -1 - }, lunr.SortedSet.prototype.locationFor = function(e) { - for (var t = 0, n = this.elements.length, i = n - t, o = t + Math.floor(i / 2), r = this.elements[o]; i > 1;) e > r && (t = o), r > e && (n = o), i = n - t, o = t + Math.floor(i / 2), r = this.elements[o]; - return r > e ? o : e > r ? o + 1 : void 0 - }, lunr.SortedSet.prototype.intersect = function(e) { - for (var t = new lunr.SortedSet, n = 0, i = 0, o = this.length, r = e.length, s = this.elements, u = e.elements;;) { - if (n > o - 1 || i > r - 1) break; - s[n] !== u[i] ? s[n] < u[i] ? n++ : s[n] > u[i] && i++ : (t.add(s[n]), n++, i++) - } - return t - }, lunr.SortedSet.prototype.clone = function() { - var e = new lunr.SortedSet; - return e.elements = this.toArray(), e.length = e.elements.length, e - }, lunr.SortedSet.prototype.union = function(e) { - var t, n, i; - this.length >= e.length ? (t = this, n = e) : (t = e, n = this), i = t.clone(); - for (var o = 0, r = n.toArray(); o < r.length; o++) i.add(r[o]); - return i - }, lunr.SortedSet.prototype.toJSON = function() { - return this.toArray() - }, - function(e, t) { - "function" == typeof define && define.amd ? define(t) : "object" == typeof exports ? module.exports = t() : e.elasticlunr = t() - }(this, function() { - return t - }) -}(); -- cgit v1.3.1 From 06c5fd1a0c11cb4ae252873a95100d8069ae26df Mon Sep 17 00:00:00 2001 From: Jieiku Date: Tue, 18 Jul 2023 08:19:21 -0700 Subject: Lighthouse Fixes --- config.toml | 4 +++- sass/_colors.scss | 6 +++--- sass/abridge.scss | 2 +- templates/robots.txt | 8 ++++---- 4 files changed, 11 insertions(+), 9 deletions(-) (limited to 'sass') diff --git a/config.toml b/config.toml index 6b65a04..9b818e0 100644 --- a/config.toml +++ b/config.toml @@ -154,6 +154,7 @@ twitter_meta = "your-user-name" # for SEO: twitter:site and twitter:creator google = "Your Google Site verification code." bing = "Your Bing Site verification code." seo = true # enable or disable seo-related meta tags: opengraph, facebook, twitter +#dev = false # development mode, if true then robots.txt should prevent search indexing. ############################################################################### @@ -209,7 +210,8 @@ search_library = 'elasticlunr' #js_codecopy = "js/codecopy.js"# Bundleable - copy code block to clipboard button #js_email = "js/email.js"# Bundleable - obfuscates email address in footer -stylesheets = [ "abridge.css" ] +stylesheets = ["abridge.css"] + ############################################################################### ### Favicons, comment out a line to disable loading some or all of these if needed. diff --git a/sass/_colors.scss b/sass/_colors.scss index 497919d..d8de34b 100644 --- a/sass/_colors.scss +++ b/sass/_colors.scss @@ -33,7 +33,7 @@ $c1: #111 !default;// Background Color Primary $c2: #222 !default;// Background Color Secondary $c3: #333 !default;// Table Rows, Block quote edge, Borders - $c4: #777 !default;// Disabled Buttons, Borders, mark background + $c4: #888 !default;// Disabled Buttons, Borders, mark background $a1: #09f !default;// link color $a2: #0bf !default;// link hover/focus color $a3: #0af !default;// link h1-h2 hover/focus color @@ -76,7 +76,7 @@ $f2: #222 !default;// Font Color Headers $c1: #fff !default;// Background Color Primary $c2: #def !default;// Background Color Secondary - $c3: #137 !default;// Table Rows, Block quote edge, Borders + $c3: #cde !default;// Table Rows, Block quote edge, Borders $c4: #013 !default;// Disabled Buttons, Borders, mark background $a1: #06e !default;// link color $a2: #09f !default;// link hover/focus color @@ -93,7 +93,7 @@ $c1: #111 !default;// Background Color Primary $c2: #222 !default;// Background Color Secondary $c3: #333 !default;// Table Rows, Block quote edge, Borders - $c4: #777 !default;// Disabled Buttons, Borders, mark background + $c4: #888 !default;// Disabled Buttons, Borders, mark background $a1: #f90 !default;// link color $a2: #fb0 !default;// link hover/focus color $a3: #f90 !default;// link h1-h2 hover/focus color diff --git a/sass/abridge.scss b/sass/abridge.scss index b50d2b6..539e377 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -1178,7 +1178,7 @@ $syntax: true !default;//syntax highlighting for code blocks cursor: pointer; z-index: 9; position: absolute; - top: .3rem; + top: .2rem; right: .5rem; } .cc:hover { diff --git a/templates/robots.txt b/templates/robots.txt index 09aba30..7977154 100644 --- a/templates/robots.txt +++ b/templates/robots.txt @@ -1,9 +1,9 @@ -{%- if config.extra.prod %} +{%- if config.extra.dev %} +User-Agent: * +Disallow: / +{%- else %} Sitemap: {{ get_url(path="sitemap.xml", trailing_slash=false) }} User-Agent: * Allow: / Host: {{ get_url(path="/", trailing_slash=false) }} -{%- else %} -User-Agent: * -Disallow: / {%- endif %} -- cgit v1.3.1 From cd71559564732e4f2b4752560ff1b6de6f737a79 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Wed, 19 Jul 2023 13:32:33 -0700 Subject: nojs configurable default switcher theme --- COPY-TO-ROOT-SASS/abridge.scss | 2 ++ config.toml | 2 ++ package.json | 20 +++++++++++--------- sass/abridge.scss | 17 +++++++++++++---- static/js/abridge.min.js | 2 +- static/js/theme.js | 4 ++-- static/js/theme.min.js | 2 +- static/js/theme_button.js | 4 ++-- static/js/theme_light.js | 4 ++++ static/js/theme_light.min.js | 1 + templates/macros/head.html | 9 +++++++-- 11 files changed, 46 insertions(+), 21 deletions(-) create mode 100644 static/js/theme_light.js create mode 100644 static/js/theme_light.min.js (limited to 'sass') diff --git a/COPY-TO-ROOT-SASS/abridge.scss b/COPY-TO-ROOT-SASS/abridge.scss index 0fd51e9..a680fdd 100644 --- a/COPY-TO-ROOT-SASS/abridge.scss +++ b/COPY-TO-ROOT-SASS/abridge.scss @@ -10,8 +10,10 @@ $abridgeMode: "switcher",//valid values: switcher, auto, dark, light $syntax-mode: "auto",// Force syntax mode: auto, dark, light + $switcherDefault: "dark",// default for nojs switcher: dark, light $color: "orange",// color template to use/override: orange, blue, blueshade + $color-syntax: "abridge",// syntax color template to use/override: abridge, $syntax: true,//syntax highlighting for Code Blocks. diff --git a/config.toml b/config.toml index d5ab0c3..46acb10 100644 --- a/config.toml +++ b/config.toml @@ -202,6 +202,8 @@ integrity = true # increases site security, should normally be true. (setting to js_bundle = true # multiple javascript files combined into a single file (setting to false is useful during js development) js_switcher = true # The button that allows manually changing between light/dark mode. +js_switcher_default = "dark" # default switcher mode: dark, light + js_copycode = true # The copy button on code blocks that allows you to copy them to the clipboard. search_library = 'elasticlunr' diff --git a/package.json b/package.json index e376c3d..9514ab9 100644 --- a/package.json +++ b/package.json @@ -6,20 +6,22 @@ "license": "MIT", "homepage": "https://github.com/Jieiku/abridge", "scripts": { + "all": "npm run theme && npm run theme-light && npm run katex-bundle && npm run search-elasticlunr && npm run search-stork && npm run search-tinysearch && npm run abridge-bundle-elasticlunr", + "nonbundles": "npm run theme && npm run theme-light && npm run katex-bundle && npm run search-elasticlunr && npm run search-stork && npm run search-tinysearch", "theme": "uglifyjs static/js/theme.js -c -m -o static/js/theme.min.js", + "theme-light": "uglifyjs static/js/theme_light.js -c -m -o static/js/theme_light.min.js", "katex-bundle": "uglifyjs static/js/katex.min.js static/js/mathtex-script-type.min.js static/js/katex-auto-render.min.js static/js/katexoptions.js -c -m -o static/js/katexbundle.min.js", "search-elasticlunr": "uglifyjs static/js/elasticlunr.min.js static/js/search.js -c -m -o static/js/search_elasticlunr.min.js", "search-stork": "uglifyjs static/js/stork.js static/js/stork_config.js -c -m -o static/js/search_stork.min.js", "search-tinysearch": "uglifyjs static/js/tinysearch.js -c -m -o static/js/search_tinysearch.min.js", - "all": "npm run theme && npm run katex-bundle && npm run search-elasticlunr && npm run search-stork && npm run search-tinysearch", - "abridge-bundle-nosearch": "npm run all && uglifyjs static/js/prestyle.js static/js/theme_button.js static/js/email.js static/js/codecopy.js -c -m -o static/js/abridge.min.js", - "abridge-bundle-elasticlunr": "npm run all && uglifyjs static/js/prestyle.js static/js/theme_button.js static/js/search_elasticlunr.min.js static/js/email.js static/js/codecopy.js -c -m -o static/js/abridge.min.js", - "abridge-bundle-tinysearch": "npm run all && uglifyjs static/js/prestyle.js static/js/theme_button.js static/js/search_tinysearch.min.js static/js/email.js static/js/codecopy.js -c -m -o static/js/abridge.min.js", - "abridge-bundle-stork": "npm run all && uglifyjs static/js/prestyle.js static/js/theme_button.js static/js/search_stork.min.js static/js/email.js static/js/codecopy.js -c -m -o static/js/abridge.min.js", - "nosearch": "npm run abridge-bundle-nosearch && sed -i \"s|^build_search_index.*|build_search_index = false|\" 'config.toml' && sed -i \"s|^search_library.*|search_library = false|\" 'config.toml' && sed -i \"s|^draft.*|draft = true|\" 'content/static/tinysearch_json.md' && sed -i \"s|^draft.*|draft = true|\" 'content/static/stork_toml.md' && zola build", - "elasticlunr": "npm run abridge-bundle-elasticlunr && sed -i \"s|^build_search_index.*|build_search_index = true|\" 'config.toml' && sed -i \"s|^search_library.*|search_library = 'elasticlunr'|\" 'config.toml' && sed -i \"s|^draft.*|draft = true|\" 'content/static/tinysearch_json.md' && sed -i \"s|^draft.*|draft = true|\" 'content/static/stork_toml.md' && zola build", - "tinysearch": "npm run abridge-bundle-tinysearch && sed -i \"s|^build_search_index.*|build_search_index = true|\" 'config.toml' && sed -i \"s|^search_library.*|search_library = 'tinysearch'|\" 'config.toml' && sed -i \"s|^draft.*|draft = false|\" 'content/static/tinysearch_json.md' && sed -i \"s|^draft.*|draft = true|\" 'content/static/stork_toml.md' && zola build && mkdir -p tmp && tinysearch --optimize --path tmp public/data_tinysearch/index.html && rsync -avz tmp/*.wasm static/ && rm -rf tmp", - "stork": "npm run abridge-bundle-stork && sed -i \"s|^build_search_index.*|build_search_index = true|\" 'config.toml' && sed -i \"s|^search_library.*|search_library = 'stork'|\" 'config.toml' && sed -i \"s|^draft.*|draft = true|\" 'content/static/tinysearch_json.md' && sed -i \"s|^draft.*|draft = false|\" 'content/static/stork_toml.md' && zola build && stork build --input public/data_stork/index.html --output static/stork.st" + "abridge-bundle-nosearch": "uglifyjs static/js/prestyle.js static/js/theme_button.js static/js/email.js static/js/codecopy.js -c -m -o static/js/abridge.min.js", + "abridge-bundle-elasticlunr": "uglifyjs static/js/prestyle.js static/js/theme_button.js static/js/search_elasticlunr.min.js static/js/email.js static/js/codecopy.js -c -m -o static/js/abridge.min.js", + "abridge-bundle-tinysearch": "uglifyjs static/js/prestyle.js static/js/theme_button.js static/js/search_tinysearch.min.js static/js/email.js static/js/codecopy.js -c -m -o static/js/abridge.min.js", + "abridge-bundle-stork": "uglifyjs static/js/prestyle.js static/js/theme_button.js static/js/search_stork.min.js static/js/email.js static/js/codecopy.js -c -m -o static/js/abridge.min.js", + "nosearch": "npm run nonbundles && npm run abridge-bundle-nosearch && sed -i \"s|^build_search_index.*|build_search_index = false|\" 'config.toml' && sed -i \"s|^search_library.*|search_library = false|\" 'config.toml' && sed -i \"s|^draft.*|draft = true|\" 'content/static/tinysearch_json.md' && sed -i \"s|^draft.*|draft = true|\" 'content/static/stork_toml.md' && zola build", + "elasticlunr": "npm run nonbundles && npm run abridge-bundle-elasticlunr && sed -i \"s|^build_search_index.*|build_search_index = true|\" 'config.toml' && sed -i \"s|^search_library.*|search_library = 'elasticlunr'|\" 'config.toml' && sed -i \"s|^draft.*|draft = true|\" 'content/static/tinysearch_json.md' && sed -i \"s|^draft.*|draft = true|\" 'content/static/stork_toml.md' && zola build", + "tinysearch": "npm run nonbundles && npm run abridge-bundle-tinysearch && sed -i \"s|^build_search_index.*|build_search_index = true|\" 'config.toml' && sed -i \"s|^search_library.*|search_library = 'tinysearch'|\" 'config.toml' && sed -i \"s|^draft.*|draft = false|\" 'content/static/tinysearch_json.md' && sed -i \"s|^draft.*|draft = true|\" 'content/static/stork_toml.md' && zola build && mkdir -p tmp && tinysearch --optimize --path tmp public/data_tinysearch/index.html && rsync -avz tmp/*.wasm static/ && rm -rf tmp", + "stork": "npm run nonbundles && npm run abridge-bundle-stork && sed -i \"s|^build_search_index.*|build_search_index = true|\" 'config.toml' && sed -i \"s|^search_library.*|search_library = 'stork'|\" 'config.toml' && sed -i \"s|^draft.*|draft = true|\" 'content/static/tinysearch_json.md' && sed -i \"s|^draft.*|draft = false|\" 'content/static/stork_toml.md' && zola build && stork build --input public/data_stork/index.html --output static/stork.st" }, "dependencies": { "uglify-js": "^3.15.4" diff --git a/sass/abridge.scss b/sass/abridge.scss index 539e377..ac01c1a 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -17,6 +17,7 @@ $mb: 1200px !default;// value at which to switch from fluid layout to max-width $abridgeMode: "switcher" !default;//valid values: switcher, auto, dark, light $syntax-mode: "auto" !default;// Force syntax mode: auto, dark, light +$switcherDefault: "dark" !default;// default for nojs switcher: dark, light $color: "orange" !default;// color template to use/override: orange, blue, blueshade @@ -342,16 +343,24 @@ $syntax: true !default;//syntax highlighting for code blocks } } } - :root:not(.light) { - @include colors.dark($dark...); + :root:not(.switch) { + @if $switcherDefault == "light" { + @include colors.dark($light...); + } @else { + @include colors.dark($dark...); + } @if $syntax { @if $syntax-mode == "auto" { @include colors-syntax.syndark($syntax-dark...); } } } - :root.light { - @include colors.light($light...); + :root.switch { + @if $switcherDefault == "light" { + @include colors.dark($dark...); + } @else { + @include colors.dark($light...); + } @if $syntax { @if $syntax-mode == "auto" { @include colors-syntax.synlight($syntax-light...); diff --git a/static/js/abridge.min.js b/static/js/abridge.min.js index 4cfe749..4126e25 100644 --- a/static/js/abridge.min.js +++ b/static/js/abridge.min.js @@ -1 +1 @@ -const items=document.querySelectorAll(".preStyle"),changeIcon=(items.forEach(e=>{e.rel="stylesheet"}),document.getElementById("mode")&&document.getElementById("mode").addEventListener("click",()=>{document.documentElement.classList.toggle("light"),localStorage.setItem("theme",document.documentElement.classList.contains("light")?"light":"dark")}),!function(){function g(e){var t=new g.Index;return t.pipeline.add(g.trimmer,g.stopWordFilter,g.stemmer),e&&e.call(t,t),t}var a,c,e,t,d,h,f,p,m,v,y,S,x,b,w,I,E,C,D,F,k,L,_,N,n;g.version="0.9.5",((lunr=g).utils={}).warn=(n=this,function(e){n.console&&console.warn&&console.warn(e)}),g.utils.toString=function(e){return null==e?"":e.toString()},(g.EventEmitter=function(){this.events={}}).prototype.addListener=function(){var e=Array.prototype.slice.call(arguments),t=e.pop();if("function"!=typeof t)throw new TypeError("last argument must be a function");e.forEach(function(e){this.hasHandler(e)||(this.events[e]=[]),this.events[e].push(t)},this)},g.EventEmitter.prototype.removeListener=function(e,t){this.hasHandler(e)&&-1!==(t=this.events[e].indexOf(t))&&(this.events[e].splice(t,1),0==this.events[e].length)&&delete this.events[e]},g.EventEmitter.prototype.emit=function(e){var t;this.hasHandler(e)&&(t=Array.prototype.slice.call(arguments,1),this.events[e].forEach(function(e){e.apply(void 0,t)},this))},g.EventEmitter.prototype.hasHandler=function(e){return e in this.events},(g.tokenizer=function(e){var t,n;return arguments.length&&null!=e?Array.isArray(e)?(t=(t=e.filter(function(e){return null!=e})).map(function(e){return g.utils.toString(e).toLowerCase()}),n=[],t.forEach(function(e){e=e.split(g.tokenizer.seperator),n=n.concat(e)},this),n):e.toString().trim().toLowerCase().split(g.tokenizer.seperator):[]}).defaultSeperator=/[\s\-]+/,g.tokenizer.seperator=g.tokenizer.defaultSeperator,g.tokenizer.setSeperator=function(e){null!=e&&"object"==typeof e&&(g.tokenizer.seperator=e)},g.tokenizer.resetSeperator=function(){g.tokenizer.seperator=g.tokenizer.defaultSeperator},g.tokenizer.getSeperator=function(){return g.tokenizer.seperator},(g.Pipeline=function(){this._queue=[]}).registeredFunctions={},g.Pipeline.registerFunction=function(e,t){t in g.Pipeline.registeredFunctions&&g.utils.warn("Overwriting existing registered function: "+t),e.label=t,g.Pipeline.registeredFunctions[t]=e},g.Pipeline.getRegisteredFunction=function(e){return e in g.Pipeline.registeredFunctions!=1?null:g.Pipeline.registeredFunctions[e]},g.Pipeline.warnIfFunctionNotRegistered=function(e){e.label&&e.label in this.registeredFunctions||g.utils.warn("Function is not registered with pipeline. This may cause problems when serialising the index.\n",e)},g.Pipeline.load=function(e){var n=new g.Pipeline;return e.forEach(function(e){var t=g.Pipeline.getRegisteredFunction(e);if(!t)throw new Error("Cannot load un-registered function: "+e);n.add(t)}),n},g.Pipeline.prototype.add=function(){Array.prototype.slice.call(arguments).forEach(function(e){g.Pipeline.warnIfFunctionNotRegistered(e),this._queue.push(e)},this)},g.Pipeline.prototype.after=function(e,t){if(g.Pipeline.warnIfFunctionNotRegistered(t),-1===(e=this._queue.indexOf(e)))throw new Error("Cannot find existingFn");this._queue.splice(e+1,0,t)},g.Pipeline.prototype.before=function(e,t){if(g.Pipeline.warnIfFunctionNotRegistered(t),-1===(e=this._queue.indexOf(e)))throw new Error("Cannot find existingFn");this._queue.splice(e,0,t)},g.Pipeline.prototype.remove=function(e){-1!==(e=this._queue.indexOf(e))&&this._queue.splice(e,1)},g.Pipeline.prototype.run=function(e){for(var t=[],n=e.length,o=this._queue.length,i=0;iu[o]&&o++:(t.add(s[n]),n++,o++);return t},lunr.SortedSet.prototype.clone=function(){var e=new lunr.SortedSet;return e.elements=this.toArray(),e.length=e.elements.length,e},lunr.SortedSet.prototype.union=function(e){for(var t,e=this.length>=e.length?(t=this,e):(t=e,this),n=t.clone(),o=0,i=e.toArray();o",a=n.querySelector("a"),t=n.querySelector("span:first-child"),d=n.querySelector("span:nth-child(2)"),a.href=e.ref,t.textContent=e.doc.title,d.innerHTML=function(e){var t=x.map(function(e){return elasticlunr.stemmer(e.toLowerCase())}),n=!1,o=0,i=[],r=e.toLowerCase().split(". ");for(f in r){var s,u=r[f].split(/[\s\n]/),l=8;for(s in u){if(0<(g=u[s]).length){for(var a in t)elasticlunr.stemmer(g).startsWith(t[a])&&(l=40,n=!0);i.push([g,l,o]),l=2}o=o+g.length+1}o+=1}if(0===i.length)return void 0!==e.length&&300"),S=g[2]+g[0].length,40!==g[1]&&12<=g[0].length&&!/^[\x00-\xff]+$/.test(g[0])?(v=function(e){for(var t="",n=!1,o=0,i=0,r=0,s=0;s");return y.push("…"),y.join("")}(e.doc.body),s.appendChild(n))});i.length>r;)s.removeChild(i[0])},!0),s.addEventListener("click",function(){for(;s.lastChild;)s.removeChild(s.lastChild);return!1},!0),document.goSearch.onsubmit=function(){var e=document.querySelector("main"),t=(window.main||(window.main=e.innerHTML),document.getElementById("suggestions")),n=t.cloneNode(!0),o=(n.id="results",document.createElement("div")),i='

    Results For: '.concat(document.getElementById("searchinput").value,"

    ");return o.innerHTML=i,n.insertBefore(o,n.firstChild),e.innerHTML=n.outerHTML,t.innerHTML="",document.getElementById("searchinput").value="",document.body.contains(document.closeSearch)&&(document.closeSearch.onsubmit=function(){document.querySelector("main").innerHTML=window.main}),!1})},!function(){for(var e=document.getElementsByClassName("m-protected"),t=0;t{e.classList.add(t),setTimeout(()=>e.classList.remove(t),2500)}),copyCodeAndChangeIcon=async(t,e)=>{e=(e.querySelector("table")?getTableCode:getNonTableCode)(e);try{await navigator.clipboard.writeText(e),changeIcon(t,"yes")}catch(e){changeIcon(t,"err")}},getNonTableCode=e=>[...e.querySelectorAll("code")].map(e=>e.textContent).join(""),getTableCode=e=>[...e.querySelectorAll("tr")].map(e=>e.querySelector("td:last-child")?.innerText??"").join("");document.querySelectorAll("pre").forEach(e=>{const t=document.createElement("div");t.className="cc svgs svgh copy",t.innerHTML=" ",e.prepend(t),t.addEventListener("click",()=>copyCodeAndChangeIcon(t,e))}); \ No newline at end of file +const items=document.querySelectorAll(".preStyle"),changeIcon=(items.forEach(e=>{e.rel="stylesheet"}),document.getElementById("mode")&&document.getElementById("mode").addEventListener("click",()=>{document.documentElement.classList.toggle("switch"),localStorage.setItem("theme",document.documentElement.classList.contains("switch")?"switch":"default")}),!function(){function g(e){var t=new g.Index;return t.pipeline.add(g.trimmer,g.stopWordFilter,g.stemmer),e&&e.call(t,t),t}var a,c,e,t,d,h,f,p,m,v,y,S,x,w,b,I,E,C,D,F,k,L,_,N,n;g.version="0.9.5",((lunr=g).utils={}).warn=(n=this,function(e){n.console&&console.warn&&console.warn(e)}),g.utils.toString=function(e){return null==e?"":e.toString()},(g.EventEmitter=function(){this.events={}}).prototype.addListener=function(){var e=Array.prototype.slice.call(arguments),t=e.pop();if("function"!=typeof t)throw new TypeError("last argument must be a function");e.forEach(function(e){this.hasHandler(e)||(this.events[e]=[]),this.events[e].push(t)},this)},g.EventEmitter.prototype.removeListener=function(e,t){this.hasHandler(e)&&-1!==(t=this.events[e].indexOf(t))&&(this.events[e].splice(t,1),0==this.events[e].length)&&delete this.events[e]},g.EventEmitter.prototype.emit=function(e){var t;this.hasHandler(e)&&(t=Array.prototype.slice.call(arguments,1),this.events[e].forEach(function(e){e.apply(void 0,t)},this))},g.EventEmitter.prototype.hasHandler=function(e){return e in this.events},(g.tokenizer=function(e){var t,n;return arguments.length&&null!=e?Array.isArray(e)?(t=(t=e.filter(function(e){return null!=e})).map(function(e){return g.utils.toString(e).toLowerCase()}),n=[],t.forEach(function(e){e=e.split(g.tokenizer.seperator),n=n.concat(e)},this),n):e.toString().trim().toLowerCase().split(g.tokenizer.seperator):[]}).defaultSeperator=/[\s\-]+/,g.tokenizer.seperator=g.tokenizer.defaultSeperator,g.tokenizer.setSeperator=function(e){null!=e&&"object"==typeof e&&(g.tokenizer.seperator=e)},g.tokenizer.resetSeperator=function(){g.tokenizer.seperator=g.tokenizer.defaultSeperator},g.tokenizer.getSeperator=function(){return g.tokenizer.seperator},(g.Pipeline=function(){this._queue=[]}).registeredFunctions={},g.Pipeline.registerFunction=function(e,t){t in g.Pipeline.registeredFunctions&&g.utils.warn("Overwriting existing registered function: "+t),e.label=t,g.Pipeline.registeredFunctions[t]=e},g.Pipeline.getRegisteredFunction=function(e){return e in g.Pipeline.registeredFunctions!=1?null:g.Pipeline.registeredFunctions[e]},g.Pipeline.warnIfFunctionNotRegistered=function(e){e.label&&e.label in this.registeredFunctions||g.utils.warn("Function is not registered with pipeline. This may cause problems when serialising the index.\n",e)},g.Pipeline.load=function(e){var n=new g.Pipeline;return e.forEach(function(e){var t=g.Pipeline.getRegisteredFunction(e);if(!t)throw new Error("Cannot load un-registered function: "+e);n.add(t)}),n},g.Pipeline.prototype.add=function(){Array.prototype.slice.call(arguments).forEach(function(e){g.Pipeline.warnIfFunctionNotRegistered(e),this._queue.push(e)},this)},g.Pipeline.prototype.after=function(e,t){if(g.Pipeline.warnIfFunctionNotRegistered(t),-1===(e=this._queue.indexOf(e)))throw new Error("Cannot find existingFn");this._queue.splice(e+1,0,t)},g.Pipeline.prototype.before=function(e,t){if(g.Pipeline.warnIfFunctionNotRegistered(t),-1===(e=this._queue.indexOf(e)))throw new Error("Cannot find existingFn");this._queue.splice(e,0,t)},g.Pipeline.prototype.remove=function(e){-1!==(e=this._queue.indexOf(e))&&this._queue.splice(e,1)},g.Pipeline.prototype.run=function(e){for(var t=[],n=e.length,o=this._queue.length,i=0;iu[o]&&o++:(t.add(s[n]),n++,o++);return t},lunr.SortedSet.prototype.clone=function(){var e=new lunr.SortedSet;return e.elements=this.toArray(),e.length=e.elements.length,e},lunr.SortedSet.prototype.union=function(e){for(var t,e=this.length>=e.length?(t=this,e):(t=e,this),n=t.clone(),o=0,i=e.toArray();o",a=n.querySelector("a"),t=n.querySelector("span:first-child"),d=n.querySelector("span:nth-child(2)"),a.href=e.ref,t.textContent=e.doc.title,d.innerHTML=function(e){var t=x.map(function(e){return elasticlunr.stemmer(e.toLowerCase())}),n=!1,o=0,i=[],r=e.toLowerCase().split(". ");for(f in r){var s,u=r[f].split(/[\s\n]/),l=8;for(s in u){if(0<(g=u[s]).length){for(var a in t)elasticlunr.stemmer(g).startsWith(t[a])&&(l=40,n=!0);i.push([g,l,o]),l=2}o=o+g.length+1}o+=1}if(0===i.length)return void 0!==e.length&&300"),S=g[2]+g[0].length,40!==g[1]&&12<=g[0].length&&!/^[\x00-\xff]+$/.test(g[0])?(v=function(e){for(var t="",n=!1,o=0,i=0,r=0,s=0;s");return y.push("…"),y.join("")}(e.doc.body),s.appendChild(n))});i.length>r;)s.removeChild(i[0])},!0),s.addEventListener("click",function(){for(;s.lastChild;)s.removeChild(s.lastChild);return!1},!0),document.goSearch.onsubmit=function(){var e=document.querySelector("main"),t=(window.main||(window.main=e.innerHTML),document.getElementById("suggestions")),n=t.cloneNode(!0),o=(n.id="results",document.createElement("div")),i='

    Results For: '.concat(document.getElementById("searchinput").value,"

    ");return o.innerHTML=i,n.insertBefore(o,n.firstChild),e.innerHTML=n.outerHTML,t.innerHTML="",document.getElementById("searchinput").value="",document.body.contains(document.closeSearch)&&(document.closeSearch.onsubmit=function(){document.querySelector("main").innerHTML=window.main}),!1})},!function(){for(var e=document.getElementsByClassName("m-protected"),t=0;t{e.classList.add(t),setTimeout(()=>e.classList.remove(t),2500)}),copyCodeAndChangeIcon=async(t,e)=>{e=(e.querySelector("table")?getTableCode:getNonTableCode)(e);try{await navigator.clipboard.writeText(e),changeIcon(t,"yes")}catch(e){changeIcon(t,"err")}},getNonTableCode=e=>[...e.querySelectorAll("code")].map(e=>e.textContent).join(""),getTableCode=e=>[...e.querySelectorAll("tr")].map(e=>e.querySelector("td:last-child")?.innerText??"").join("");document.querySelectorAll("pre").forEach(e=>{const t=document.createElement("div");t.className="cc svgs svgh copy",t.innerHTML=" ",e.prepend(t),t.addEventListener("click",()=>copyCodeAndChangeIcon(t,e))}); \ No newline at end of file diff --git a/static/js/theme.js b/static/js/theme.js index 5f6f0f6..ec10638 100644 --- a/static/js/theme.js +++ b/static/js/theme.js @@ -1,4 +1,4 @@ // enforce local storage setting but also fallback to user-agent preferences -if (localStorage.getItem('theme') === 'light' || (!localStorage.getItem('theme') && !window.matchMedia("(prefers-color-scheme: dark)").matches)) { - document.documentElement.classList.add('light'); +if (localStorage.getItem('theme') === 'switch' || (!localStorage.getItem('theme') && !window.matchMedia("(prefers-color-scheme: dark)").matches)) { + document.documentElement.classList.add('switch'); } diff --git a/static/js/theme.min.js b/static/js/theme.min.js index 612895e..8804552 100644 --- a/static/js/theme.min.js +++ b/static/js/theme.min.js @@ -1 +1 @@ -"light"!==localStorage.getItem("theme")&&(localStorage.getItem("theme")||window.matchMedia("(prefers-color-scheme: dark)").matches)||document.documentElement.classList.add("light"); \ No newline at end of file +"switch"!==localStorage.getItem("theme")&&(localStorage.getItem("theme")||window.matchMedia("(prefers-color-scheme: dark)").matches)||document.documentElement.classList.add("switch"); \ No newline at end of file diff --git a/static/js/theme_button.js b/static/js/theme_button.js index 34d1d78..b03f17f 100644 --- a/static/js/theme_button.js +++ b/static/js/theme_button.js @@ -1,7 +1,7 @@ // Set lightmode if (document.getElementById('mode')) { document.getElementById('mode').addEventListener('click', () => { - document.documentElement.classList.toggle('light'); - localStorage.setItem('theme', document.documentElement.classList.contains('light') ? 'light' : 'dark'); + document.documentElement.classList.toggle('switch'); + localStorage.setItem('theme', document.documentElement.classList.contains('switch') ? 'switch' : 'default'); }); } diff --git a/static/js/theme_light.js b/static/js/theme_light.js new file mode 100644 index 0000000..cea48ac --- /dev/null +++ b/static/js/theme_light.js @@ -0,0 +1,4 @@ +// enforce local storage setting but also fallback to user-agent preferences +if (localStorage.getItem('theme') === 'switch' || (!localStorage.getItem('theme') && !window.matchMedia("(prefers-color-scheme: light)").matches)) { + document.documentElement.classList.add('switch'); +} diff --git a/static/js/theme_light.min.js b/static/js/theme_light.min.js new file mode 100644 index 0000000..fca2f11 --- /dev/null +++ b/static/js/theme_light.min.js @@ -0,0 +1 @@ +"switch"!==localStorage.getItem("theme")&&(localStorage.getItem("theme")||window.matchMedia("(prefers-color-scheme: light)").matches)||document.documentElement.classList.add("switch"); \ No newline at end of file diff --git a/templates/macros/head.html b/templates/macros/head.html index 6bc0275..25e981d 100644 --- a/templates/macros/head.html +++ b/templates/macros/head.html @@ -1,8 +1,13 @@ {#- Theme Switcher Button to toggle between dark/light #} {%- macro theme(config) %} {%- if config.extra.js_switcher | default(value=true) %} - {%- set js_theme=config.extra.js_theme | default(value="js/theme.min.js") -%} - {%- if js_theme %} + {%- set js_theme=config.extra.js_theme | default(value="") -%} + {%- if not js_theme %} + {%- if config.extra.js_switcher_default %}{%- if config.extra.js_switcher_default == "light" %} + {%- set js_theme="js/theme_light.min.js" -%} + {%- else %} + {%- set js_theme="js/theme.min.js" -%} + {%- endif %}{%- endif %} {%- endif %} {%- endif %} -- cgit v1.3.1 From 15ed680b4f7e1540fb09360dbd755f27403364f0 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Sat, 22 Jul 2023 09:58:11 -0700 Subject: kofi icon --- COPY-TO-ROOT-SASS/abridge.scss | 1 + config.toml | 1 + sass/_functions.scss | 1 + sass/abridge.scss | 2 ++ templates/macros/social.html | 2 ++ 5 files changed, 7 insertions(+) (limited to 'sass') diff --git a/COPY-TO-ROOT-SASS/abridge.scss b/COPY-TO-ROOT-SASS/abridge.scss index a680fdd..6ab3895 100644 --- a/COPY-TO-ROOT-SASS/abridge.scss +++ b/COPY-TO-ROOT-SASS/abridge.scss @@ -26,6 +26,7 @@ $icon-element: false, $icon-matrix: false, $icon-buymeacoffee: false, + $icon-kofi: false, $icon-twitter: false, $icon-facebook: false, $icon-linkedin: false, diff --git a/config.toml b/config.toml index ebeba67..eebc404 100644 --- a/config.toml +++ b/config.toml @@ -173,6 +173,7 @@ mail = "name@example.com" mastodon = "@your-user-name" element = "matrix.example.com" buymeacoffee = "your-user-name" +kofi = "your-user-name" discord = "your-discord" # Everything after https://discord.com/ eg: invite/my-server *or* servers/my-server-id twitter = "your-user-name" facebook = "your-user-name" diff --git a/sass/_functions.scss b/sass/_functions.scss index 2f4029a..dd6880a 100644 --- a/sass/_functions.scss +++ b/sass/_functions.scss @@ -102,6 +102,7 @@ home: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M9 22V12h6v10M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z'/%3E%3C/svg%3E", instagram: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' ry='5'/%3E%3Cpath d='M16 11.4A4 4 0 1 1 12.6 8a4 4 0 0 1 3.4 3.4zm1.5-4.9h.01'/%3E%3C/svg%3E", linkedin: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z'/%3E%3Ccircle cx='4' cy='4' r='2'/%3E%3C/svg%3E", + kofi: "%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='%23fff' d='M2 5h15c8 0 8 10 0 10-1 0-1 0-1 1v2q0 1-1 1H2q-1 0-1-1V6q0-1 1-1m14 4v2c0 1 0 1 1 1 4 0 4-4 0-4-1 0-1 0-1 1'/%3E%3Cpath fill='#{map-get($p, f)}' d='M9 16C2 11 5 6 9 9c4-3 7 2 0 7' /%3E%3C/svg%3E", mail: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m22 6-10 7L2 6m2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2Z'/%3E%3C/svg%3E", mastodon: "%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M2 8c0 5.7-.2 12.6 5 14 2 .6 3.7.7 5 .6 2.4-.1 3.8-.9 3.8-.9l-.1-1.8s-1.7.6-3.7.5c-1.9 0-4-.2-4.2-2.6a5 5 90 0 1 0-.7c4 1 7.5.5 8.4.4 2.7-.4 5-2 5.3-3.6.5-2.4.4-5.8.4-5.8C22 3.4 19 2 19 2 15.9.6 8 .6 5.1 2c0 0-3 1.4-3 6zm4.5-2.3c1.2-1.4 3.8-1.5 5 .3l.5.9.6-1c1.1-1.7 3.7-1.6 4.9-.2 1.1 1.3.9 2.5.9 8.4H16V8.6c0-2.4-3-2.5-3 .3v3h-2V9c0-2.8-3-2.7-3-.3V14H5.6c0-5.9-.2-7.1 1-8.4z'/%3E%3C/svg%3E", matrix: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M.6.6v22.8H3v.6H0V0h3v.6zm7 7.2V9h.1c3.2-2.3 4.3 0 4.8.3C14.9 6.7 18 8 18 11v5h-1.5v-5a1 1 0 0 0-3.5 0v5h-1.7v-5a1 1 0 0 0-3.7 0v5H6V7.8zm15.8 15.7V.4H21V0h3v24h-3v-.6z'/%3E%3C/svg%3E", diff --git a/sass/abridge.scss b/sass/abridge.scss index ac01c1a..e457c5c 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -33,6 +33,7 @@ $icon-mastodon: true !default; $icon-element: true !default; $icon-matrix: false !default; $icon-buymeacoffee: true !default; +$icon-kofi: true !default; $icon-twitter: true !default; $icon-facebook: true !default; $icon-linkedin: true !default; @@ -1284,6 +1285,7 @@ $syntax: true !default;//syntax highlighting for code blocks @if $icon-globe {.globe { background-image: functions.icon(globe, "%23888", 2, "none", $ic) }} @if $icon-home {.home { background-image: functions.icon(home, "%23888", 2, "none", $ic) }} @if $icon-instagram {.instagram { background-image: functions.icon(instagram, "%23e07", 2, "none", $ic) }} + @if $icon-kofi {.kofi { background-image: functions.icon(kofi, "%23888", 1.5, "%23f55", $ic) }} @if $icon-linkedin {.linkedin { background-image: functions.icon(linkedin, "%2326a", 2, "none", $ic) }} @if $icon-mail {.mail { background-image: functions.icon(mail, "%23888", 2, "none", $ic) }} @if $icon-mastodon {.mastodon { background-image: functions.icon(mastodon, "none", 1, "%2328c", $ic) }} diff --git a/templates/macros/social.html b/templates/macros/social.html index 2b8f841..6ad83de 100644 --- a/templates/macros/social.html +++ b/templates/macros/social.html @@ -48,6 +48,8 @@ {% endif -%} {%- if config.extra.youtube -%} {% endif -%} + {%- if config.extra.kofi -%} + {% endif -%} {%- if config.extra.buymeacoffee -%} {% endif -%} {%- if config.extra.github_sponsor -%} -- cgit v1.3.1 From 729f7cda12340aabce5d0faab8d306b5e0d59568 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Wed, 9 Aug 2023 18:44:31 -0700 Subject: imghover > imgswap, reduce complexity, fix CSP --- content/overview-images/index.fr.md | 36 +++++++------- content/overview-images/index.md | 36 +++++++------- netlify.toml | 2 +- sass/abridge.scss | 17 +++++++ templates/shortcodes/imghover.html | 95 ------------------------------------- templates/shortcodes/imgswap.html | 59 +++++++++++++++++++++++ 6 files changed, 109 insertions(+), 136 deletions(-) delete mode 100644 templates/shortcodes/imghover.html create mode 100644 templates/shortcodes/imgswap.html (limited to 'sass') diff --git a/content/overview-images/index.fr.md b/content/overview-images/index.fr.md index 130b061..9a68006 100644 --- a/content/overview-images/index.fr.md +++ b/content/overview-images/index.fr.md @@ -9,11 +9,11 @@ categories = ["Features"] tags = ["shortcodes","images"] [extra] toc = true -keywords = "Image, Markdown, Shortcodes, Hover" +keywords = "Image, Markdown, Shortcodes, Swap" thumbnail = "ferris-gesture.png" +++ -Cet article couvre les **shortcodes imghover et img**. Les images peuvent également être intégrées directement à l'aide de markdown `![Ferris](ferris.svg)`, mais il est préférable d'utiliser un shortcode afin de pouvoir définir explicitement la largeur et la hauteur, cela aidera à empêcher le changement de mise en page du contenu, ce qui améliore l'expérience utilisateur et le score Google Lighthouse. +Cet article couvre les **shortcodes imgswap et img**. Les images peuvent également être intégrées directement à l'aide de markdown `![Ferris](ferris.svg)`, mais il est préférable d'utiliser un shortcode afin de pouvoir définir explicitement la largeur et la hauteur, cela aidera à empêcher le changement de mise en page du contenu, ce qui améliore l'expérience utilisateur et le score Google Lighthouse. # img Shortcode @@ -61,47 +61,43 @@ Cet article couvre les **shortcodes imghover et img**. Les images peuvent égale -# imghover Shortcode +# imgswap Shortcode -La première image du tableau src est celle comparée à toutes les autres. +Par défaut, main_src est l'image affichée, swap_src est affiché au survol de la souris. -Lorsque vous passez votre souris sur une image, celle-ci affiche l'image à comparer. +Lorsque vous passez votre souris sur l'image, l'image à comparer s'affiche. -Cela peut être utilisé pour comparer une seule image avec une autre en passant seulement deux src dans le tableau. - -- src est un tableau de chemins et de noms de fichiers pour les images. (obligatoire) +- main_src est le chemin et le nom de fichier de l'image par défaut. (obligatoire) +- swap_src est le chemin et le nom de fichier de l'image d'échange. (obligatoire) - w est la largeur de l'image. - h est la hauteur de l'image. -- p est la taille en pourcentage que vous souhaitez que l'image utilise sur la page. (50 est la valeur par défaut) - -*w et h ne sont utilisés que pour calculer le rapport d'aspect, la taille globale est définie par p* ## Utilisation (même chemin) ```rs -{{/* imghover(src=["ferris.svg", "ferris-gesture.svg", "ferris-happy.svg"] w=600 h=400 p=45) */}} +{{/* imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg" w=600 h=400) */}} ``` **Sortir** ```html -{{ imghover(src=["ferris.svg", "ferris-gesture.svg", "ferris-happy.svg"] w=600 h=400 p=45) }} +{{ imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg" w=600 h=400) }} ``` -{{ imghover(src=["ferris.svg", "ferris-gesture.svg", "ferris-happy.svg"] w=600 h=400 p=45) }} +{{ imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg" w=600 h=400) }} ## Utilisation (chemin relatif ./) ```rs -{{/* imghover(src=["./img/ferris.svg", "./img/ferris-gesture.svg"] w=600 h=400 p=45) */}} +{{/* imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" w=600 h=400) */}} ``` **Sortir** ```html -{{ imghover(src=["./img/ferris.svg", "./img/ferris-gesture.svg"] w=600 h=400 p=45) }} +{{ imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" w=600 h=400) }} ``` -{{ imghover(src=["./img/ferris.svg", "./img/ferris-gesture.svg"] w=600 h=400 p=45) }} +{{ imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" w=600 h=400) }} ## Utilisation (chemin racine /) ```rs -{{/* imghover(src=["/overview-rich-content/ferris.svg", "/overview-rich-content/ferris-gesture.svg"] w=600 h=400 p=45) */}} +{{/* imgswap(main_src="/overview-rich-content/ferris.svg" swap_src="/overview-rich-content/ferris-gesture.svg" w=600 h=400) */}} ``` **Sortir** ```html -{{ imghover(src=["/overview-rich-content/ferris.svg", "/overview-rich-content/ferris-gesture.svg"] w=600 h=400 p=45) }} +{{ imgswap(main_src="/overview-rich-content/ferris.svg" swap_src="/overview-rich-content/ferris-gesture.svg" w=600 h=400) }} ``` -{{ imghover(src=["/overview-rich-content/ferris.svg", "/overview-rich-content/ferris-gesture.svg"] w=600 h=400 p=45) }} +{{ imgswap(main_src="/overview-rich-content/ferris.svg" swap_src="/overview-rich-content/ferris-gesture.svg" w=600 h=400) }} diff --git a/content/overview-images/index.md b/content/overview-images/index.md index 3d60a91..efa8843 100644 --- a/content/overview-images/index.md +++ b/content/overview-images/index.md @@ -9,11 +9,11 @@ categories = ["Features"] tags = ["shortcodes","images"] [extra] toc = true -keywords = "Image, Markdown, Shortcodes, Hover" +keywords = "Image, Markdown, Shortcodes, Swap" thumbnail = "ferris-gesture.png" +++ -This post covers the **imghover and img shortcodes**. Images can also be embedded directly using markdown `![Ferris](ferris.svg)`, but it is better to use a shortcode so you can explicitly set the width and height, this will help prevent content layout shift which improves user experience and the google lighthouse score. +This post covers the **imgswap and img shortcodes**. Images can also be embedded directly using markdown `![Ferris](ferris.svg)`, but it is better to use a shortcode so you can explicitly set the width and height, this will help prevent content layout shift which improves user experience and the google lighthouse score. # img Shortcode @@ -61,47 +61,43 @@ This post covers the **imghover and img shortcodes**. Images can also be embedde -# imghover Shortcode +# imgswap Shortcode -The first image in the src array is the one compared to all the others. +By default main_src is the image displayed, swap_src is displayed on mouse hover. -When you hover your mouse over an image it will display the image to compare. +When you hover your mouse over the image it will display the image to compare. -This can be used to compare only one image with another by passing only two src in the array. - -- src is an array of paths and filenames for the images. (mandatory) +- main_src is the path and filename for the default image. (mandatory) +- swap_src is the path and filename for the swap image. (mandatory) - w is the width of the image. - h is the height of the image. -- p is the percent size that you want the image to use on the page. (50 is the default) - -*w and h are used only to calculate the aspect ratio, overall size is set by p* ## Usage (same path) ```rs -{{/* imghover(src=["ferris.svg", "ferris-gesture.svg", "ferris-happy.svg"] w=600 h=400 p=45) */}} +{{/* imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg" w=600 h=400) */}} ``` **Output** ```html -{{ imghover(src=["ferris.svg", "ferris-gesture.svg", "ferris-happy.svg"] w=600 h=400 p=45) }} +{{ imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg" w=600 h=400) }} ``` -{{ imghover(src=["ferris.svg", "ferris-gesture.svg", "ferris-happy.svg"] w=600 h=400 p=45) }} +{{ imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg" w=600 h=400) }} ## Usage (relative path ./) ```rs -{{/* imghover(src=["./img/ferris.svg", "./img/ferris-gesture.svg"] w=600 h=400 p=45) */}} +{{/* imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" w=600 h=400) */}} ``` **Output** ```html -{{ imghover(src=["./img/ferris.svg", "./img/ferris-gesture.svg"] w=600 h=400 p=45) }} +{{ imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" w=600 h=400) }} ``` -{{ imghover(src=["./img/ferris.svg", "./img/ferris-gesture.svg"] w=600 h=400 p=45) }} +{{ imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" w=600 h=400) }} ## Usage (root path /) ```rs -{{/* imghover(src=["/overview-rich-content/ferris.svg", "/overview-rich-content/ferris-gesture.svg"] w=600 h=400 p=45) */}} +{{/* imgswap(main_src="/overview-rich-content/ferris.svg" swap_src="/overview-rich-content/ferris-gesture.svg" w=600 h=400) */}} ``` **Output** ```html -{{ imghover(src=["/overview-rich-content/ferris.svg", "/overview-rich-content/ferris-gesture.svg"] w=600 h=400 p=45) }} +{{ imgswap(main_src="/overview-rich-content/ferris.svg" swap_src="/overview-rich-content/ferris-gesture.svg" w=600 h=400) }} ``` -{{ imghover(src=["/overview-rich-content/ferris.svg", "/overview-rich-content/ferris-gesture.svg"] w=600 h=400 p=45) }} +{{ imgswap(main_src="/overview-rich-content/ferris.svg" swap_src="/overview-rich-content/ferris-gesture.svg" w=600 h=400) }} diff --git a/netlify.toml b/netlify.toml index 9c492bb..3356614 100644 --- a/netlify.toml +++ b/netlify.toml @@ -16,4 +16,4 @@ command = "zola build --base-url $DEPLOY_PRIME_URL && npm run abridge-demo && zo X-XSS-Protection = "1; mode=block" Referrer-Policy = "strict-origin-when-cross-origin" Strict-Transport-Security = "max-age=63072000; includeSubdomains" - Content-Security-Policy = "default-src 'none'; frame-ancestors 'none'; object-src 'none'; base-uri 'self'; manifest-src 'self'; connect-src 'self'; form-action 'self'; script-src 'self'; img-src 'self' data: cdn.cloudflare.com; frame-src 'self' www.youtube-nocookie.com player.vimeo.com; media-src 'self' data: cdn.cloudflare.com www.youtube-nocookie.com player.vimeo.com; font-src 'self' cdn.cloudflare.com cdn.jsdelivr.net fonts.gstatic.com; style-src 'self' 'unsafe-inline' cdn.cloudflare.com cdn.jsdelivr.net fonts.googleapis.com;" + Content-Security-Policy = "default-src 'none'; frame-ancestors 'none'; object-src 'none'; base-uri 'self'; manifest-src 'self'; connect-src 'self'; form-action 'self'; script-src 'self'; img-src 'self' data: cdn.cloudflare.com; frame-src 'self' www.youtube-nocookie.com player.vimeo.com; media-src 'self' data: cdn.cloudflare.com www.youtube-nocookie.com player.vimeo.com; font-src 'self' cdn.cloudflare.com cdn.jsdelivr.net fonts.gstatic.com; style-src 'self' cdn.cloudflare.com cdn.jsdelivr.net fonts.googleapis.com;" diff --git a/sass/abridge.scss b/sass/abridge.scss index e457c5c..5573482 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -200,6 +200,7 @@ $top: true !default;//back to top button using CSS $search: true !default;//search feature $toc: true !default;//Table of Contents, page index / recent posts block $zola: true !default;//Zola Specific +$imgswap: true !default;//Image Swap on hover/click $misc: false !default; $grid: false !default;//Infinity Grid, column based layouts. $syntax: true !default;//syntax highlighting for code blocks @@ -1224,6 +1225,22 @@ $syntax: true !default;//syntax highlighting for code blocks } } } +@if $imgswap { + .img-swap-div { + .img-main { + display: block; + } + .img-swap { + display: none; + } + &:hover .img-swap { + display: block; + } + &:hover .img-main { + display: none; + } + } +} @if $misc { // https://github.com/picocss/pico // Add the correct display in IE 10+ diff --git a/templates/shortcodes/imghover.html b/templates/shortcodes/imghover.html deleted file mode 100644 index 1ad733c..0000000 --- a/templates/shortcodes/imghover.html +++ /dev/null @@ -1,95 +0,0 @@ -{%- set_global bg = "" %} - -{%- for source in src %} - - {%- set dirtest = source | trim_start_matches(pat="./") %} - {%- if dirtest is containing("/") %} - {%- set reldir = true %} - {%- endif %} - - {%- if source is starting_with("./") and reldir %} {# Relative Path #} - {%- set pathtype = "rel-" %} - {%- set path = source | trim_start_matches(pat="./") | split(pat="/") | slice(end=-1) | join(sep="/") | trim_start_matches(pat="/") %} - {%- set path = path ~ "/" %} - - {%- elif source is starting_with("/") %} {# Root Path #} - {%- set pathtype = "root-" %} - {%- set rootpath = source | split(pat="/") | slice(end=-1) | join(sep="/") %} - {%- set path = config.base_url ~ rootpath ~ "/" %} - - {%- else %} {# Same Directory Path #} - {%- set pathtype = "same-" %} - {%- set path = "" %} - {%- endif %} - - {%- set sourcepath = source | split(pat="/") | last %} - {%- set sourcename = pathtype ~ sourcepath | split(pat=".") | first %} - - {%- if loop.first %} - {%- set_global bg = source | split(pat="/") | last %} - {%- else %} -
    {{ sourcename }} on hover
    -
    - {%- endif %} - -{%- endfor %} - - diff --git a/templates/shortcodes/imgswap.html b/templates/shortcodes/imgswap.html new file mode 100644 index 0000000..f8c983c --- /dev/null +++ b/templates/shortcodes/imgswap.html @@ -0,0 +1,59 @@ +
    + {%- set dirtest = main_src | trim_start_matches(pat="./") %} + {%- if dirtest is containing("/") %} + {%- set reldir = true %} + {%- endif %} + + {%- if main_src is starting_with("./") and reldir %} {# Relative Path #} + {%- set path = main_src | trim_start_matches(pat="./") | split(pat="/") | slice(end=-1) | join(sep="/") | trim_start_matches(pat="/") %} + {%- set path = path ~ "/" %} + + {%- elif main_src is starting_with("/") %} {# Root Path #} + {%- set rootpath = main_src | split(pat="/") | slice(end=-1) | join(sep="/") %} + {%- set path = config.base_url ~ rootpath ~ "/" %} + + {%- else %} {# Same Directory Path #} + {%- set path = "" %} + + {%- endif %} + + {%- if not w or not h %} + {%- set metafile = page.path ~ path ~ main_src %} + {%- set meta = get_image_metadata(path=metafile) %} + {%- set w = meta.width %} + {%- set h = meta.height %} + {%- endif %} + + {%- set img = main_src | split(pat="/") | last %} + {%- set name = img | split(pat=".") | first %} + + + {%- set dirtest = swap_src | trim_start_matches(pat="./") %} + {%- if dirtest is containing("/") %} + {%- set reldir = true %} + {%- endif %} + + {%- if swap_src is starting_with("./") and reldir %} {# Relative Path #} + {%- set path = swap_src | trim_start_matches(pat="./") | split(pat="/") | slice(end=-1) | join(sep="/") | trim_start_matches(pat="/") %} + {%- set path = path ~ "/" %} + + {%- elif swap_src is starting_with("/") %} {# Root Path #} + {%- set rootpath = swap_src | split(pat="/") | slice(end=-1) | join(sep="/") %} + {%- set path = config.base_url ~ rootpath ~ "/" %} + + {%- else %} {# Same Directory Path #} + {%- set path = "" %} + + {%- endif %} + + {%- if not w or not h %} + {%- set metafile = page.path ~ path ~ swap_src %} + {%- set meta = get_image_metadata(path=metafile) %} + {%- set w = meta.width %} + {%- set h = meta.height %} + {%- endif %} + + {%- set img = swap_src | split(pat="/") | last %} + {%- set name = img | split(pat=".") | first %} + +
    -- cgit v1.3.1 From 0983915e23793c28dd0bee149fd2ec05a7e96a94 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Tue, 15 Aug 2023 21:10:25 -0700 Subject: Lighthouse and YellowLabTools optimizations --- README.md | 7 +++++++ content/overview-images/ferris-gesture.png | Bin 18429 -> 6741 bytes content/overview-rich-content/index.fr.md | 8 ++++---- content/overview-rich-content/index.md | 8 ++++---- content/overview-rich-content/over9000-400.avif | Bin 0 -> 20795 bytes content/overview-rich-content/over9000-400.webp | Bin 24322 -> 0 bytes content/overview-rich-content/over9000-640.avif | Bin 0 -> 31511 bytes content/overview-rich-content/over9000-960.avif | Bin 0 -> 43170 bytes content/overview-rich-content/over9000-960.webp | Bin 39488 -> 0 bytes sass/abridge.scss | 20 +------------------- screenshot.png | Bin 122329 -> 53621 bytes static/android-chrome-192x192.png | Bin 2535 -> 1609 bytes static/android-chrome-192x192m.png | Bin 2273 -> 1170 bytes static/android-chrome-512x512.png | Bin 5377 -> 3937 bytes static/apple-touch-icon.png | Bin 2606 -> 1542 bytes static/banner.png | Bin 13241 -> 4582 bytes static/favicon-32x32.png | Bin 663 -> 559 bytes static/mstile-150x150.png | Bin 2251 -> 1202 bytes templates/base.html | 2 +- templates/macros/social.html | 4 ++-- templates/shortcodes/image.html | 2 +- templates/shortcodes/img.html | 7 +++++-- templates/shortcodes/imgswap.html | 14 ++++++++++---- 23 files changed, 35 insertions(+), 37 deletions(-) create mode 100644 content/overview-rich-content/over9000-400.avif delete mode 100644 content/overview-rich-content/over9000-400.webp create mode 100644 content/overview-rich-content/over9000-640.avif create mode 100644 content/overview-rich-content/over9000-960.avif delete mode 100644 content/overview-rich-content/over9000-960.webp (limited to 'sass') diff --git a/README.md b/README.md index 0db22ce..be9f552 100644 --- a/README.md +++ b/README.md @@ -356,6 +356,13 @@ leanify -i 7777 *.png leanify -i 7777 *.ico ``` +With larger displays and greater pixel density becoming common it is probably a good idea to use atleast a littly bit of lossy compression. For example you can use pngquant with a 93% quality and you will often get images around 1/2 the size. Understand that pngquant is cumulative, so you should keep your original images somewhere, and only ever use pngquant once per image, if you use it again and again on the same image then you will lower the image quality each time. Always use oxipng afterwards, oxipng is lossless. + +```bash +pngquant --skip-if-larger --strip --quality=93-93 --speed 1 *.png +oxipng -o max --strip all -a -Z *.png +``` + ### Pre gzip/brotli content to serve with nginx: If you are serving your site with nginx, you can pre gzip your content. diff --git a/content/overview-images/ferris-gesture.png b/content/overview-images/ferris-gesture.png index e9c8708..67f6cd1 100644 Binary files a/content/overview-images/ferris-gesture.png and b/content/overview-images/ferris-gesture.png differ diff --git a/content/overview-rich-content/index.fr.md b/content/overview-rich-content/index.fr.md index 819b2db..e768252 100644 --- a/content/overview-rich-content/index.fr.md +++ b/content/overview-rich-content/index.fr.md @@ -34,18 +34,18 @@ Le `video` shortcode prend un `sources` paramètre (un tableau de chaînes) et r Le `image` shortcode renvoie une `` balise et accepte trois paramètres : `sources` (un tableau de chaînes), `fallback_path`, et `fallback_alt` (les deux chaînes). -Chaque chaîne du `sources` tableau doit être un chemin vers un fichier image d'un type différent (`webp`, `png`, `jpg`, etc). `fpath` et +Chaque chaîne du `sources` tableau doit être un chemin vers un fichier image d'un type différent (`avif`, `webp`, `png`, `jpg`, etc). `fpath` et `falt` sont utilisés pour créer une `` balise sur laquelle le navigateur peut se replier si les autres formats ne sont pas encore pris en charge, fw et fh définissent la largeur et la hauteur de la solution de repli ### Usage ```rs -{{/* image(sources=["over9000-960.webp", "over9000-640.webp", "over9000-400.webp"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") */}} +{{/* image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") */}} ``` ### Sortir ```html -{{ image(sources=["over9000-960.webp", "over9000-640.webp", "over9000-400.webp"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") }} +{{ image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") }} ``` -{{ image(sources=["over9000-960.webp", "over9000-640.webp", "over9000-400.webp"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") }} +{{ image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") }} ## GIF diff --git a/content/overview-rich-content/index.md b/content/overview-rich-content/index.md index 8f86d3b..4dc2285 100644 --- a/content/overview-rich-content/index.md +++ b/content/overview-rich-content/index.md @@ -41,19 +41,19 @@ parameters: `sources` (an array of strings), `fallback_path`, and `fallback_alt` (both strings). Each string in the `sources` array should be a path to an image file of -a different type (`webp`, `png`, `jpg`, etc). `fpath` and +a different type (`avif`, `webp`, `png`, `jpg`, etc). `fpath` and `falt` are used to create an `` tag for the browser to fall back on if the other formats aren't yet supported, fw and fh set the width and height of the fallback ### Usage ```rs -{{/* image(sources=["over9000-960.webp", "over9000-640.webp", "over9000-400.webp"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") */}} +{{/* image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") */}} ``` ### Output ```html -{{ image(sources=["over9000-960.webp", "over9000-640.webp", "over9000-400.webp"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") }} +{{ image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") }} ``` -{{ image(sources=["over9000-960.webp", "over9000-640.webp", "over9000-400.webp"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") }} +{{ image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") }} ## GIF diff --git a/content/overview-rich-content/over9000-400.avif b/content/overview-rich-content/over9000-400.avif new file mode 100644 index 0000000..e4c6b1d Binary files /dev/null and b/content/overview-rich-content/over9000-400.avif differ diff --git a/content/overview-rich-content/over9000-400.webp b/content/overview-rich-content/over9000-400.webp deleted file mode 100644 index 1b2876f..0000000 Binary files a/content/overview-rich-content/over9000-400.webp and /dev/null differ diff --git a/content/overview-rich-content/over9000-640.avif b/content/overview-rich-content/over9000-640.avif new file mode 100644 index 0000000..38d314b Binary files /dev/null and b/content/overview-rich-content/over9000-640.avif differ diff --git a/content/overview-rich-content/over9000-960.avif b/content/overview-rich-content/over9000-960.avif new file mode 100644 index 0000000..ae3584d Binary files /dev/null and b/content/overview-rich-content/over9000-960.avif differ diff --git a/content/overview-rich-content/over9000-960.webp b/content/overview-rich-content/over9000-960.webp deleted file mode 100644 index 28fba9c..0000000 Binary files a/content/overview-rich-content/over9000-960.webp and /dev/null differ diff --git a/sass/abridge.scss b/sass/abridge.scss index 5573482..2cde0d3 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -711,23 +711,9 @@ $syntax: true !default;//syntax highlighting for code blocks margin-bottom: 0; margin-top: 0.2rem; } - li { - display: inline-block; - margin: 0 .2rem; - } } main nav { - ul { - display: flex; - padding-left: 0; - } margin-top: var(--s2);//pagination margin - li { - margin: .2rem; - } - li.inp { - padding-top: .1rem; - } } .outp { padding: 0 .26rem .2rem; @@ -751,11 +737,7 @@ $syntax: true !default;//syntax highlighting for code blocks color: var(--a1);//pagination color current page } footer nav { - ul { - margin: 0; - padding: 0; - } - li { + i { margin: 0 .2rem .4rem; } } diff --git a/screenshot.png b/screenshot.png index cd3a293..ec8d65f 100644 Binary files a/screenshot.png and b/screenshot.png differ diff --git a/static/android-chrome-192x192.png b/static/android-chrome-192x192.png index 4eba45e..3a075c3 100644 Binary files a/static/android-chrome-192x192.png and b/static/android-chrome-192x192.png differ diff --git a/static/android-chrome-192x192m.png b/static/android-chrome-192x192m.png index f7e37a2..f1e485d 100644 Binary files a/static/android-chrome-192x192m.png and b/static/android-chrome-192x192m.png differ diff --git a/static/android-chrome-512x512.png b/static/android-chrome-512x512.png index 371daf4..b671d86 100644 Binary files a/static/android-chrome-512x512.png and b/static/android-chrome-512x512.png differ diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png index b872d32..2923e41 100644 Binary files a/static/apple-touch-icon.png and b/static/apple-touch-icon.png differ diff --git a/static/banner.png b/static/banner.png index 775bff2..a4a46d5 100644 Binary files a/static/banner.png and b/static/banner.png differ diff --git a/static/favicon-32x32.png b/static/favicon-32x32.png index e68ac3c..df1736f 100644 Binary files a/static/favicon-32x32.png and b/static/favicon-32x32.png differ diff --git a/static/mstile-150x150.png b/static/mstile-150x150.png index 41ce573..7a18d2b 100644 Binary files a/static/mstile-150x150.png and b/static/mstile-150x150.png differ diff --git a/templates/base.html b/templates/base.html index 2ab46f8..fd3c553 100644 --- a/templates/base.html +++ b/templates/base.html @@ -9,7 +9,7 @@ {{- macros_head::stylesheets(config=config) }} - + {{- macros_head::stylesheets_preload(config=config) }} {{- macros_head::js(config=config) }} diff --git a/templates/macros/social.html b/templates/macros/social.html index 6ad83de..1221ce7 100644 --- a/templates/macros/social.html +++ b/templates/macros/social.html @@ -1,5 +1,5 @@ {%- macro social_links(config) %} - {%- endmacro %} diff --git a/templates/shortcodes/image.html b/templates/shortcodes/image.html index 8452ce9..4f9d3de 100644 --- a/templates/shortcodes/image.html +++ b/templates/shortcodes/image.html @@ -3,5 +3,5 @@ {% set type = source | split(pat=".") | last -%} {% endfor -%} - {{ falt | default(value='Image') }} + {{ falt | default(value='Image') }} diff --git a/templates/shortcodes/img.html b/templates/shortcodes/img.html index cf2a562..f23f783 100644 --- a/templates/shortcodes/img.html +++ b/templates/shortcodes/img.html @@ -24,5 +24,8 @@ {%- endif %} {%- set img = src | split(pat="/") | last %} -{%- set name = img | split(pat=".") | first %} - + +{%- if not alt %} + {%- set alt = img | split(pat=".") | first %} +{%- endif %} + diff --git a/templates/shortcodes/imgswap.html b/templates/shortcodes/imgswap.html index f8c983c..4397b29 100644 --- a/templates/shortcodes/imgswap.html +++ b/templates/shortcodes/imgswap.html @@ -25,8 +25,11 @@ {%- endif %} {%- set img = main_src | split(pat="/") | last %} - {%- set name = img | split(pat=".") | first %} - + + {%- if not alt %} + {%- set alt = img | split(pat=".") | first %} + {%- endif %} + {%- set dirtest = swap_src | trim_start_matches(pat="./") %} {%- if dirtest is containing("/") %} @@ -54,6 +57,9 @@ {%- endif %} {%- set img = swap_src | split(pat="/") | last %} - {%- set name = img | split(pat=".") | first %} - + + {%- if not alt %} + {%- set alt = img | split(pat=".") | first %} + {%- endif %} + -- cgit v1.3.1