💄 style(code blocks): change syntax highlighting theme & text size (#131)

📝 docs: remove opening and closing +++ in TOML codeblocks

content/blog/comments.ca.md

@@ -116,7 +116,6 @@ La opció `enabled_for_all_posts = true` habilita globalment el sistema de comen
 Alternativament, pots habilitar els comentaris a publicacions concretes afegint el nom del sistema (`utterances`, `giscus`, `hyvortalk` o `isso`) ` = true`. Per exemple, així és com habilitaries giscus:
 
 ```toml,hl_lines=09-10
-+++
 title = "L'art de l'entremaliadura segons Shin-Chan
 date = 1990-02-14
 description = "Descobreix com les travessures poden canviar la teva perspectiva de vida."
@@ -126,7 +125,6 @@ tags = ["personal", "travessures"]
 
 [extra]
 giscus = true
-+++
 ```
 
 Si accidentalment habilites més d'un sistema, Zola mostrarà un error.

content/blog/comments.es.md

@@ -117,7 +117,6 @@ La opción `enabled_for_all_posts = true` habilitará globalmente el sistema de
 Alternativamente, puedes habilitar los comentarios en publicaciones concretas añadiendo el nombre del sistema (`utterances`, `giscus`, `hyvortalk` o `isso`) `= true`. Por ejemplo, así habilitarías giscus:
 
 ```toml,hl_lines=09-10
-+++
 title = "Los molinos de viento de mi vida: reflexiones de un escudero"
 date = 1605-01-16
 description = "Mi viaje junto a Don Quijote, enfrentándome a gigantes imaginarios y descubriendo las verdaderas batallas de la vida."
@@ -127,7 +126,6 @@ tags = ["personal", "reflexiones"]
 
 [extra]
 giscus = true
-+++
 ```
 
 Si accidentalmente habilitas más de un sistema, Zola mostrará un error.

content/blog/comments.md

@@ -117,7 +117,6 @@ Setting `enabled_for_all_posts = true` for a comment system will enable it globa
 Alternatively, enable comments on an individual post's front matter by adding the name of the system (`utterances`, `giscus`, `hyvortalk`, or `isso`) `= true`. For example, this is how you would enable giscus:
 
 ```toml,hl_lines=09-10
-+++
 title = "Bears, Beets, Battlestar Galactica: The Dwight Schrute Guide to Life"
 date = 2007-04-26
 description = "Lessons learned from beet farming and paper sales."
@@ -127,7 +126,6 @@ tags = ["personal", "beets"]
 
 [extra]
 giscus = true
-+++
 ```
 
 If you accidentally enable more than one system, your site will fail to build with an error.

content/blog/markdown.ca.md

@@ -28,13 +28,11 @@ Per exemple, `\\[ r = \frac{\sum_{i=1}^{n}(x_i - \bar{x})(y_i - \bar{y})}{\sqrt{
 Per activar $\KaTeX$ en una publicació o secció sencera, inclou `katex = true` dins de la secció `[extra]` de les metadades. Per exemple:
 
 ```toml,hl_lines=5-6
-+++
 title = "Provant KaTeX"
 date = 2002-11-30
 
 [extra]
 katex = true
-+++
 ```
 
 Per activar-lo globalment, afeigeix `katex = true` a la secció `[extra]` del teu `config.toml`.

content/blog/markdown.es.md

@@ -28,13 +28,11 @@ Por ejemplo, `\\[ r = \frac{\sum_{i=1}^{n}(x_i - \bar{x})(y_i - \bar{y})}{\sqrt{
 Para activar $\KaTeX$ en una publicación o sección entera, incluye `katex = true` dentro de la sección `[extra]` del encabezado. Por ejemplo:
 
 ```toml,hl_lines=5-6
-+++
 title = "Probando KaTeX"
 date = 2002-11-30
 
 [extra]
 katex = true
-+++
 ```
 
 Para activarlo globalmente, añade `katex = true` en la sección `[extra]` de tu `config.toml`.

content/blog/markdown.md

@@ -28,13 +28,11 @@ For example, `\\[ r = \frac{\sum_{i=1}^{n}(x_i - \bar{x})(y_i - \bar{y})}{\sqrt{
 To activate $\KaTeX$ for a post or an entire section, include `katex = true` within the `[extra]` section of the front matter. For exemple:
 
 ```toml,hl_lines=5-6
-+++
 title = "Testing KaTeX"
 date = 2002-11-30
 
 [extra]
 katex = true
-+++
 ```
 
 You may enable it globally as well, by setting `katex = true` in the `[extra]` section of your `config.toml`.

content/blog/toc.ca.md

@@ -52,13 +52,11 @@ El codi per aconseguir-ho:
 Si col·loques la TdC en un lloc diferent del predeterminat i li afegeixes un capçalera, segurament voldràs ocultar aquest capçalera de la TdC (consulta la [secció per ocultar capçaleres](#ocultant-capcaleres-de-la-tdc)). Pots fer-ho així:
 
 ```markdown,hl_lines=06 11-13
-+++
 title = "El títol del teu post"
 date = 2034-01-11
 
 [extra]
 toc_ignore_pattern = "^(Taula de contingut)"
-+++
 
 Aquí va algun text introductori.
 

content/blog/toc.es.md

@@ -52,13 +52,11 @@ El código para lograr esto:
 Si colocas la TdC en algún lugar distinto al predeterminado y le añades un encabezado, seguramente quieras ocultar dicho encabezado de la TdC (consulta la [sección para ocultar encabezados](#ocultando-encabezados-de-la-tdc)). Puedes lograrlo así:
 
 ```markdown,hl_lines=06 11-13
-+++
 title = "El título de tu post"
 date = 2034-01-11
 
 [extra]
 toc_ignore_pattern = "^(Tabla de contenido)"
-+++
 
 Aquí va algún texto introductorio.
 

content/blog/toc.md

@@ -51,13 +51,11 @@ The code to achieve this:
 If you set a custom position and a custom header for the ToC, you'll probably want to hide it (see the [section below](#hiding-headers-from-the-toc)) like this:
 
 ```markdown,hl_lines=06 11-13
-+++
 title = "Your Post's Title"
 date = 2034-01-11
 
 [extra]
 toc_ignore_pattern = "^(Table of Contents)"
-+++
 
 Here goes some introductory text.
 

sass/main.scss

@@ -15,10 +15,10 @@
 @use 'parts/_posts_list.scss';
 @use 'parts/_quick_navigation_buttons.scss';
 @use 'parts/_spoiler.scss';
+@use 'parts/_syntax_theme.scss';
 @use 'parts/_table.scss';
 @use 'parts/_tags.scss';
 @use 'parts/_theme-switch.scss';
-@use 'syntax/syntax-ayu-dark.scss';
 
 @font-face {
     /* Copyright 2016 The Inter Project Authors (https://github.com/rsms/inter). Licensed under the SIL Open Font License, Version 1.1. More information available at: http://scripts.sil.org/OFL */
@@ -70,7 +70,7 @@
     --text-color: #222226;
     --text-color-high-contrast: #313333;
     --meta-color: #5b5b65;
-    --codeblock-bg: #272430;
+    --codeblock-bg: #26232e;
     --codeblock-highlight: #3d3949;
 
     --theme-switcher-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z'/%3E%3C/svg%3E%0A");
@@ -90,7 +90,7 @@
     --text-color: #D4D4D4;
     --text-color-high-contrast: #eceeef;
     --meta-color: #B0B0B0;
-    --codeblock-bg: #151515;
+    --codeblock-bg: #19181e;
     --codeblock-highlight: #292929;
 
     --theme-switcher-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 96 960 960' %3E%3Cpath d='M480 776q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 616q-17 0-28.5-11.5T40 576q0-17 11.5-28.5T80 536h80q17 0 28.5 11.5T200 576q0 17-11.5 28.5T160 616H80Zm720 0q-17 0-28.5-11.5T760 576q0-17 11.5-28.5T800 536h80q17 0 28.5 11.5T920 576q0 17-11.5 28.5T880 616h-80ZM480 296q-17 0-28.5-11.5T440 256v-80q0-17 11.5-28.5T480 136q17 0 28.5 11.5T520 176v80q0 17-11.5 28.5T480 296Zm0 720q-17 0-28.5-11.5T440 976v-80q0-17 11.5-28.5T480 856q17 0 28.5 11.5T520 896v80q0 17-11.5 28.5T480 1016ZM226 378l-43-42q-12-11-11.5-28t11.5-29q12-12 29-12t28 12l42 43q11 12 11 28t-11 28q-11 12-27.5 11.5T226 378Zm494 495-42-43q-11-12-11-28.5t11-27.5q11-12 27.5-11.5T734 774l43 42q12 11 11.5 28T777 873q-12 12-29 12t-28-12Zm-42-495q-12-11-11.5-27.5T678 322l42-43q11-12 28-11.5t29 11.5q12 12 12 29t-12 28l-43 42q-12 11-28 11t-28-11ZM183 873q-12-12-12-29t12-28l43-42q12-11 28.5-11t27.5 11q12 11 11.5 27.5T282 830l-42 43q-11 12-28 11.5T183 873Z'/%3E%3C/svg%3E");

sass/parts/_code.scss

@@ -47,13 +47,14 @@ pre {
     display: block;
     line-height: 1.4;
     overflow-x: auto;
-    padding: 2rem 1rem 1rem;
+    padding: 2.4rem 1rem 1rem;
     border-radius: 5px;
 
     code {
         display: block;
         overflow-x: auto;
         white-space: pre;
+        font-size: 0.8rem;  // Fits ~77 characters.
         background-color: transparent;
         color: inherit;
         padding: 0rem;

sass/parts/_syntax_theme.scss

@@ -0,0 +1,342 @@
+/*
+ * based on "Catppuccin Frappe" https://github.com/catppuccin/catppuccin
+ */
+
+:root {
+  --rosewater: #f2d5cf;
+  --flamingo: #eebebe;
+  --pink: #f4b8e4;
+  --mauve: #ca9ee6;
+  --red: #e78284;
+  --maroon: #ea999c;
+  --peach: #ef9f76;
+  --yellow: #e5c890;
+  --green: #a6d189;
+  --teal: #81c8be;
+  --sky: #99d1db;
+  --blue: #8caaee;
+  --lavender: #b4befe;
+  --text: #cdd6f4;
+  --overlay0: #737994;
+}
+
+.z-code {
+  color: var(--text);
+  background-color: var(--codeblock-bg);
+}
+
+.z-comment {
+  color: var(--overlay0);
+  font-style: italic;
+}
+
+.z-string {
+  color: var(--green);
+
+  &.z-regexp {
+    color: var(--sky);
+  }
+}
+
+.z-constant.z-numeric,
+.z-string.z-regexp {
+  color: var(--sky);
+}
+
+.z-constant {
+  &.z-character.z-escape {
+    color: var(--sky);
+  }
+
+  &.z-language {
+    color: var(--lavender);
+  }
+}
+
+.z-support.z-function.z-builtin.z-variable.z-other.z-constant {
+  color: var(--sky);
+}
+
+.z-keyword {
+  color: var(--red);
+
+  &.z-control {
+
+    &.z-loop,
+    &.z-conditional,
+    &.z-c + + {
+      color: var(--mauve);
+    }
+
+    &.z-return,
+    &.z-flow.z-return {
+      color: var(--pink);
+    }
+  }
+}
+
+.z-support.z-type.z-exception {
+  color: var(--sky);
+}
+
+.z-keyword.z-operator {
+  color: var(--teal);
+}
+
+.z-punctuation {
+  &.z-accessor {
+    color: var(--teal);
+  }
+
+  &.z-section {
+    color: var(--text);
+  }
+}
+
+.z-keyword.z-control.z-import.z-include {
+  color: var(--peach);
+}
+
+.z-storage {
+  color: var(--red);
+
+  &.z-type {
+    color: var(--yellow);
+  }
+
+  &.z-modifier {
+    color: var(--red);
+  }
+}
+
+.z-entity.z-name.z-namespace,
+.z-meta.z-path,
+.z-storage.z-type.z-class {
+  color: var(--rosewater);
+}
+
+.z-entity.z-name.z-label {
+  color: var(--blue);
+}
+
+.z-keyword.z-declaration.z-class {
+  color: var(--red);
+}
+
+.z-entity.z-name.z-class,
+.z-meta.z-toc-list.z-full-identifier {
+  color: var(--teal);
+}
+
+.z-entity {
+  &.z-other.z-inherited-class {
+    color: var(--teal);
+  }
+
+  &.z-name.z-function {
+    color: var(--blue);
+    font-style: italic;
+  }
+}
+
+.z-variable.z-function {
+  color: var(--blue);
+  font-style: italic;
+}
+
+.z-entity.z-name.z-function.z-preprocessor,
+.z-keyword.z-control.z-import {
+  color: var(--red);
+}
+
+.z-entity.z-name.z-function {
+
+  &.z-constructor,
+  &.z-destructor {
+    color: var(--lavender);
+  }
+}
+
+.z-variable.z-parameter.z-function {
+  color: var(--rosewater);
+}
+
+.z-keyword.z-declaration.z-function {
+  color: var(--maroon);
+}
+
+.z-support {
+  &.z-function {
+    color: var(--teal);
+  }
+
+  &.z-constant {
+    color: var(--blue);
+  }
+
+  &.z-type,
+  &.z-class {
+    color: var(--blue);
+    font-style: italic;
+  }
+}
+
+.z-variable {
+  &.z-function {
+    color: var(--blue);
+  }
+
+  &.z-parameter {
+    color: var(--rosewater);
+  }
+
+  &.z-other {
+    color: var(--text);
+
+    &.z-member {
+      color: var(--rosewater);
+    }
+  }
+
+  &.z-language {
+    color: var(--peach);
+  }
+}
+
+.z-entity {
+  &.z-name.z-tag {
+    color: var(--sky);
+  }
+
+  &.z-other.z-attribute-name {
+    color: var(--mauve);
+    font-style: italic;
+  }
+}
+
+.z-punctuation.z-definition.z-tag {
+  color: var(--maroon);
+}
+
+.z-markup.z-underline.z-link.z-markdown {
+  color: var(--rosewater);
+  font-style: underline;
+  font-style: italic;
+}
+
+.z-comment.z-block.z-markdown,
+.z-meta.z-code-fence {
+  color: var(--peach);
+  font-style: italic;
+}
+
+.z-markup.z-raw {
+
+  &.z-code-fence,
+  &.z-inline {
+    color: var(--peach);
+    font-style: italic;
+  }
+}
+
+.z-punctuation.z-definition.z-heading,
+.z-entity.z-name.z-section {
+  color: var(--blue);
+}
+
+.z-markup {
+  &.z-italic {
+    color: var(--maroon);
+    font-style: italic;
+  }
+
+  &.z-bold {
+    color: var(--maroon);
+    font-weight: bold;
+  }
+}
+
+.z-constant.z-character.z-escape,
+.z-source.z-shell.z-bash .z-meta.z-function.z-shell .z-meta.z-compound.z-shell .z-meta.z-function-call.z-identifier.z-shell {
+  color: var(--pink);
+}
+
+.z-variable.z-language.z-shell {
+  color: var(--red);
+}
+
+.z-source.z-lua .z-meta.z-function.z-lua .z-meta.z-block.z-lua .z-meta.z-mapping {
+  &.z-value.z-lua .z-meta.z-mapping.z-key.z-lua .z-string.z-unquoted.z-key.z-lua {
+    color: var(--lavender);
+  }
+
+  &.z-key.z-lua .z-string.z-unquoted.z-key.z-lua {
+    color: var(--flamingo);
+  }
+}
+
+.z-entity.z-name.z-constant.z-java {
+  color: var(--peach);
+}
+
+.z-support {
+  &.z-type.z-property-name.z-css {
+    color: var(--flamingo);
+  }
+
+  &.z-constant.z-property-value.z-css {
+    color: var(--text);
+  }
+}
+
+.z-constant.z-numeric.z-suffix.z-css,
+.z-keyword.z-other.z-unit.z-css,
+.z-variable.z-other.z-custom-property.z-name.z-css,
+.z-support.z-type.z-custom-property.z-name.z-css,
+.z-punctuation.z-definition.z-custom-property.z-css {
+  color: var(--peach);
+}
+
+.z-entity.z-name.z-tag.z-css {
+  color: var(--lavender);
+}
+
+.z-variable.z-other.z-sass {
+  color: var(--peach);
+}
+
+.z-invalid {
+  color: var(--text);
+  background-color: var(--red);
+
+  &.z-deprecated {
+    color: var(--text);
+    background-color: var(--mauve);
+  }
+}
+
+.z-meta.z-diff {
+  color: --OVERLAY0;
+
+  &.z-header {
+    color: --OVERLAY0;
+  }
+}
+
+.z-markup {
+  &.z-deleted {
+    color: var(--red);
+  }
+
+  &.z-inserted {
+    color: var(--green);
+  }
+
+  &.z-changed {
+    color: var(--yellow);
+  }
+}
+
+.z-message.z-error {
+  color: var(--red);
+}

sass/syntax/syntax-ayu-dark.scss

@@ -1,481 +0,0 @@
-.z-code {
-  color: #bfbab0;
-  background-color: #272430;
-}
-[data-theme="dark"] .z-code {
-  background-color: #151515;
-}
-.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;
-}