fix: color themes

Author: hoangdevnull

packages/icons/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@var-meta/icons",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "sideEffects": [
     "*.svg"
   ],

packages/theme/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@var-meta/theme",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "license": "MIT",
   "sideEffects": false,
   "exports": {

packages/ui/src/components/layout/sidebar-overlay.tsx

@@ -56,7 +56,7 @@ export const SidebarOverlay = React.forwardRef<SidebarOverlayElement, SidebarOve
     return (
       <SidebarOverlayImpl
         className={cn(
-          'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-background/70 fixed inset-0 z-40 backdrop-blur-sm transition-all',
+          'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-overlay/70 fixed inset-0 z-40 backdrop-blur-sm transition-all',
           {
             'invisible opacity-0': !open,
             'visible opacity-100': open,

packages/ui/src/components/modal/dialog.styles.tsx

@@ -17,7 +17,7 @@ const DialogOverlay = React.forwardRef<React.ElementRef<typeof DialogPrimitive.O
     <DialogPrimitive.Overlay
       ref={ref}
       className={cn(
-        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-background/70 fixed inset-0 z-40 backdrop-blur-sm',
+        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-overlay/70 fixed inset-0 z-40 backdrop-blur-sm',
         className
       )}
       {...props}