Docs fix

learningequality · Aug 21, 2024 · 46c573f · 46c573f
1 parent d468c96
commit 46c573f
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/docs/pages/colors.vue b/docs/pages/colors.vue
@@ -97,10 +97,18 @@
       <p>You can apply darken utilities <code>$darken1</code>, <code>$darken2</code>, and <code>$darken3</code> to palette colors and tokens to achieve their darker shades. They are available on every Vue component.</p>
 
       <DocsShowCode language="html">
-        <div :style="{ backgroundColor: $themePalette.red.v_1100 }"></div>
-        <div :style="{ backgroundColor: $darken1($themePalette.red.v_1100) }"></div>
-        <div :style="{ backgroundColor: $darken2($themePalette.red.v_1100) }"></div>
-        <div :style="{ backgroundColor: $darken3($themePalette.red.v_1100) }"></div>
+        <div :style="{ backgroundColor: $themePalette.red.v_1100 }">
+          base
+        </div>
+        <div :style="{ backgroundColor: $darken1($themePalette.red.v_1100) }">
+          $darken1
+        </div>
+        <div :style="{ backgroundColor: $darken2($themePalette.red.v_1100) }">
+          $darken2
+        </div>
+        <div :style="{ backgroundColor: $darken3($themePalette.red.v_1100) }">
+          $darken3
+        </div>
       </DocsShowCode>
       <DocsShow>
         <div class="darken-block" :style="{ backgroundColor: $themePalette.red.v_1100 }">