From 268a5109df7d50232daba25f09f3563976b973c1 Mon Sep 17 00:00:00 2001
From: Santos Vilanculos <santosvilanculos@outlook.com>
Date: Wed, 18 Jun 2025 03:13:20 +0200
Subject: [PATCH] fix: ensure correct color scheme is applied in applyTheme
 function

---
 resources/js/hooks/use-appearance.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/resources/js/hooks/use-appearance.tsx b/resources/js/hooks/use-appearance.tsx
index c9ede8161..105e801ca 100644
--- a/resources/js/hooks/use-appearance.tsx
+++ b/resources/js/hooks/use-appearance.tsx
@@ -23,6 +23,7 @@ const applyTheme = (appearance: Appearance) => {
     const isDark = appearance === 'dark' || (appearance === 'system' && prefersDark());
 
     document.documentElement.classList.toggle('dark', isDark);
+    document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';
 };
 
 const mediaQuery = () => {