fix(values)

Orange-OpenSource · Sep 20, 2023 · f484904 · f484904
1 parent 36d6f93
commit f484904
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/scss/_variables-dark.scss b/scss/_variables-dark.scss
@@ -86,8 +86,8 @@ $headings-color-dark:               $white !default; // Boosted mod: instead of
 $link-color-dark:                   $white !default; // Boosted mod: instead of `tint-color($primary, 40%)`
 $link-hover-color-dark:             $primary !default; // Boosted mod: instead of `shift-color($link-color-dark, -$link-shade-percentage)`
 $code-color-dark:                   tint-color($code-color, 40%) !default;
-$mark-color-dark:                   $body-color-dark !default;
-$mark-bg-dark:                      $yellow-800 !default;
+$mark-color-dark:                   $black !default; // Boosted mod: instead of `$body-color-dark`
+$mark-bg-dark:                      $white !default; // Boosted mod: instead of `$yellow-800`
 
 
 //

diff --git a/site/content/docs/5.3/dark-mode.md b/site/content/docs/5.3/dark-mode.md
@@ -27,7 +27,7 @@ sitemap_exclude: true
     <div style="width: 50px; height: 50px; background-color:var(--bs-highlight-bg)" data-bs-theme="dark"></div>
   </div>
   <div class="d-flex flex-row gap-2 align-items-center">
-    <div style="width: 200px">--bs-highlight-bg</div>
+    <div style="width: 200px">--bs-highlight-color</div>
     <div style="width: 50px; height: 50px; background-color:var(--bs-highlight-color)" data-bs-theme="light"></div>
     <div style="width: 50px; height: 50px; background-color:var(--bs-highlight-color)" data-bs-theme="dark"></div>
   </div>
@@ -37,15 +37,20 @@ sitemap_exclude: true
     <div style="width: 50px; height: 50px; background-color:var(--bs-secondary-bg)" data-bs-theme="dark"></div>
   </div>
   <div class="d-flex flex-row gap-2 align-items-center">
-    <div style="width: 200px">--bs-color-translucent</div>
-    <div style="width: 50px; height: 50px; background-color:var(--bs-color-translucent)" data-bs-theme="light"></div>
-    <div style="width: 50px; height: 50px; background-color:var(--bs-color-translucent)" data-bs-theme="dark"></div>
+    <div style="width: 200px">--bs-border-color-translucent</div>
+    <div style="width: 50px; height: 50px; background-color:var(--bs-border-color-translucent)" data-bs-theme="light"></div>
+    <div style="width: 50px; height: 50px; background-color:var(--bs-border-color-translucent)" data-bs-theme="dark"></div>
   </div>
   <div class="d-flex flex-row gap-2 align-items-center">
     <div style="width: 200px">--bs-secondary-color</div>
     <div style="width: 50px; height: 50px; background-color:var(--bs-secondary-color)" data-bs-theme="light"></div>
     <div style="width: 50px; height: 50px; background-color:var(--bs-secondary-color)" data-bs-theme="dark"></div>
   </div>
+  <div class="d-flex flex-row gap-2 align-items-center">
+    <div style="width: 200px">--bs-link-hover-color</div>
+    <div style="width: 50px; height: 50px; background-color:var(--bs-link-hover-color)" data-bs-theme="light"></div>
+    <div style="width: 50px; height: 50px; background-color:var(--bs-link-hover-color)" data-bs-theme="dark"></div>
+  </div>
   <div class="d-flex flex-row gap-2 align-items-center">
     <div style="width: 200px">--bs-primary</div>
     <div style="width: 50px; height: 50px; background-color:var(--bs-primary)" data-bs-theme="light"></div>