From c38357005857e1e5386e88270aeac01ff04138d2 Mon Sep 17 00:00:00 2001
From: mio <knightopress@gmail.com>
Date: Tue, 9 Jan 2024 12:29:12 -0500
Subject: [PATCH] Safelist `dark` when CSS variable colors are used.

---
 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}',