From 3117a532c44f8e78ffce1819d1e606498c6af6ee Mon Sep 17 00:00:00 2001
From: emanueleA-em <micheletti.emanuele@hotmail.com>
Date: Thu, 27 Nov 2025 18:26:36 +0100
Subject: [PATCH] fix: !important on display display property

without the important, the property display is overrided by
:where(.i-lucide\:sun) property and :where(.i-lucide\:moon) property
---
 src/runtime/components/color-mode/ColorModeButton.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/color-mode/ColorModeButton.vue b/src/runtime/components/color-mode/ColorModeButton.vue
index 09c19db1e1..b2a690175d 100644
--- a/src/runtime/components/color-mode/ColorModeButton.vue
+++ b/src/runtime/components/color-mode/ColorModeButton.vue
@@ -55,8 +55,8 @@ const isDark = computed({
     @click="isDark = !isDark"
   >
     <template #leading="{ ui }">
-      <UIcon :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" class="hidden dark:inline" :name="appConfig.ui.icons.dark" />
-      <UIcon :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" class="inline dark:hidden" :name="appConfig.ui.icons.light" />
+      <UIcon :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" class="hidden! dark:inline!" :name="appConfig.ui.icons.dark" />
+      <UIcon :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" class="inline! dark:hidden!" :name="appConfig.ui.icons.light" />
     </template>
   </UButton>
 </template>