review edits

source/assets/sass/components/_link-header.scss

@@ -75,6 +75,6 @@ h6 {
   }
 
   to {
-    background-color: #f8f8f8;
+    background-color: var(--color-code-bg);
   }
 }

source/assets/sass/config/color/_content.scss

@@ -5,3 +5,5 @@ $highlight: color.adjust(brand.$sl-color--hopbush, $lightness: -10%);
 $action: color.adjust(brand.$sl-color--bouquet, $lightness: -10%);
 $shadow: rgba(brand.$sl-color--midnight-blue, 0.125);
 $active: color.adjust(brand.$sl-color--venus, $lightness: -10%);
+$color-code-bg: #f8f8f8;
+$color-code-text: color.adjust(brand.$sl-color--pale-sky, $lightness: -25%);

source/assets/sass/vendor/_syntax-accessible.scss

@@ -7,14 +7,18 @@
 
 code[class*="language-"],
 pre[class*="language-"] {
-  background-color: #f8f8f8;
+  background-color: var(--color-code-bg);
   hyphens: none;
-	word-spacing: normal;
   word-break: normal;
+	word-spacing: normal;
 	tab-size: 4;
   text-align: left;
 }
 
+.token {
+  color: var(--color-code-text);
+}
+
 .token table td { padding: functions.sl-px-to-rem(5px); }
 .token table pre { margin: 0; }
 
@@ -22,13 +26,13 @@ pre[class*="language-"] {
 .token.prolog,
 .token.doctype,
 .token.cdata {
-	color: #656556;
+	--color-code-text: #656556;
 	font-style: italic;
 }
 
 [class*="language-css"] {
    & .token.comment {
-   color: #006666;
+   --color-code-text: #006666;
   }
  }
 
@@ -38,12 +42,12 @@ pre[class*="language-"] {
 
 .token.string,
 .token.attr-value {
-	color: #df1144;
+	--color-code-text: #df1144;
 }
 
 .token.punctuation,
 .token.operator {
-	color: #393A34; /* no highlight */
+	--color-code-text: #393A34; /* no highlight */
   font-weight: bold;
 }
 
@@ -56,7 +60,7 @@ pre[class*="language-"] {
 .token.property,
 .token.regex,
 .token.inserted {
-	color: #990000;
+	--color-code-text: #990000;
   font-weight: bold;
 }
 
@@ -65,20 +69,20 @@ pre[class*="language-"] {
 .token.keyword,
 .token.attr-name,
 .language-autohotkey .token.selector {
-	color: #000000;
+	--color-code-text: #000000;
   font-weight: bold;
 }
 
 .token.function,
 .token.deleted,
 .language-autohotkey .token.tag {
-	color: #9a050f;
+	--color-code-text: #9a050f;
 }
 
 .token.tag,
 .token.selector,
 .language-autohotkey .token.keyword {
-	color: #445588;
+	--color-code-text: #445588;
   font-weight: bold;
 }
 
@@ -94,6 +98,6 @@ pre[class*="language-"] {
 
 .token.variable,
 .token[class*="placeholder"] {
-  color: #006666;
+  --color-code-text: #006666;
   font-weight: normal;
 }

source/assets/sass/visual-design/_theme.scss

@@ -83,7 +83,7 @@ a {
 code,
 pre {
   border-radius: functions.sl-px-to-em(2px);
-  color: color.adjust($sl-color--pale-sky, $lightness: -25%);
+  color: var(--color-code-text);
 
   a & {
     color: inherit;