From 1ff244c475d00c9010779383bf36ed2a5b2b09a9 Mon Sep 17 00:00:00 2001
From: Hai Yang Tang <knightopress@gmail.com>
Date: Wed, 10 Jan 2024 00:45:21 -0500
Subject: [PATCH] fix(cli): safelist `dark` when CSS variable colors are used.
 (#255)

---
 packages/cli/src/utils/templates.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/cli/src/utils/templates.ts b/packages/cli/src/utils/templates.ts
index c94e48a3..015ee5f8 100644
--- a/packages/cli/src/utils/templates.ts
+++ b/packages/cli/src/utils/templates.ts
@@ -51,6 +51,7 @@ export const TAILWIND_CONFIG_WITH_VARIABLES = `const animate = require("tailwind
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   darkMode: ["class"],
+  safelist: ["dark"],
   <% if (framework === 'vite') { %>
   content: [
     './pages/**/*.{<%- extension %>,<%- extension %>x,vue}',