Improve additional css vars for dark mode table

Orange-OpenSource · Oct 10, 2023 · b3f09aa · b3f09aa
1 parent 3e0bb59
commit b3f09aa
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/site/content/docs/5.3/dark-mode.md b/site/content/docs/5.3/dark-mode.md
@@ -81,7 +81,11 @@ sitemap_exclude: true
     <div style="width: 50px; height: 50px; background-color:var(--bs-danger)" data-bs-theme="light"></div>
     <div style="width: 50px; height: 50px; background-color:var(--bs-danger)" data-bs-theme="dark"></div>
   </div>
-Additional variables for dark-mode (temporary)
+</div>
+
+### Additional CSS variables for dark-mode
+
+<div class="d-flex flex-column gap-2">
   <div class="d-flex flex-row gap-2 align-items-center">
     <div style="width: 200px">--bs-hover-color</div>
     <div style="width: 50px; height: 50px; background-color:var(--bs-hover-color)" data-bs-theme="light"></div>
@@ -97,6 +101,11 @@ Additional variables for dark-mode (temporary)
     <div style="width: 50px; height: 50px; background-color:var(--bs-disabled-color)" data-bs-theme="light"></div>
     <div style="width: 50px; height: 50px; background-color:var(--bs-disabled-color)" data-bs-theme="dark"></div>
   </div>
+  <div class="d-flex flex-row gap-2 align-items-center">
+    <div style="width: 200px">--bs-placeholder-color</div>
+    <div style="width: 50px; height: 50px; background-color:var(--bs-placeholder-color)" data-bs-theme="light"></div>
+    <div style="width: 50px; height: 50px; background-color:var(--bs-placeholder-color)" data-bs-theme="dark"></div>
+  </div>
 </div>
 
 ## Components