Skip to content

Commit 4da3525

Browse files
committed
theme: sync chakra primaryAction and solid Button
with latest tailwind updates
1 parent be6d996 commit 4da3525

File tree

2 files changed

+4
-3
lines changed

2 files changed

+4
-3
lines changed

src/@chakra-ui/components/Button.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -52,8 +52,8 @@ const variantSolid = defineStyle({
5252
color: "background.base",
5353
},
5454
_hover: {
55-
color: "background.base",
56-
bg: "primary.hover",
55+
color: "white",
56+
bg: "primary.actionHover",
5757
boxShadow: "buttonHover",
5858
},
5959
_active: {

src/@chakra-ui/semanticTokens.ts

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,11 +38,12 @@ const semanticTokens = {
3838
// Main Set
3939
primary: {
4040
base: { _light: "purple.600", _dark: "purple.400" },
41-
action: { _light: "purple.500", _dark: "purple.500" },
4241
highContrast: { _light: "purple.800", _dark: "purple.200" },
4342
lowContrast: { _light: "purple.100", _dark: "purple.900" },
4443
hover: { _light: "purple.500", _dark: "purple.500" },
4544
visited: { _light: "purple.700", _dark: "purple.300" },
45+
action: { _light: "purple.600", _dark: "purple.600" },
46+
actionHover: { _light: "purple.500", _dark: "purple.500" },
4647
// ! Deprecating primary.light
4748
light: { _light: "blue.100", _dark: "orange.100" },
4849
// ! Deprecating primary.dark

0 commit comments

Comments
 (0)