From d4302562715844fcb779414b05dc0cab50916db5 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Thu, 22 Aug 2024 23:13:04 +0200
Subject: [PATCH] chore(colors): use media query instead of `.dark` selector

Waiting on Tailwind CSS v4 dark mode implementation
---
 src/runtime/plugins/colors.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/runtime/plugins/colors.ts b/src/runtime/plugins/colors.ts
index ea0a35bf..9ac862ec 100644
--- a/src/runtime/plugins/colors.ts
+++ b/src/runtime/plugins/colors.ts
@@ -16,7 +16,7 @@ export default defineNuxtPlugin(() => {
   ${Object.entries(appConfig.ui.colors).map(([key, value]: [string, string]) => generateColor(key, value)).join('\n  ')}
   --color-primary-DEFAULT: var(--color-primary-500);
 }
-.dark {
+@media (prefers-color-scheme: dark) {
   --color-primary-DEFAULT: var(--color-primary-400);
 }
 `