fix(skeleton): dark mode theme (chakra-ui#7115)

Closes chakra-ui#7079
ivanchenph · Dec 16, 2022 · 8992c86 · 8992c86
1 parent 37b7a13
commit 8992c86
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/itchy-rivers-obey.md b/.changeset/itchy-rivers-obey.md
@@ -0,0 +1,5 @@
+---
+"@chakra-ui/skeleton": patch
+---
+
+Fix theme being overidden in dark mode
diff --git a/packages/components/skeleton/src/skeleton.tsx b/packages/components/skeleton/src/skeleton.tsx
@@ -147,7 +147,7 @@ export const Skeleton = forwardRef<SkeletonProps, "div">((props, ref) => {
         width: fitContent ? "fit-content" : undefined,
         ...styles,
         ...cssVarStyles,
-        _dark: { ...cssVarStyles },
+        _dark: { ...(styles as any)["_dark"], ...cssVarStyles },
         animation: `${speed}s linear infinite alternate ${bgFade}`,
       }}
     />