fix(BaseThemeToggle): use nui-focus

shuriken-ui · Apr 15, 2023 · cbc681f · cbc681f
1 parent c0310a4
commit cbc681f
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/components/base/BaseThemeToggle.vue b/components/base/BaseThemeToggle.vue
@@ -41,7 +41,7 @@ const isDark = computed({
 
 <template>
   <label
-    class="hover:ring-muted-200 dark:hover:ring-muted-700 relative block h-9 w-9 shrink-0 overflow-hidden rounded-full ring-1 ring-transparent transition-all duration-300 hover:ring-offset-4"
+    class="nui-focus relative block h-9 w-9 shrink-0 overflow-hidden rounded-full transition-all duration-300 focus-visible:outline-2"
     :class="
       props.inverted
         ? 'ring-offset-muted-500 dark:ring-offset-muted-400'