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

---
 content/overview-rich-content/index.fr.md | 82 +++++++++++++++++++++++++++++++
 1 file changed, 82 insertions(+)
 create mode 100644 content/overview-rich-content/index.fr.md

(limited to 'content/overview-rich-content')

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.
+
+<!-- more -->
+
+## Vidéo
+
+Le `video` shortcode prend un `sources` paramètre (un tableau de chaînes) et renvoie une `<video>` balise. Chaque chaîne du `sources` tableau doit être un chemin vers un fichier vidéo d'un type différent (`webm`, `mp4`, etc). Chaque source individuelle est ensuite convertie en `<source>` balise et l'élément est renvoyé.
+
+### Usage
+```rs
+{{/* video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) */}}
+```
+### Sortir
+```html
+{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }}
+```
+{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }}
+
+## Image
+
+Le `image` shortcode renvoie une `<picture>` 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
+`falt` sont utilisés pour créer une `<img>` 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!") */}}
+```
+### 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.webp", "over9000-640.webp", "over9000-400.webp"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") }}
+
+## GIF
+
+Le `gif` shortcode est exactement le même que le [shortcode vidéo][video]
+– il prend un tableau de chaînes appelées `sources` et renvoie une `<video>` balise. La seule différence réside dans la balise la plus à l'extérieur, qui a quatre propriétés supplémentaires : `autoplay`, `loop`, `muted`, `playsinline`.
+
+L'utilisation de la `<video>` balise à la place des gifs permet de réduire la taille des fichiers, ce qui est particulièrement important dans les régions où Internet est plus lent ou moins fiable.
+
+### Usage
+```rs
+{{/* gif(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) */}}
+```
+### Sortir
+```html
+{{ gif(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }}
+```
+{{ gif(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }}
+
+## l'audio
+
+Le `audio` shortcode prend un `sources` tableau de chaînes et renvoie une `<audio>` balise. Chaque chaîne du `sources` tableau doit être un chemin vers un fichier audio d'un type différent (`ogg`, `mp3`, `flac`, `wav`, etc). Le navigateur jouera le premier type qu'il prend en charge, donc les placer dans l'ordre de la taille la plus petite à la plus grande utilisera le moins de bande passante si tel est votre objectif.
+
+### Usage
+```rs
+{{/* audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]) */}}
+```
+### Sortir
+```html
+{{ audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]) }}
+```
+{{ audio(sources=["over9000.ogg", "over9000.mp3"]) }}
+
+[built-in]: https://www.getzola.org/documentation/content/shortcodes/#built-in-shortcodes
+[video]: @/overview-rich-content/index.md#video
-- 
cgit v1.3.1


From 9543caf10ffdbcc2cea462a8bcb64cee29d406d5 Mon Sep 17 00:00:00 2001
From: Jieiku
Date: Mon, 22 May 2023 23:09:27 -0700
Subject: Syntax Highlighting Variables

---
 content/overview-code-blocks.fr.md        |  57 +++
 content/overview-code-blocks.md           |  57 +++
 content/overview-embed-streamable.fr.md   |  33 ++
 content/overview-embed-streamable.md      |  33 ++
 content/overview-embed-vimeo.fr.md        |  37 ++
 content/overview-embed-vimeo.md           |  37 ++
 content/overview-embed-youtube.fr.md      |  36 ++
 content/overview-embed-youtube.md         |  36 ++
 content/overview-embedded-vimeo.fr.md     |  29 --
 content/overview-embedded-vimeo.md        |  29 --
 content/overview-embedded-youtube.fr.md   |  28 --
 content/overview-embedded-youtube.md      |  28 --
 content/overview-rich-content/index.fr.md |   2 +-
 content/overview-rich-content/index.md    |   2 +-
 sass/_imports.scss                        |  52 ---
 sass/_includes.scss                       |  58 ++++
 sass/abridge-auto.scss                    |  26 +-
 sass/abridge-dark.scss                    |  14 +-
 sass/abridge-light.scss                   |  14 +-
 sass/abridge.scss                         |  24 +-
 sass/colors/_blue.scss                    |   6 +-
 sass/colors/_blueshade.scss               |   4 +-
 sass/colors/_orange.scss                  |   6 +-
 sass/colors/_syntax.scss                  |  21 ++
 sass/include/_syntax.scss                 | 200 +++++++++++
 sass/syntax/syntax-abridge.scss           | 551 -----------------------------
 sass/syntax/syntax-ayu-abridge.scss       | 551 -----------------------------
 sass/syntax/syntax-ayumirage-abridge.scss | 554 ------------------------------
 sass/syntax/syntax-charcoal-abridge.scss  | 162 ---------
 sass/syntax/syntax-dracula-abridge.scss   | 494 --------------------------
 sass/syntax/syntax-material-abridge.scss  | 524 ----------------------------
 templates/page.html                       |   2 +-
 templates/shortcodes/note.html            |  30 --
 templates/shortcodes/streamable.html      |   3 +
 templates/shortcodes/vimeo.html           |   3 +
 templates/shortcodes/vm.html              |   3 -
 templates/shortcodes/youtube.html         |   3 +
 templates/shortcodes/yt.html              |   3 -
 38 files changed, 657 insertions(+), 3095 deletions(-)
 create mode 100644 content/overview-embed-streamable.fr.md
 create mode 100644 content/overview-embed-streamable.md
 create mode 100644 content/overview-embed-vimeo.fr.md
 create mode 100644 content/overview-embed-vimeo.md
 create mode 100644 content/overview-embed-youtube.fr.md
 create mode 100644 content/overview-embed-youtube.md
 delete mode 100644 content/overview-embedded-vimeo.fr.md
 delete mode 100644 content/overview-embedded-vimeo.md
 delete mode 100644 content/overview-embedded-youtube.fr.md
 delete mode 100644 content/overview-embedded-youtube.md
 delete mode 100644 sass/_imports.scss
 create mode 100644 sass/_includes.scss
 create mode 100644 sass/colors/_syntax.scss
 create mode 100644 sass/include/_syntax.scss
 delete mode 100644 sass/syntax/syntax-abridge.scss
 delete mode 100644 sass/syntax/syntax-ayu-abridge.scss
 delete mode 100644 sass/syntax/syntax-ayumirage-abridge.scss
 delete mode 100644 sass/syntax/syntax-charcoal-abridge.scss
 delete mode 100644 sass/syntax/syntax-dracula-abridge.scss
 delete mode 100644 sass/syntax/syntax-material-abridge.scss
 delete mode 100644 templates/shortcodes/note.html
 create mode 100644 templates/shortcodes/streamable.html
 create mode 100644 templates/shortcodes/vimeo.html
 delete mode 100644 templates/shortcodes/vm.html
 create mode 100644 templates/shortcodes/youtube.html
 delete mode 100644 templates/shortcodes/yt.html

(limited to 'content/overview-rich-content')

diff --git a/content/overview-code-blocks.fr.md b/content/overview-code-blocks.fr.md
index c8fbdf2..a21c15a 100644
--- a/content/overview-code-blocks.fr.md
+++ b/content/overview-code-blocks.fr.md
@@ -320,3 +320,60 @@ while True:
         print("Could Not Connect to SMTP server!")
     time.sleep(interval)
 ```
