fix(BaseCard): update border colors in card component

shuriken-ui · Dec 20, 2023 · 570c9fa · 570c9fa
1 parent ae4459f
commit 570c9fa
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/src/plugins/components/card/index.ts b/src/plugins/components/card/index.ts
@@ -22,7 +22,7 @@ export default plugin.withOptions(
           //Color:white
           [`&.${prefix}card-white`]: {
             //Border
-            [`@apply border border-${config.color.white.border.light} dark:border-${config.color.white.border.light}`]:
+            [`@apply border border-${config.color.white.border.light} dark:border-${config.color.white.border.dark}`]:
               {},
             //Background
             [`@apply bg-${config.color.white.background.light} dark:bg-${config.color.white.background.dark}`]:
@@ -31,7 +31,7 @@ export default plugin.withOptions(
           //Color:whiteContrast
           [`&.${prefix}card-white-contrast`]: {
             //Border
-            [`@apply border border-${config.color.whiteContrast.border.light} dark:border-${config.color.whiteContrast.border.light}`]:
+            [`@apply border border-${config.color.whiteContrast.border.light} dark:border-${config.color.whiteContrast.border.dark}`]:
               {},
             //Background
             [`@apply bg-${config.color.whiteContrast.background.light} dark:bg-${config.color.whiteContrast.background.dark}`]:
@@ -40,7 +40,7 @@ export default plugin.withOptions(
           //Color:muted
           [`&.${prefix}card-muted`]: {
             //Border
-            [`@apply border border-${config.color.muted.border.light} dark:border-${config.color.muted.border.light}`]:
+            [`@apply border border-${config.color.muted.border.light} dark:border-${config.color.muted.border.dark}`]:
               {},
             //Background
             [`@apply bg-${config.color.muted.background.light} dark:bg-${config.color.muted.background.dark}`]:
@@ -49,7 +49,7 @@ export default plugin.withOptions(
           //Color:mutedContrast
           [`&.${prefix}card-muted-contrast`]: {
             //Border
-            [`@apply border border-${config.color.mutedContrast.border.light} dark:border-${config.color.mutedContrast.border.light}`]:
+            [`@apply border border-${config.color.mutedContrast.border.light} dark:border-${config.color.mutedContrast.border.dark}`]:
               {},
             //Background
             [`@apply bg-${config.color.mutedContrast.background.light} dark:bg-${config.color.mutedContrast.background.dark}`]:
@@ -58,7 +58,7 @@ export default plugin.withOptions(
           //Color:primary
           [`&.${prefix}card-primary`]: {
             //Border
-            [`@apply border border-${config.color.primary.border.light} dark:border-${config.color.primary.border.light}`]:
+            [`@apply border border-${config.color.primary.border.light} dark:border-${config.color.primary.border.dark}`]:
               {},
             //Background
             [`@apply bg-${config.color.primary.background.light} dark:bg-${config.color.primary.background.dark}`]:
@@ -67,7 +67,7 @@ export default plugin.withOptions(
           //Color:info
           [`&.${prefix}card-info`]: {
             //Border
-            [`@apply border border-${config.color.info.border.light} dark:border-${config.color.info.border.light}`]:
+            [`@apply border border-${config.color.info.border.light} dark:border-${config.color.info.border.dark}`]:
               {},
             //Background
             [`@apply bg-${config.color.info.background.light} dark:bg-${config.color.info.background.dark}`]:
@@ -76,7 +76,7 @@ export default plugin.withOptions(
           //Color:success
           [`&.${prefix}card-success`]: {
             //Border
-            [`@apply border border-${config.color.success.border.light} dark:border-${config.color.success.border.light}`]:
+            [`@apply border border-${config.color.success.border.light} dark:border-${config.color.success.border.dark}`]:
               {},
             //Background
             [`@apply bg-${config.color.success.background.light} dark:bg-${config.color.success.background.dark}`]:
@@ -85,7 +85,7 @@ export default plugin.withOptions(
           //Color:warning
           [`&.${prefix}card-warning`]: {
             //Border
-            [`@apply border border-${config.color.warning.border.light} dark:border-${config.color.warning.border.light}`]:
+            [`@apply border border-${config.color.warning.border.light} dark:border-${config.color.warning.border.dark}`]:
               {},
             //Background
             [`@apply bg-${config.color.warning.background.light} dark:bg-${config.color.warning.background.dark}`]:
@@ -94,7 +94,7 @@ export default plugin.withOptions(
           //Color:danger
           [`&.${prefix}card-danger`]: {
             //Border
-            [`@apply border border-${config.color.danger.border.light} dark:border-${config.color.danger.border.light}`]:
+            [`@apply border border-${config.color.danger.border.light} dark:border-${config.color.danger.border.dark}`]:
               {},
             //Background
             [`@apply bg-${config.color.danger.background.light} dark:bg-${config.color.danger.background.dark}`]: