diff --git a/docs/plugins/ui.ts b/docs/plugins/ui.ts
index 46011a8b1d..044a16886a 100644
--- a/docs/plugins/ui.ts
+++ b/docs/plugins/ui.ts
@@ -12,8 +12,15 @@ export default defineNuxtPlugin({
 
       return `:root {
         ${Object.entries(primary || colors.green).map(([key, value]) => `--color-primary-${key}: ${hexToRgb(value)};`).join('\n')}
+        --color-primary-DEFAULT: var(--color-primary-500);
+
         ${Object.entries(gray || colors.cool).map(([key, value]) => `--color-gray-${key}: ${hexToRgb(value)};`).join('\n')}
-        }`
+        }
+
+        .dark {
+          --color-primary-DEFAULT: var(--color-primary-400);
+        }
+        `
     })
 
     if (process.client) {