Optimizations, Update Readme YellowLabTools

29 files changed, 114 insertions, 143 deletions

diff --git a/sass/_variables.scss b/sass/_variables.scss
index c747c76..1a5cb91 100644
--- a/sass/_variables.scss
+++ b/sass/_variables.scss
@@ -112,6 +112,9 @@ $icon-sun: false !default;// light sun
 // add an icon link to an html template like this:  <a href="#"><span class="svg home"></span></a>
 
 :root {
+  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
+  --fm: 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;
+
   // Spacings
   --s1: .5rem;
   --s2: 1rem;
@@ -155,9 +158,7 @@ $icon-sun: false !default;// light sun
   // Responsives spacings
   @if $enable-responsive-spacings {
     // Sectionning
-    body > header,
-    body > main,
-    body > footer,
+    header, main, footer,
     section {
       @if map-get($breakpoints, "sm") {
         @media (min-width: map-get($breakpoints, "sm")) {
diff --git a/sass/abridge-blue-dark.scss b/sass/abridge-blue-dark.scss
index eed6abd..7b7a352 100644
--- a/sass/abridge-blue-dark.scss
+++ b/sass/abridge-blue-dark.scss
@@ -7,8 +7,6 @@
 @import "syntax/syntax-abridge-dark";
 
 :root {
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
-  --fm: 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;
   --f1: #ccc;// Font Color Primary
   --f2: #ddd;// Font color Headers
   --c1: #111;// Background Color Primary
diff --git a/sass/abridge-blue-light.scss b/sass/abridge-blue-light.scss
index c23dbf4..1ae982b 100644
--- a/sass/abridge-blue-light.scss
+++ b/sass/abridge-blue-light.scss
@@ -7,8 +7,6 @@
 @import "syntax/syntax-abridge-light";
 
 :root {
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
-  --fm: 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;
   --f1: #444;// Font Color Primary
   --f2: #333;// Font color Headers
   --c1: #fff;// Background Color Primary
diff --git a/sass/abridge-blue-switcher.scss b/sass/abridge-blue-switcher.scss
index 202723b..bed7958 100644
--- a/sass/abridge-blue-switcher.scss
+++ b/sass/abridge-blue-switcher.scss
@@ -6,10 +6,6 @@
 @import "imports";
 @import "syntax/syntax-abridge-switcher";
 
-:root {
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
-  --fm: 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;
-}
 :root:not(.light) {
   --f1: #ccc;// Font Color Primary
   --f2: #ddd;// Font color Headers
diff --git a/sass/abridge-blue.scss b/sass/abridge-blue.scss
index 67f556f..02cb58f 100644
--- a/sass/abridge-blue.scss
+++ b/sass/abridge-blue.scss
@@ -7,8 +7,6 @@
 @import "syntax/syntax-abridge";
 
 :root {
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
-  --fm: 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;
   --f1: #ccc;// Font Color Primary
   --f2: #ddd;// Font color Headers
   --c1: #111;// Background Color Primary
diff --git a/sass/abridge-blueshade-dark.scss b/sass/abridge-blueshade-dark.scss
index 726f59d..627f777 100644
--- a/sass/abridge-blueshade-dark.scss
+++ b/sass/abridge-blueshade-dark.scss
@@ -7,8 +7,6 @@
 @import "syntax/syntax-abridge-dark";
 
 :root {
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
-  --fm: 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;
   --f1: #ccc;// Font Color Primary
   --f2: #ddd;// Font color Headers
   --c1: #111;// Background Color Primary
diff --git a/sass/abridge-blueshade-light.scss b/sass/abridge-blueshade-light.scss
index 70a2544..8fdf66c 100644
--- a/sass/abridge-blueshade-light.scss
+++ b/sass/abridge-blueshade-light.scss
@@ -7,8 +7,6 @@
 @import "syntax/syntax-abridge-light";
 
 :root {
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
-  --fm: 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;
   --f1: #444;// Font Color Primary
   --f2: #333;// Font color Headers
   --c1: #fff;// Background Color Primary
diff --git a/sass/abridge-blueshade-switcher.scss b/sass/abridge-blueshade-switcher.scss
index db973e3..379468b 100644
--- a/sass/abridge-blueshade-switcher.scss
+++ b/sass/abridge-blueshade-switcher.scss
@@ -6,10 +6,6 @@
 @import "imports";
 @import "syntax/syntax-abridge-switcher";
 
-:root {
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
-  --fm: 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;
-}
 :root:not(.light) {
   --f1: #ccc;// Font Color Primary
   --f2: #ddd;// Font color Headers
diff --git a/sass/abridge-blueshade.scss b/sass/abridge-blueshade.scss
index 2f67e51..93f47e0 100644
--- a/sass/abridge-blueshade.scss
+++ b/sass/abridge-blueshade.scss
@@ -7,8 +7,6 @@
 @import "syntax/syntax-abridge";
 
 :root {
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
-  --fm: 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;
   --f1: #ccc;// Font Color Primary
   --f2: #ddd;// Font color Headers
   --c1: #111;// Background Color Primary
diff --git a/sass/abridge-dark.scss b/sass/abridge-dark.scss
index 3888553..212b4fc 100644
--- a/sass/abridge-dark.scss
+++ b/sass/abridge-dark.scss
@@ -7,8 +7,6 @@
 @import "syntax/syntax-abridge-dark";
 
 :root {
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
-  --fm: 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;
   --f1: #ccc;// Font Color Primary
   --f2: #ddd;// Font color Headers
   --c1: #111;// Background Color Primary
diff --git a/sass/abridge-light.scss b/sass/abridge-light.scss
index bd7825f..d0f204c 100644
--- a/sass/abridge-light.scss
+++ b/sass/abridge-light.scss
@@ -7,8 +7,6 @@
 @import "syntax/syntax-abridge-light";
 
 :root {
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
-  --fm: 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;
   --f1: #444;// Font Color Primary
   --f2: #333;// Font color Headers
   --c1: #fff;// Background Color Primary
diff --git a/sass/abridge-switcher.scss b/sass/abridge-switcher.scss
index 1dce1fe..37e0cef 100644
--- a/sass/abridge-switcher.scss
+++ b/sass/abridge-switcher.scss
@@ -6,10 +6,6 @@
 @import "imports";
 @import "syntax/syntax-abridge-switcher";
 
-:root {
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
-  --fm: 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;
-}
 :root:not(.light) {
   --f1: #ccc;// Font Color Primary
   --f2: #ddd;// Font color Headers
diff --git a/sass/abridge.scss b/sass/abridge.scss
index c25f39e..e99e5d9 100644
--- a/sass/abridge.scss
+++ b/sass/abridge.scss
@@ -7,8 +7,6 @@
 @import "syntax/syntax-abridge";
 
 :root {
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
-  --fm: 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;
   --f1: #ccc;// Font Color Primary
   --f2: #ddd;// Font color Headers
   --c1: #111;// Background Color Primary
diff --git a/sass/include/_sectioning.scss b/sass/include/_sectioning.scss
index 948e3e2..dd1026e 100644
--- a/sass/include/_sectioning.scss
+++ b/sass/include/_sectioning.scss
@@ -17,72 +17,72 @@ main {
 body {
   width: 100%;
   margin: 0;
+}
 
-  > header,
-  > main,
-  > footer {
-    width: 100%;
-    margin-right: auto;
-    margin-left: auto;
+header,
+main,
+footer {
+  width: 100%;
+  margin-right: auto;
+  margin-left: auto;
 
-    // Semantic container
-    @if $enable-semantic-container {
-      padding: var(--s1);
+  // Semantic container
+  @if $enable-semantic-container {
+    padding: var(--s1);
 
-      // Centered viewport max-width only
-      @if $enable-maxwidth {
-        @media (min-width: $mb) {
-            min-width: $mb;
-            max-width: $mw;
-        }
+    // Centered viewport max-width only
+    @if $enable-maxwidth {
+      @media (min-width: $mb) {
+          min-width: $mb;
+          max-width: $mw;
       }
-      // Centered viewport
-      @else if $enable-viewport {
-        @if map-get($breakpoints, "sm") and $enable-viewport {
-          @media (min-width: map-get($breakpoints, "sm")) {
-            max-width: map-get($viewports, "sm");
-            //padding-right: 0;
-            //padding-left: 0;
-            .toc {
-              display: none;
-            }
+    }
+    // Centered viewport
+    @else if $enable-viewport {
+      @if map-get($breakpoints, "sm") and $enable-viewport {
+        @media (min-width: map-get($breakpoints, "sm")) {
+          max-width: map-get($viewports, "sm");
+          //padding-right: 0;
+          //padding-left: 0;
+          .toc {
+            display: none;
           }
         }
-        @if map-get($breakpoints, "md") and $enable-viewport {
-          @media (min-width: map-get($breakpoints, "md")) {
-            max-width: map-get($viewports, "md");
-          }
+      }
+      @if map-get($breakpoints, "md") and $enable-viewport {
+        @media (min-width: map-get($breakpoints, "md")) {
+          max-width: map-get($viewports, "md");
         }
-        @if map-get($breakpoints, "lg") and $enable-viewport {
-          @media (min-width: map-get($breakpoints, "lg")) {
-            max-width: map-get($viewports, "lg");
-          }
+      }
+      @if map-get($breakpoints, "lg") and $enable-viewport {
+        @media (min-width: map-get($breakpoints, "lg")) {
+          max-width: map-get($viewports, "lg");
         }
-        @if map-get($breakpoints, "xl") and $enable-viewport {
-          @media (min-width: map-get($breakpoints, "xl")) {
-            max-width: map-get($viewports, "xl");
-          }
+      }
+      @if map-get($breakpoints, "xl") and $enable-viewport {
+        @media (min-width: map-get($breakpoints, "xl")) {
+          max-width: map-get($viewports, "xl");
         }
       }
     }
-    // Semantic container
-    @else {
-      padding: var(--s1) 0;
-    }
   }
-  header, main {
-    padding-top: 0;
-    margin-top: 0;
-    padding-bottom: 0;
-    margin-bottom: 0;
-    hr {
-      margin:0.1rem 0
-    }
+  // Semantic container
+  @else {
+    padding: var(--s1) 0;
   }
-  footer{
-    line-height: var(--lhh);
-    hr, p {
-      margin: 0.1rem 0 .3rem
-    }
+}
+header, main {
+  padding-top: 0;
+  margin-top: 0;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  hr {
+    margin:0.1rem 0
   }
 }
+footer{
+  line-height: var(--lhh);
+  hr, p {
+    margin: 0.1rem 0 .3rem
+  }
+}
\ No newline at end of file
diff --git a/sass/include/_table.scss b/sass/include/_table.scss
index 0c4befc..0ed3eea 100644
--- a/sass/include/_table.scss
+++ b/sass/include/_table.scss
@@ -6,23 +6,22 @@ table {
   caption {
     margin-bottom: .5rem;
   }
-  tr {
-    border-bottom: var(--bw) solid var(--c3);
-  }
-  td,
-  th {
-    padding: var(--s1);
-  }
-  th {
-    text-align: left;
-  }
-
-  // Striped
-  tbody tr:nth-child(even) {
-    background-color: var(--c2);
-  }
-  thead tr {
-    border-top: var(--bw) solid var(--c3);
-    background-color: var(--c2);
-  }
 }
+tr {
+  border-bottom: var(--bw) solid var(--c3);
+}
+td,
+th {
+  padding: var(--s1);
+}
+th {
+  text-align: left;
+}
+// Striped
+tbody tr:nth-child(even) {
+  background-color: var(--c2);
+}
+thead tr {
+  border-top: var(--bw) solid var(--c3);
+  background-color: var(--c2);
+}
\ No newline at end of file
diff --git a/sass/include/_typography.scss b/sass/include/_typography.scss
index db39f35..ede2aa0 100644
--- a/sass/include/_typography.scss
+++ b/sass/include/_typography.scss
@@ -121,10 +121,9 @@ ul,
 ol {
   padding-right: 0;
   padding-left: var(--s2);
-
-  li {
-    margin-bottom: var(--s1);
-  }
+}
+li {
+  margin-bottom: var(--s1);
 }
 
 ul li {
diff --git a/sass/include/_zola.scss b/sass/include/_zola.scss
index 4f567d9..4e6089c 100644
--- a/sass/include/_zola.scss
+++ b/sass/include/_zola.scss
@@ -42,14 +42,23 @@ pre code[data-lang]::before {
   }
 }
 // Table Override, this is used for Zola's linenos and hl_lines
-code table {
-  font-size: .8rem;
-  margin: 0;
+code {
+  table {
+    font-size: .8rem;
+    margin: 0;
+    // Highlighted text
+    mark {
+      display: block;
+      background-color: var(--c2);
+      color: unset;
+      padding: 0;
+    }
+  }
   td, th, tr {
     padding: 0;
     border-bottom: none;
   }
-  tbody tr td:first-child {
+  tbody td:first-child {
     text-align: center;
     user-select: none;
     min-width: 60px;
@@ -57,11 +66,4 @@ code table {
   tbody tr:nth-child(even), thead tr {
     background-color: unset;
   }
-  // Highlighted text
-  mark {
-    display: block;
-    background-color: var(--c2);
-    color: unset;
-    padding: 0;
-  }
-}
+}
\ No newline at end of file
diff --git a/sass/syntax/syntax-abridge-dark.scss b/sass/syntax/syntax-abridge-dark.scss
index 583c348..2136269 100644
--- a/sass/syntax/syntax-abridge-dark.scss
+++ b/sass/syntax/syntax-abridge-dark.scss
@@ -25,7 +25,7 @@
  color: #f29718;
 }
 .z-variable.z-member {
- color: #ff7d82;
+ color: #fe7d83;
 }
 .z-keyword, .z-keyword.z-operator.z-word {
  color: #00bbff;
diff --git a/sass/syntax/syntax-abridge-switcher.scss b/sass/syntax/syntax-abridge-switcher.scss
index c497430..d1ea55d 100644
--- a/sass/syntax/syntax-abridge-switcher.scss
+++ b/sass/syntax/syntax-abridge-switcher.scss
@@ -26,7 +26,7 @@
     color: #f29718;
     }
     .z-variable.z-member {
-    color: #ff7d82;
+    color: #fe7d83;
     }
     .z-keyword, .z-keyword.z-operator.z-word {
     color: #00bbff;
diff --git a/sass/syntax/syntax-abridge.scss b/sass/syntax/syntax-abridge.scss
index 6fc427c..ca2b590 100644
--- a/sass/syntax/syntax-abridge.scss
+++ b/sass/syntax/syntax-abridge.scss
@@ -26,7 +26,7 @@
     color: #f29718;
     }
     .z-variable.z-member {
-    color: #ff7d82;
+    color: #fe7d83;
     }
     .z-keyword, .z-keyword.z-operator.z-word {
     color: #00bbff;
diff --git a/sass/syntax/syntax-ayu-abridge-dark.scss b/sass/syntax/syntax-ayu-abridge-dark.scss
index c35232d..d1632bc 100644
--- a/sass/syntax/syntax-ayu-abridge-dark.scss
+++ b/sass/syntax/syntax-ayu-abridge-dark.scss
@@ -25,7 +25,7 @@
  color: #f29718;
 }
 .z-variable.z-member {
- color: #ff7d82;
+ color: #fe7d83;
 }
 .z-keyword, .z-keyword.z-operator.z-word {
  color: #ff813c;
diff --git a/sass/syntax/syntax-ayu-abridge-switcher.scss b/sass/syntax/syntax-ayu-abridge-switcher.scss
index 8542c6b..f31946c 100644
--- a/sass/syntax/syntax-ayu-abridge-switcher.scss
+++ b/sass/syntax/syntax-ayu-abridge-switcher.scss
@@ -26,7 +26,7 @@
     color: #f29718;
     }
     .z-variable.z-member {
-    color: #ff7d82;
+    color: #fe7d83;
     }
     .z-keyword, .z-keyword.z-operator.z-word {
     color: #ff813c;
diff --git a/sass/syntax/syntax-ayu-abridge.scss b/sass/syntax/syntax-ayu-abridge.scss
index aab5761..3587a73 100644
--- a/sass/syntax/syntax-ayu-abridge.scss
+++ b/sass/syntax/syntax-ayu-abridge.scss
@@ -26,7 +26,7 @@
     color: #f29718;
     }
     .z-variable.z-member {
-    color: #ff7d82;
+    color: #fe7d83;
     }
     .z-keyword, .z-keyword.z-operator.z-word {
     color: #ff813c;
diff --git a/sass/syntax/syntax-ayumirage-abridge-dark.scss b/sass/syntax/syntax-ayumirage-abridge-dark.scss
index b007562..9e6a6ff 100644
--- a/sass/syntax/syntax-ayumirage-abridge-dark.scss
+++ b/sass/syntax/syntax-ayumirage-abridge-dark.scss
@@ -25,7 +25,7 @@
  color: #ffcc66;
 }
 .z-variable.z-member {
- color: #ff7d82;
+ color: #fe7d83;
 }
 .z-keyword, .z-keyword.z-operator.z-word {
  color: #ffa759;
diff --git a/sass/syntax/syntax-ayumirage-abridge-switcher.scss b/sass/syntax/syntax-ayumirage-abridge-switcher.scss
index 4d2f39f..1999a4a 100644
--- a/sass/syntax/syntax-ayumirage-abridge-switcher.scss
+++ b/sass/syntax/syntax-ayumirage-abridge-switcher.scss
@@ -26,7 +26,7 @@
     color: #ffcc66;
     }
     .z-variable.z-member {
-    color: #ff7d82;
+    color: #fe7d83;
     }
     .z-keyword, .z-keyword.z-operator.z-word {
     color: #ffa759;
diff --git a/sass/syntax/syntax-ayumirage-abridge.scss b/sass/syntax/syntax-ayumirage-abridge.scss
index 30bee09..5a28abc 100644
--- a/sass/syntax/syntax-ayumirage-abridge.scss
+++ b/sass/syntax/syntax-ayumirage-abridge.scss
@@ -26,7 +26,7 @@
     color: #ffcc66;
     }
     .z-variable.z-member {
-    color: #ff7d82;
+    color: #fe7d83;
     }
     .z-keyword, .z-keyword.z-operator.z-word {
     color: #ffa759;
diff --git a/sass/syntax/syntax-charcoal-abridge-dark.scss b/sass/syntax/syntax-charcoal-abridge-dark.scss
index b3ab18c..3dfa85a 100644
--- a/sass/syntax/syntax-charcoal-abridge-dark.scss
+++ b/sass/syntax/syntax-charcoal-abridge-dark.scss
@@ -33,10 +33,10 @@
  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: #ff7d82;
+ color: #fe7d83;
 }
 .z-variable.z-language {
- color: #ff7d82;
+ color: #fe7d83;
 }
 .z-entity.z-name.z-method.z-js {
  color: #d8dee9;
@@ -51,7 +51,7 @@
  color: #99c794;
 }
 .z-markup.z-deleted {
- color: #ff7d82;
+ color: #fe7d83;
 }
 .z-markup.z-changed {
  color: #cd91c4;
@@ -75,5 +75,5 @@
  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: #ff7d82;
+ color: #fe7d83;
 }
diff --git a/sass/syntax/syntax-charcoal-abridge-switcher.scss b/sass/syntax/syntax-charcoal-abridge-switcher.scss
index 93abc50..0f0f5d3 100644
--- a/sass/syntax/syntax-charcoal-abridge-switcher.scss
+++ b/sass/syntax/syntax-charcoal-abridge-switcher.scss
@@ -34,10 +34,10 @@
     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: #ff7d82;
+    color: #fe7d83;
     }
     .z-variable.z-language {
-    color: #ff7d82;
+    color: #fe7d83;
     }
     .z-entity.z-name.z-method.z-js {
     color: #d8dee9;
@@ -52,7 +52,7 @@
     color: #99c794;
     }
     .z-markup.z-deleted {
-    color: #ff7d82;
+    color: #fe7d83;
     }
     .z-markup.z-changed {
     color: #cd91c4;
@@ -76,7 +76,7 @@
     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: #ff7d82;
+    color: #fe7d83;
     }
 }
 :root.light {
diff --git a/sass/syntax/syntax-charcoal-abridge.scss b/sass/syntax/syntax-charcoal-abridge.scss
index 94c497f..14cf754 100644
--- a/sass/syntax/syntax-charcoal-abridge.scss
+++ b/sass/syntax/syntax-charcoal-abridge.scss
@@ -34,10 +34,10 @@
     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: #ff7d82;
+    color: #fe7d83;
     }
     .z-variable.z-language {
-    color: #ff7d82;
+    color: #fe7d83;
     }
     .z-entity.z-name.z-method.z-js {
     color: #d8dee9;
@@ -52,7 +52,7 @@
     color: #99c794;
     }
     .z-markup.z-deleted {
-    color: #ff7d82;
+    color: #fe7d83;
     }
     .z-markup.z-changed {
     color: #cd91c4;
@@ -76,7 +76,7 @@
     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: #ff7d82;
+    color: #fe7d83;
     }
 }
 @media (prefers-color-scheme: light) {