chore: Optimize multi-theme switching

packages/@core/uikit/shadcn-ui/package.json

@@ -43,6 +43,7 @@
   },
   "dependencies": {
     "@radix-icons/vue": "^1.0.0",
+    "@vben-core/colorful": "workspace:*",
     "@vben-core/iconify": "workspace:*",
     "@vben-core/toolkit": "workspace:*",
     "@vben-core/typings": "workspace:*",

packages/@core/uikit/shadcn-ui/src/components/menu-badge/menu-badge.vue

@@ -3,7 +3,7 @@ import type { MenuRecordBadgeRaw } from '@vben-core/typings';
 
 import { computed } from 'vue';
 
-import { isValidColor } from '@vben-core/toolkit';
+import { isValidColor } from '@vben-core/colorful';
 
 import BadgeDot from './menu-badge-dot.vue';
 

packages/@core/uikit/shadcn-ui/src/components/ui/badge/badge.ts

@@ -11,7 +11,7 @@ export const badgeVariants = cva(
         default:
           'border-transparent bg-accent hover:bg-accent text-primary-foreground shadow',
         destructive:
-          'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80',
+          'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive-hover',
         outline: 'text-foreground',
         secondary:
           'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',

packages/@core/uikit/shadcn-ui/src/components/ui/button/button.ts

@@ -19,7 +19,7 @@ export const buttonVariants = cva(
         default:
           'bg-primary text-primary-foreground shadow hover:bg-primary/90',
         destructive:
-          'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
+          'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive-hover',
         ghost: 'hover:bg-accent hover:text-accent-foreground',
         heavy: 'hover:bg-heavy hover:text-heavy-foreground',
         icon: 'hover:bg-accent hover:text-accent-foreground text-foreground/80',