+
+### Ruby
+```ruby
+=begin
+  Ruby program to check whether the
+  year is leap year or not between range.
+=end
+
+puts "Enter the lower limit:"
+lwr = gets.chomp.to_i
+puts "Enter the upper limit:"
+upr = gets.chomp.to_i
+
+for yr in lwr..upr do
+  if yr % 400 == 0
+    puts "#{yr} is a leap year"
+  elsif yr % 4 == 0 && yr % 100 !=0
+    puts "#{yr} is a leap year"
+  else
+    puts "#{yr} is not a leap year"
+  end
+end
+```
+
+### SCSS
+```scss
+
+$font: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif !default;
+$font-mono: ui-monospace, Menlo, Monaco, Consolas, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "DejaVu Sans Mono", "Liberation Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", Courier, monospace !default;
+
+@mixin root {
+  #{--ff}: $font;
+  #{--fm}: $font-mono;//code
+
+  --fs: 1rem; //font-size
+
+  // Responsive typography
+  @if $enable-responsive-typography {
+    @if map-get($breakpoints, "lg") {
+      @media (min-width: map-get($breakpoints, "lg")) {
+        --fs: 1.08rem;
+      }
+    }
+  }
+}
+```
+
+### CSS
+```css
+html {
+    font-size: var(--fs);
+}
+
+.c {
+    text-align: center;
+}
+```
diff --git a/content/overview-code-blocks.md b/content/overview-code-blocks.md
index d38ac9e..916dcc1 100644
--- a/content/overview-code-blocks.md
+++ b/content/overview-code-blocks.md
@@ -320,3 +320,60 @@ while True:
         print("Could Not Connect to SMTP server!")
     time.sleep(interval)
 ```
+
+### Ruby
+```ruby
+=begin
+  Ruby program to check whether the
+  year is leap year or not between range.
+=end
+
+puts "Enter the lower limit:"
+lwr = gets.chomp.to_i
+puts "Enter the upper limit:"
+upr = gets.chomp.to_i
+
+for yr in lwr..upr do
+  if yr % 400 == 0
+    puts "#{yr} is a leap year"
+  elsif yr % 4 == 0 && yr % 100 !=0
+    puts "#{yr} is a leap year"
+  else
+    puts "#{yr} is not a leap year"
+  end
+end
+```
+
+### SCSS
+```scss
+
+$font: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif !default;
+$font-mono: ui-monospace, Menlo, Monaco, Consolas, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "DejaVu Sans Mono", "Liberation Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", Courier, monospace !default;
+
+@mixin root {
+  #{--ff}: $font;
+  #{--fm}: $font-mono;//code
+
+  --fs: 1rem; //font-size
+
+  // Responsive typography
+  @if $enable-responsive-typography {
+    @if map-get($breakpoints, "lg") {
+      @media (min-width: map-get($breakpoints, "lg")) {
+        --fs: 1.08rem;
+      }
+    }
+  }
+}
+```
+
+### CSS
+```css
+html {
+    font-size: var(--fs);
+}
+
+.c {
+    text-align: center;
+}
+```
diff --git a/content/overview-embed-streamable.fr.md b/content/overview-embed-streamable.fr.md
new file mode 100644
index 0000000..0a4779a
--- /dev/null
+++ b/content/overview-embed-streamable.fr.md
@@ -0,0 +1,33 @@
++++
+title = "Streamable intégrées"
+description = "Exemple d'article présentant un code abrégé Zola personnalisé pour intégrer des vidéos Streamable dans vos pages."
+date = 2021-05-06
+draft = false
+
+[taxonomies]
+categories = ["Features"]
+tags = ["shortcodes","video"]
+[extra]
+keywords = "Video, Shortcodes, Embed, Embedded, Streamable"
++++
+
+Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exemple montre streamable.
+<!-- more -->
+
+## Streamable
+
+### Usage
+
+```rs
+{{/* streamable(id="92ok4") */}}
+```
+
+- `id`: l'identifiant de la vidéo (obligatoire)
+- `class`: une classe à ajouter au &lt;div&gt; entourant l'iframe (optionnel)
+- `title` - définir le titre alt pour l'iframe (facultatif, par défaut sur "Streamable")
+
+### Output
+```html
+{{ streamable(id="92ok4") }}
+```
+{{ streamable(id="92ok4") }}
diff --git a/content/overview-embed-streamable.md b/content/overview-embed-streamable.md
new file mode 100644
index 0000000..2478d06
--- /dev/null
+++ b/content/overview-embed-streamable.md
@@ -0,0 +1,33 @@
++++
+title = "Embed Streamable Video"
+description = "Sample article showcasing a custom Zola shortcode for embedding Streamable Videos into your pages."
+date = 2021-05-06
+draft = false
+
+[taxonomies]
+categories = ["Features"]
+tags = ["shortcodes","video"]
+[extra]
+keywords = "Video, Shortcodes, Embed, Embedded, Streamable"
++++
+
+Zola has many shortcodes, and new are easily added, this example shows streamable.
+<!-- more -->
+
+## Streamable
+
+### Usage
+
+```rs
+{{/* streamable(id="92ok4") */}}
+```
+
+- `id`: the video id (mandatory)
+- `class`: a class to add to the &lt;div&gt; surrounding the iframe (optional)
+- `title` - set alt title for the iframe (optional, defaults to "Streamable")
+
+### Output
+```html
+{{ streamable(id="92ok4") }}
+```
+{{ streamable(id="92ok4") }}
diff --git a/content/overview-embed-vimeo.fr.md b/content/overview-embed-vimeo.fr.md
new file mode 100644
index 0000000..3c9ec47
--- /dev/null
+++ b/content/overview-embed-vimeo.fr.md
@@ -0,0 +1,37 @@
++++
+title = "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.
+<!-- more -->
+
+## Vimeo
+
+### Usage
+
+```rs
+{{/* vimeo(id="514402648") */}}
+```
+
+- `id`: l'identifiant de la vidéo (obligatoire)
+- `class`: une classe à ajouter au &lt;div&gt; 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.
+
+### Output
+```html
+{{ vimeo(id="514402648") }}
+```
+{{ vimeo(id="514402648") }}
diff --git a/content/overview-embed-vimeo.md b/content/overview-embed-vimeo.md
new file mode 100644
index 0000000..bc8cd93
--- /dev/null
+++ b/content/overview-embed-vimeo.md
@@ -0,0 +1,37 @@
++++
+title = "Embed Vimeo Video"
+description = "Sample article showcasing a custom Zola shortcode for embedding Vimeo Videos into your pages."
+date = 2021-05-07
+draft = false
+
+[taxonomies]
+categories = ["Features"]
+tags = ["shortcodes","video"]
+[extra]
+keywords = "Video, Shortcodes, Embed, Embedded, Vimeo"
++++
+
+Zola has many shortcodes, and new are easily added, this example shows vimeo.
+<!-- more -->
+
+## Vimeo
+
+### Usage
+
+```rs
+{{/* vimeo(id="514402648") */}}
+```
+
+- `id`: the video id (mandatory)
+- `class`: a class to add to the &lt;div&gt; surrounding the iframe (optional)
+- `autoplay`: when set to "true", the video autoplays on load (optional)
+- `loop`: when set to "true", the video plays on a loop (optional)
+- `noautopause`: when set to "true", the video will not autopause (optional)
+- `title` - set alt title for the iframe (optional, defaults to "Vimeo")
+- `cookie` - set to "true" if you want tracking cookies, otherwise it defaults to false.
+
+### Output
+```html
+{{ vimeo(id="514402648") }}
+```
+{{ vimeo(id="514402648") }}
diff --git a/content/overview-embed-youtube.fr.md b/content/overview-embed-youtube.fr.md
new file mode 100644
index 0000000..3655b9a
--- /dev/null
+++ b/content/overview-embed-youtube.fr.md
@@ -0,0 +1,36 @@
++++
+title = "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.
+<!-- more -->
+
+## Youtube
+
+### Usage
+
+```rs
+{{/* youtube(id="32gyFIWecuw") */}}
+```
+
+- `id`: l'identifiant de la vidéo (obligatoire)
+- `playlist`: l'identifiant de la playlist (optionnel)
+- `class`: une classe à ajouter au &lt;div&gt; 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.
+
+### Output
+```html
+{{ youtube(id="32gyFIWecuw") }}
+```
+{{ youtube(id="32gyFIWecuw") }}
diff --git a/content/overview-embed-youtube.md b/content/overview-embed-youtube.md
new file mode 100644
index 0000000..f247a7f
--- /dev/null
+++ b/content/overview-embed-youtube.md
@@ -0,0 +1,36 @@
++++
+title = "Embed Youtube Video"
+description = "Sample article showcasing a custom Zola shortcode for embedding Youtube Videos into your pages."
+date = 2021-05-08
+draft = false
+
+[taxonomies]
+categories = ["Features"]
+tags = ["shortcodes","video"]
+[extra]
+keywords = "Video, Shortcodes, Embed, Embedded, Youtube"
++++
+
+Zola has many shortcodes, and new are easily added, this example shows youtube.
+<!-- more -->
+
+## Youtube
+
+### Usage
+
+```rs
+{{/* youtube(id="32gyFIWecuw") */}}
+```
+
+- `id`: the video id (mandatory)
+- `playlist`: the playlist id (optional)
+- `class`: a class to add to the &lt;div&gt; surrounding the iframe (optional)
+- `autoplay`: when set to "true", the video autoplays on load (optional)
+- `title` - set alt title for the iframe (optional, defaults to "Youtube")
+- `cookie` - set to "true" if you want tracking cookies, otherwise it defaults to false.
+
+### Output
+```html
+{{ youtube(id="32gyFIWecuw") }}
+```
+{{ youtube(id="32gyFIWecuw") }}
diff --git a/content/overview-embedded-vimeo.fr.md b/content/overview-embedded-vimeo.fr.md
deleted file mode 100644
index ef29b86..0000000
--- a/content/overview-embedded-vimeo.fr.md
+++ /dev/null
@@ -1,29 +0,0 @@
-+++
-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.
-<!-- more -->
-
-## Vimeo
-
-with `vm(id="id_here")`
-
-- `id`: l'identifiant de la vidéo (obligatoire)
-- `class`: une classe à ajouter au &lt;div&gt; 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-vimeo.md b/content/overview-embedded-vimeo.md
deleted file mode 100644
index ed05ab7..0000000
--- a/content/overview-embedded-vimeo.md
+++ /dev/null
@@ -1,29 +0,0 @@
-+++
-title = "Embedded Vimeo Videos"
-description = "Sample article showcasing a custom Zola shortcode for embedding Vimeo Videos into your pages."
-date = 2021-05-07
-draft = false
-
-[taxonomies]
-categories = ["Features"]
-tags = ["shortcodes","video"]
-[extra]
-keywords = "Video, Shortcodes, Embed, Embedded, Vimeo"
-+++
-
-Zola has many shortcodes, and new are easily added, this example shows vimeo.
-<!-- more -->
-
-## Vimeo
-
-with `vm(id="id_here")`
-
-- `id`: the video id (mandatory)
-- `class`: a class to add to the &lt;div&gt; surrounding the iframe (optional)
-- `autoplay`: when set to "true", the video autoplays on load (optional)
-- `loop`: when set to "true", the video plays on a loop (optional)
-- `noautopause`: when set to "true", the video will not autopause (optional)
-- `title` - set alt title for the iframe (optional, defaults to "Vimeo")
-- `cookie` - set to "true" if you want tracking cookies, otherwise it defaults to false.
-
-{{ vm(id="514402648") }}
diff --git a/content/overview-embedded-youtube.fr.md b/content/overview-embedded-youtube.fr.md
deleted file mode 100644
index b1c8cab..0000000
--- a/content/overview-embedded-youtube.fr.md
+++ /dev/null
@@ -1,28 +0,0 @@
-+++
-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.
-<!-- more -->
-
-## 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 &lt;div&gt; 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-embedded-youtube.md b/content/overview-embedded-youtube.md
deleted file mode 100644
index d364730..0000000
--- a/content/overview-embedded-youtube.md
+++ /dev/null
@@ -1,28 +0,0 @@
-+++
-title = "Embedded Youtube Videos"
-description = "Sample article showcasing a custom Zola shortcode for embedding Youtube Videos into your pages."
-date = 2021-05-08
-draft = false
-
-[taxonomies]
-categories = ["Features"]
-tags = ["shortcodes","video"]
-[extra]
-keywords = "Video, Shortcodes, Embed, Embedded, Youtube"
-+++
-
-Zola has many shortcodes, and new are easily added, this example shows youtube.
-<!-- more -->
-
-## Youtube
-
-with `yt(id="the_id_here")`
-
-- `id`: the video id (mandatory)
-- `playlist`: the playlist id (optional)
-- `class`: a class to add to the &lt;div&gt; surrounding the iframe (optional)
-- `autoplay`: when set to "true", the video autoplays on load (optional)
-- `title` - set alt title for the iframe (optional, defaults to "Youtube")
-- `cookie` - set to "true" if you want tracking cookies, otherwise it defaults to false.
-
-{{ yt(id="32gyFIWecuw") }}
diff --git a/content/overview-rich-content/index.fr.md b/content/overview-rich-content/index.fr.md
index 43425fa..819b2db 100644
--- a/content/overview-rich-content/index.fr.md
+++ b/content/overview-rich-content/index.fr.md
@@ -1,7 +1,7 @@
 +++
 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
+date = 2021-05-15
 draft = false
 
 [taxonomies]
diff --git a/content/overview-rich-content/index.md b/content/overview-rich-content/index.md
index 6e5d1b8..8f86d3b 100644
--- a/content/overview-rich-content/index.md
+++ b/content/overview-rich-content/index.md
@@ -1,7 +1,7 @@
 +++
 title = "Rich Content"
 description = "A brief description of custom Shortcodes for Zola that implement modern html elements: video, image, gif, audio."
-date = 2021-05-18
+date = 2021-05-15
 draft = false
 
 [taxonomies]
diff --git a/sass/_imports.scss b/sass/_imports.scss
deleted file mode 100644
index 95a58e3..0000000
--- a/sass/_imports.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-/**
- * Forked from Bamboo: https://github.com/rilwis/bamboo (MIT)
- * which was forked from new.css (MIT)
- * Supplemented code from Pico.css: https://github.com/picocss/pico (MIT)
- * Supplemented code from Basic.css: https://github.com/vladocar/Basic.css (MIT)
- * Supplemented code from AttriCSS: https://github.com/raj457036/attriCSS (MIT)
- * Feather Icons: https://github.com/feathericons/feather (MIT)
- * Tabler Icons: https://github.com/tabler/tabler-icons/find/master (MIT)
- *
- * Bamboo, New, Pico: based on Normalize.css & Sanitize.css
- *  Normalize: https://github.com/necolas/normalize.css (MIT)
- *  Sanitize: https://github.com/csstools/sanitize.css (CC0 1.0 Universal)
- */
-
-// Config
-@forward "variables" as var-*;
-
-@forward "colors/orange" as colors-*;
-//@forward "colors/blue" as colors-*;
-//@forward "colors/blueshade" as colors-*;
-
-//@use "fonts/Roboto";
-//@use "fonts/Roboto-Mono"; // Monospaced
-//@use "fonts/Arimo";
-//@use "fonts/FiraCode"; // Monospaced
-//@use "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)
-@use "include/document"; // html
-@use "include/typography"; // a, headings, p, ul, blockquote, ...
-@use "include/sectioning"; // body, header, main, footer
-@use "include/nav"; // Nav
-
-@use "include/embedded"; // iframe(youtube/vimeo), audio, canvas, img, svg, video
-@use "include/table"; // table, tr, td, ...
-@use "include/code"; // pre, code, ...
-@use "include/hr"; // hr
-
-@use "include/scroller"; // figure
-@use "include/button"; // button, a[role=button], type=button, type=submit ...
-@use "include/form"; // input, select, textarea, label, fieldset, legend (If you use this, you should also use button)
-@use "include/top"; // back to top button using only CSS
-
-@use "include/search"; // Zola Search - elasticlunr site-wide search
-@use "include/toc"; // Zola TOC - Table of Content Menu (recent posts & index), sticky (floats top right)
-
-@use "include/icons"; // svg icons
-
-@use "include/zola"; // Zola spacing and layout classes
-
-//@use "include/grid"; // section infinite grid -- test/rework this similar to hnav and milligram in that it should collapse to a single column as the page becomes narrow
-//@use "include/misc"; // template, [hidden], dialog, canvas
diff --git a/sass/_includes.scss b/sass/_includes.scss
new file mode 100644
index 0000000..812f8d1
--- /dev/null
+++ b/sass/_includes.scss
@@ -0,0 +1,58 @@
+/**
+ * Forked from Bamboo: https://github.com/rilwis/bamboo (MIT)
+ * which was forked from new.css (MIT)
+ * Supplemented code from Pico.css: https://github.com/picocss/pico (MIT)
+ * Supplemented code from Basic.css: https://github.com/vladocar/Basic.css (MIT)
+ * Supplemented code from AttriCSS: https://github.com/raj457036/attriCSS (MIT)
+ * Feather Icons: https://github.com/feathericons/feather (MIT)
+ * Tabler Icons: https://github.com/tabler/tabler-icons/find/master (MIT)
+ *
+ * Bamboo, New, Pico: based on Normalize.css & Sanitize.css
+ *  Normalize: https://github.com/necolas/normalize.css (MIT)
+ *  Sanitize: https://github.com/csstools/sanitize.css (CC0 1.0 Universal)
+ */
+
+// Config
+@forward "variables" as var-*;
+
+@forward "colors/orange" as colors-*;
+//@forward "colors/blue" as colors-*;
+//@forward "colors/blueshade" as colors-*;
+
+@forward "colors/syntax" as syntax-*;
+
+//@use "fonts/Roboto";
+//@use "fonts/Roboto-Mono"; // Monospaced
+//@use "fonts/Arimo";
+//@use "fonts/FiraCode"; // Monospaced
+//@use "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)
+@use "include/document"; // html
+@use "include/typography"; // a, headings, p, ul, blockquote, ...
+@use "include/sectioning"; // body, header, main, footer
+@use "include/nav"; // Nav
+
+@use "include/embedded"; // iframe(youtube/vimeo), audio, canvas, img, svg, video
+@use "include/table"; // table, tr, td, ...
+@use "include/code"; // pre, code, ...
+@use "include/hr"; // hr
+
+@use "include/scroller"; // figure
+@use "include/button"; // button, a[role=button], type=button, type=submit ...
+@use "include/form"; // input, select, textarea, label, fieldset, legend (If you use this, you should also use button)
+@use "include/top"; // back to top button using only CSS
+
+@use "include/syntax"; // syntax highlighting for code
+
+@use "include/search"; // Zola Search - elasticlunr site-wide search
+@use "include/toc"; // Zola TOC - Table of Content Menu (recent posts & index), sticky (floats top right)
+
+@use "include/icons"; // svg icons
+
+@use "include/zola"; // Zola spacing and layout classes
+
+
+
+//@use "include/grid"; // section infinite grid -- test/rework this similar to hnav and milligram in that it should collapse to a single column as the page becomes narrow
+//@use "include/misc"; // template, [hidden], dialog, canvas
diff --git a/sass/abridge-auto.scss b/sass/abridge-auto.scss
index 6db0963..ef1ba6e 100644
--- a/sass/abridge-auto.scss
+++ b/sass/abridge-auto.scss
@@ -1,26 +1,20 @@
-@use "imports";
-@use "syntax/syntax-abridge" as syntax;
+@use "includes";
 
 :root {
-  @include imports.var-root;
-}
-
-@if imports.$var-syntax {
-  :root {
-    @include syntax.dark;
-  }
-@media (prefers-color-scheme: light) {
-  :root {
-    @include syntax.light;
-  }
-}
+  @include includes.var-root;
 }
 
 :root {
-  @include imports.colors-dark;
+  @include includes.colors-dark;
+  @if includes.$var-syntax {
+    @include includes.syntax-dark;
+  }
 }
 @media (prefers-color-scheme: light) {
   :root {
-    @include imports.colors-light;
+    @include includes.colors-light;
+    @if includes.$var-syntax {
+      @include includes.syntax-light;
+    }
   }
 }
diff --git a/sass/abridge-dark.scss b/sass/abridge-dark.scss
index 8303026..0d3cb4c 100644
--- a/sass/abridge-dark.scss
+++ b/sass/abridge-dark.scss
@@ -1,14 +1,12 @@
-@use "imports";
-@use "syntax/syntax-abridge" as syntax;
+@use "includes";
 
 :root {
-  @include imports.var-root;
-}
-
-@if imports.$var-syntax {
-  @include syntax.dark;
+  @include includes.var-root;
 }
 
 :root {
-  @include imports.colors-dark;
+  @include includes.colors-dark;
+  @if includes.$var-syntax {
+    @include includes.syntax-dark;
+  }
 }
diff --git a/sass/abridge-light.scss b/sass/abridge-light.scss
index 82ec159..707ba96 100644
--- a/sass/abridge-light.scss
+++ b/sass/abridge-light.scss
@@ -1,14 +1,12 @@
-@use "imports";
-@use "syntax/syntax-abridge" as syntax;
+@use "includes";
 
 :root {
-  @include imports.var-root;
-}
-
-@if imports.$var-syntax {
-  @include syntax.light;
+  @include includes.var-root;
 }
 
 :root {
-  @include imports.colors-light;
+  @include includes.colors-light;
+  @if includes.$var-syntax {
+    @include includes.syntax-light;
+  }
 }
diff --git a/sass/abridge.scss b/sass/abridge.scss
index e74ce28..cd35c7a 100644
--- a/sass/abridge.scss
+++ b/sass/abridge.scss
@@ -1,22 +1,18 @@
-@use "imports";
-@use "syntax/syntax-abridge" as syntax;
+@use "includes";
 
 :root {
-  @include imports.var-root;
-}
-
-@if imports.$var-syntax {
-  :root:not(.light) {
-    @include syntax.dark;
-  }
-  :root.light {
-    @include syntax.light;
-  }
+  @include includes.var-root;
 }
 
 :root:not(.light) {
-  @include imports.colors-dark;
+  @include includes.colors-dark;
+  @if includes.$var-syntax {
+    @include includes.syntax-dark;
+  }
 }
 :root.light {
-  @include imports.colors-light;
+  @include includes.colors-light;
+  @if includes.$var-syntax {
+    @include includes.syntax-light;
+  }
 }
diff --git a/sass/colors/_blue.scss b/sass/colors/_blue.scss
index 085b038..7c919cf 100644
--- a/sass/colors/_blue.scss
+++ b/sass/colors/_blue.scss
@@ -12,12 +12,12 @@
   --cr: #e33;// del red, errors (e33)
 }
 @mixin light {
-  --f1: #444;// Font Color Primary (444)
-  --f2: #333;// Font color Headers (333)
+  --f1: #333;// Font Color Primary (333)
+  --f2: #222;// Font color Headers (222)
   --c1: #fff;// Background Color Primary (fff)
   --c2: #eee;// Background Color Secondary (eee)
   --c3: #ddd;// Table Rows, Block quote edge, Borders (ddd)
-  --c4: #677;// Disabled Buttons, Borders, mark background (677)
+  --c4: #555;// Disabled Buttons, Borders, mark background (677)
   --a1: #06e;// link color (06e)
   --a2: #09f;// link hover/focus color (09f)
   --a3: #07f;// link h1-h2 hover/focus color (07f)
diff --git a/sass/colors/_blueshade.scss b/sass/colors/_blueshade.scss
index b3d82e7..1df3b01 100644
--- a/sass/colors/_blueshade.scss
+++ b/sass/colors/_blueshade.scss
@@ -12,8 +12,8 @@
   --cr: #e33;// del red, errors (e33)
 }
 @mixin light {
-  --f1: #444;// Font Color Primary (444)
-  --f2: #333;// Font color Headers (333)
+  --f1: #333;// Font Color Primary (333)
+  --f2: #222;// Font color Headers (222)
   --c1: #fff;// Background Color Primary (fff)
   --c2: #def;// Background Color Secondary (def)
   --c3: #137;// Table Rows, Block quote edge, Borders (137)
diff --git a/sass/colors/_orange.scss b/sass/colors/_orange.scss
index 66d3580..ea5b703 100644
--- a/sass/colors/_orange.scss
+++ b/sass/colors/_orange.scss
@@ -12,12 +12,12 @@
   --cr: #e33;// del red, errors (e33)
 }
 @mixin light {
-  --f1: #444;// Font Color Primary (444)
-  --f2: #333;// Font color Headers (333)
+  --f1: #333;// Font Color Primary (444)
+  --f2: #222;// Font color Headers (333)
   --c1: #fff;// Background Color Primary (fff)
   --c2: #eee;// Background Color Secondary (eee)
   --c3: #ddd;// Table Rows, Block quote edge, Borders (ddd)
-  --c4: #677;// Disabled Buttons, Borders, mark background (677)
+  --c4: #555;// Disabled Buttons, Borders, mark background (677)
   --a1: #c40;// link color (c40)
   --a2: #e60;// link hover/focus color (e60)
   --a3: #f90;// link h1-h2 hover/focus color (f90)
diff --git a/sass/colors/_syntax.scss b/sass/colors/_syntax.scss
new file mode 100644
index 0000000..8522453
--- /dev/null
+++ b/sass/colors/_syntax.scss
@@ -0,0 +1,21 @@
+// Syntax Highlighting
+@mixin dark {
+  --bg: #191919;//background color
+  --h1: #e65;// red, support function
+  --h2: #f91;// orange, punctuation, constant, variable, json-key
+  --h3: #eb6;// tan, entity/function name
+  --h4: #ac3;// green, string
+  --h5: #8db;// teal, escape character
+  --h6: #6ae;// blue, declaration, tag, property
+  --h7: #d6e;// purple, operators
+}
+@mixin light {
+  --bg: #f7f7f7;//background color
+  --h1: #a21;// red, support function
+  --h2: #930;// orange, punctuation, constant, variable, json-key
+  --h3: #a50;// tan, entity/function name
+  --h4: #350;// green, string
+  --h5: #286;// teal, escape character
+  --h6: #059;// blue, declaration, tag, property
+  --h7: #a3c;// purple, operators
+}
diff --git a/sass/include/_syntax.scss b/sass/include/_syntax.scss
new file mode 100644
index 0000000..aecc155
--- /dev/null
+++ b/sass/include/_syntax.scss
@@ -0,0 +1,200 @@
+    // Unstyled Text Color, and background color
+    .z-code {
+        color: var(--f1);//#ccc
+        background-color: var(--bg);
+    }
+    // This is a comment
+    .z-comment {//, .z-punctuation.z-definition.z-comment
+        color: var(--c4);//#888
+        font-style: italic;
+    }
+    // a  (int a;)
+    .z-variable {
+        color: var(--f1);
+    }
+    // "This is a string"
+    .z-string {//, .z-constant.z-other.z-symbol
+        color: var(--h4);
+    }
+    // 10  (a = 10;)
+    .z-constant.z-numeric {
+        color: var(--h2);
+    }
+    // /n
+    .z-constant.z-character.z-escape {//, .z-string.z-regexp
+        color: var(--h5);
+    }
+    // false, true, etc...
+    .z-constant.z-language {
+        color: var(--h2);
+    }
+    // BUF  (const BUF: usize = 10 * 1024;)
+    .z-constant.z-other {//, .z-constant.z-character
+        color: var(--h2);
+    }
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-variable.z-member {
+    //    color: var(--h1);
+    //}
+    // use, crate, let, etc.
+    .z-keyword {//, .z-keyword.z-operator.z-word
+        color: var(--h6);
+    }
+    // = * - + /
+    .z-keyword.z-operator {
+        color: var(--h7);
+    }
+    // separators: commas, colons, etc.  terminator:  endline semicolon, etc.
+    .z-punctuation.z-separator, .z-punctuation.z-terminator {
+        color: var(--f1);
+    }
+    // () [] {}
+    .z-punctuation.z-section {
+        color: var(--f1);
+    }
+    //  .  ::
+    .z-punctuation.z-accessor {
+        color: var(--h2);
+    }
+    //  #  (#[cfg(test)])
+    .z-punctuation.z-definition.z-annotation {
+        color: var(--f1);
+    }
+    // Figure out how to reproduce in code block otherwise don't include
+    //.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: var(--h4);
+    //}
+    // const, pub, mut, Self, fn
+    .z-storage {
+        color: var(--h6);
+    }
+    // const, struct
+    .z-storage.z-type {
+        color: var(--h6);
+    }
+    // new, function names
+    .z-entity.z-name.z-function {
+        color: var(--h3);
+    }
+    // key in toml entries
+    .z-entity.z-name {//, .z-entity.z-name.z-label
+        color: var(--h3);
+    }
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-entity.z-other.z-inherited-class {
+    //    color: var(--h6);
+    //    text-decoration: underline;
+    //}
+    //  v1   (fn lookup(v1))
+    .z-variable.z-parameter {
+        color: var(--h2);
+    }
+    //  self  (self.html.push(c))
+    .z-variable.z-language {
+        color: var(--h3);
+        font-style: italic;
+    }
+    // html tag name, eg:  html, head, meta, title, body, etc.
+    .z-entity.z-name.z-tag {//, .z-meta.z-tag.z-sgml
+        color: var(--h6);
+    }
+    // html tag brackets <>
+    .z-punctuation.z-definition.z-tag.z-end, .z-punctuation.z-definition.z-tag.z-begin, .z-punctuation.z-definition.z-tag {
+        color: var(--h6);
+    }
+    // html attribute name, eg: lang, charset
+    .z-entity.z-other.z-attribute-name {
+        color: var(--h3);
+    }
+    // function name as variable value, and annotation:  derive  (#[derive(Debug)])
+    .z-variable.z-function, .z-variable.z-annotation {
+        color: var(--h3);
+    }
+    // support function, eg:   extend  (self.html.extend(b"<span");)
+    // macros, eg:  println!  print!  format!
+    .z-support.z-function, .z-support.z-macro {
+        color: var(--h1);
+    }
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-support.z-constant {
+    //    color: var(--h2);
+    //    font-style: italic;
+    //}
+    // type: Vec, Some, str, int
+    // class:  Config  ($CONF = Config::getInstance()->getAll();)
+    .z-support.z-type, .z-support.z-class {
+        color: var(--h6);
+        font-style: italic;
+    }
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-source.z-ruby .z-variable.z-other.z-readwrite {
+    //    color: var(--h3);
+    //}
+    // superfluous, already have .z-entity.z-name.z-tag
+    //.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: var(--h6);
+    //}
+    // property name, eg css: font-size, text-align, etc.
+    .z-support.z-type.z-property-name {
+        color: var(--h6);
+    }
+    //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(--h2);
+        }
+    }
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-constant.z-numeric.z-line-number.z-match {
+    //    color: var(--h6);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-entity.z-name.z-filename.z-find-in-files {
+    //    color: var(--h4);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-message.z-error {
+    //    color: var(--h1);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-string.z-other.z-link, .z-markup.z-underline.z-link {
+    //    color: var(--h5);
+    //    text-decoration: underline;
+    //    font-style: italic;
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-punctuation.z-definition.z-image {
+    //    color: var(--h3);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-meta.z-separator {
+    //    color: var(--f1);
+    //    background-color: var(--f1);
+    //    font-weight: bold;
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-markup.z-list.z-numbered.z-bullet, .z-markup.z-list .z-punctuation.z-definition.z-list_item {
+    //    color: var(--h5);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-text.z-html.z-markdown .z-markup.z-raw.z-inline {
+    //    color: var(--h2);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-text.z-html.z-markdown .z-meta.z-dummy.z-line-break {
+    //    color: var(--f1);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-markup.z-raw.z-block.z-fenced.z-markdown {
+    //    color: var(--f1);
+    //    background-color: var(--f1);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown {
+    //    color: var(--f1);
+    //    background-color: var(--f1);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-variable.z-language.z-fenced.z-markdown {
+    //    color: var(--f1);
+    //}
diff --git a/sass/syntax/syntax-abridge.scss b/sass/syntax/syntax-abridge.scss
deleted file mode 100644
index a3007f4..0000000
--- a/sass/syntax/syntax-abridge.scss
+++ /dev/null
@@ -1,551 +0,0 @@
-@mixin dark {
-    .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;
-    }
-}
-@mixin 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;
-    }
-}
diff --git a/sass/syntax/syntax-ayu-abridge.scss b/sass/syntax/syntax-ayu-abridge.scss
deleted file mode 100644
index 1a2b6b8..0000000
--- a/sass/syntax/syntax-ayu-abridge.scss
+++ /dev/null
@@ -1,551 +0,0 @@
-@mixin dark {
-    .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;
-    }
-}
-@mixin 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;
-    }
-}
diff --git a/sass/syntax/syntax-ayumirage-abridge.scss b/sass/syntax/syntax-ayumirage-abridge.scss
deleted file mode 100644
index c4dbfd7..0000000
--- a/sass/syntax/syntax-ayumirage-abridge.scss
+++ /dev/null
@@ -1,554 +0,0 @@
-@mixin dark {
-    .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;
-    }
-}
-@mixin 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;
-    }
-}
diff --git a/sass/syntax/syntax-charcoal-abridge.scss b/sass/syntax/syntax-charcoal-abridge.scss
deleted file mode 100644
index 2073236..0000000
--- a/sass/syntax/syntax-charcoal-abridge.scss
+++ /dev/null
@@ -1,162 +0,0 @@
-@mixin dark {
-    .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;
-    }
-}
-@mixin 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;
-    }
-}
diff --git a/sass/syntax/syntax-dracula-abridge.scss b/sass/syntax/syntax-dracula-abridge.scss
deleted file mode 100644
index 21eef18..0000000
--- a/sass/syntax/syntax-dracula-abridge.scss
+++ /dev/null
@@ -1,494 +0,0 @@
-@mixin dark {
-    .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;
-    }
-}
-@mixin 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;
-    }
-}
diff --git a/sass/syntax/syntax-material-abridge.scss b/sass/syntax/syntax-material-abridge.scss
deleted file mode 100644
index 4dbaae5..0000000
--- a/sass/syntax/syntax-material-abridge.scss
+++ /dev/null
@@ -1,524 +0,0 @@
-@mixin dark {
-    .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;
-    }
-}
-@mixin 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;
-    }
-}
diff --git a/templates/page.html b/templates/page.html
index ba2b451..c92e49c 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -55,7 +55,7 @@
     {%- set toc = page.toc %}
     {%- endif %}
     {%- if toc %}
-    <div class="toc" aria-hidden="true">
+    <div class="toc">
       <div class="toc-sticky">
         <h3>{%- if lang != config.default_language %}{{ trans(key="Index" | safe, lang=lang) }}{% else %}Index{% endif %}</h3>
         {%- for h in toc %}
diff --git a/templates/shortcodes/note.html b/templates/shortcodes/note.html
deleted file mode 100644
index b2420e9..0000000
--- a/templates/shortcodes/note.html
+++ /dev/null
@@ -1,30 +0,0 @@
-{#  note shortcode with icon and border
-
-    type: ok / info / warning / error / neutral / other
-    display: block / icon / both
-    size: small / medium / large
-    markdown: true / false
-
-    example:
-
-    {% note(type="ok", display="block", size="small" markdown=true) %}
-    *Sample* "ok" note. With display "block"
-    And **markdown** content.
-    {% end %}
-#}
-
-{# define defaults #}
-{% if not type %}{% set type="neutral" %}{% endif %}
-{% if not display %}{% set display="block" %}{% endif %}
-{% if not size %}{% set size="small" %}{% endif %}
-{% if not markdown %}{% set markdown=true %}{% endif %}
-
-<div class="note
-{%- if display == 'icon' %} note-icon note-icon-{{size}} note-icon-{{type}}
-{%- elif display == 'block' %} note-block note-{{type}}
-{%- elif display == 'both' %} note-icon note-icon-{{size}} note-icon-{{type}} note-block note-{{type}}
-{%- endif %}">
-{% if markdown %}{{ body | markdown | safe }}
-{% else %}{{ body | safe }}
-{% endif %}
-</div>
diff --git a/templates/shortcodes/streamable.html b/templates/shortcodes/streamable.html
new file mode 100644
index 0000000..7df8e9e
--- /dev/null
+++ b/templates/shortcodes/streamable.html
@@ -0,0 +1,3 @@
+<div class="yv{% if class %} {{class}}{% endif %}">
+    <iframe src="https://www.streamable.com/e/{{id}}" title="{{title | default(value='Streamable') }}" class="yvi" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+</div>
diff --git a/templates/shortcodes/vimeo.html b/templates/shortcodes/vimeo.html
new file mode 100644
index 0000000..0fe3129
--- /dev/null
+++ b/templates/shortcodes/vimeo.html
@@ -0,0 +1,3 @@
+<div class="yv{% if class %} {{class}}{% endif %}">
+    <iframe src="https://player.vimeo.com/video/{{id}}?embedded=true{% if autoplay %}&autoplay=1{% endif %}{% if loop %}&loop=1{% endif %}{% if noautopause %}&autopause=0{% endif %}{% if not cookie %}&dnt=1{% endif %}" title="{{title | default(value='Vimeo') }}" class="yvi" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+</div>
diff --git a/templates/shortcodes/vm.html b/templates/shortcodes/vm.html
deleted file mode 100644
index 2dd60e8..0000000
--- a/templates/shortcodes/vm.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="yv{% if class %} {{class}}{% endif %}">
-	<iframe src="https://player.vimeo.com/video/{{id}}?embedded=true{% if autoplay %}&autoplay=1{% endif %}{% if loop %}&loop=1{% endif %}{% if noautopause %}&autopause=0{% endif %}{% if not cookie %}&dnt=1{% endif %}" title="{{title | default(value='Vimeo') }}" class="yvi" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
-</div>
diff --git a/templates/shortcodes/youtube.html b/templates/shortcodes/youtube.html
new file mode 100644
index 0000000..d07b91b
--- /dev/null
+++ b/templates/shortcodes/youtube.html
@@ -0,0 +1,3 @@
+<div class="yv{% if class %} {{class}}{% endif %}">
+    <iframe src="https://www.youtube{% if not cookie %}-nocookie{% endif %}.com/embed/{{id}}{% if playlist %}?list={{playlist}}{% endif %}{% if autoplay %}?autoplay=1{% endif %}" title="{{title | default(value='Youtube') }}" class="yvi" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+</div>
diff --git a/templates/shortcodes/yt.html b/templates/shortcodes/yt.html
deleted file mode 100644
index 9fb99dd..0000000
--- a/templates/shortcodes/yt.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="yv{% if class %} {{class}}{% endif %}">
-	<iframe src="https://www.youtube{% if not cookie %}-nocookie{% endif %}.com/embed/{{id}}{% if playlist %}?list={{playlist}}{% endif %}{% if autoplay %}?autoplay=1{% endif %}" title="{{title | default(value='Youtube') }}" class="yvi" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
-</div>
-- 
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 'content/overview-rich-content')

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 `<picture>` 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 `<img>` 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 `<img>` 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) }}
   <meta charset="utf-8" />
   <meta http-equiv="x-ua-compatible" content="ie=edge" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
   {{- macros_head::stylesheets_preload(config=config) }}
   {{- macros_head::js(config=config) }}
   <meta name="base" content="{{ config.base_url | safe }}" />
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) %}
-      <nav>
+      <nav><div>
           {%- if config.generate_feed and config.extra.feed -%}
           <a href="{{ get_url(path=config.feed_filename, trailing_slash=false, lang=lang) | safe }}" target="_blank" title="Atom/RSS Feed"><i type="Button" class="svg rss" title="Atom/RSS Feed"></i></a>{% endif -%}
           {%- if config.extra.mail -%}
@@ -54,5 +54,5 @@
           <a href="https://www.buymeacoffee.com/{{ config.extra.buymeacoffee }}/" target="_blank" title="Buy Me A Coffee"><i type="Button" class="svg buymeacoffee" title="Buy Me A Coffee"></i></a>{% endif -%}
           {%- if config.extra.github_sponsor -%}
           <a href="https://github.com/sponsors/{{ config.extra.github_sponsor }}/" target="_blank" title="GitHub Sponsor"><i type="Button" class="svg github-sponsor" title="GitHub Sponsor"></i></a>{% endif -%}
-      </nav>
+      </div></nav>
 {%- 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 -%}
     <source srcset="{{ config.base_url | safe}}{{ page.path | safe }}{{ source | safe }}" type="{{ 'img/' ~ type }}" />
   {% endfor -%}
-  <img src="{{ fpath }}" alt="{{ falt | default(value='Image') }}"{% if fw %} width="{{fw}}"{% endif %}{% if fh %} height="{{fh}}"{% endif %} />
+  <img src="{{ fpath }}" alt="{{ falt | default(value='Image') }}"{% if fw %} width="{{fw}}"{% endif %}{% if fh %} height="{{fh}}"{% endif %} loading="lazy" />
 </picture>
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 %}
-<img src="{{ path | safe }}{{ img | safe }}"{% if class %} class="{{class}}"{% endif %}{% if alt %} alt="{{alt}}"{% endif %}{% if w %} width="{{w}}"{% endif %}{% if h %} height="{{h}}"{% endif %} />
+
+{%- if not alt %}
+  {%- set alt = img | split(pat=".") | first %}
+{%- endif %}
+<img src="{{ path | safe }}{{ img | safe }}"{% if class %} class="{{class}}"{% endif %}{% if alt %} alt="{{alt}}"{% endif %}{% if w %} width="{{w}}"{% endif %}{% if h %} height="{{h}}"{% endif %} loading="lazy" />
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 %}
-  <img src="{{ path | safe }}{{ img | safe }}" class="img-main{% if class %} {{class}}{% endif %}"{% if alt %} alt="{{alt}}"{% endif %}{% if w %} width="{{w}}"{% endif %}{% if h %} height="{{h}}"{% endif %} />
+
+  {%- if not alt %}
+    {%- set alt = img | split(pat=".") | first %}
+  {%- endif %}
+  <img src="{{ path | safe }}{{ img | safe }}" class="img-main{% if class %} {{class}}{% endif %}"{% if alt %} alt="{{alt}}"{% endif %}{% if w %} width="{{w}}"{% endif %}{% if h %} height="{{h}}"{% endif %} loading="lazy" />
 
   {%- 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 %}
-  <img src="{{ path | safe }}{{ img | safe }}" class="img-swap{% if class %} {{class}}{% endif %}"{% if alt %} alt="{{alt}}"{% endif %}{% if w %} width="{{w}}"{% endif %}{% if h %} height="{{h}}"{% endif %} />
+
+  {%- if not alt %}
+    {%- set alt = img | split(pat=".") | first %}
+  {%- endif %}
+  <img src="{{ path | safe }}{{ img | safe }}" class="img-swap{% if class %} {{class}}{% endif %}"{% if alt %} alt="{{alt}}"{% endif %}{% if w %} width="{{w}}"{% endif %}{% if h %} height="{{h}}"{% endif %} loading="lazy" />
 </div>
-- 
cgit v1.3.1