luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

chore(component): update button and input border color (#9141)

Browse Source
This commit is contained in:
CatsJuice
2024-12-16 04:16:48 +00:00
parent 0945381d7b
commit 729c37977e
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/frontend/component/src/ui/button/button.css.ts
View File

@@ -127,7 +127,7 @@ export const button = style({
[bgVar]: cssVarV2('button/primary'), [bgVar]: cssVarV2('button/primary'),
[textVar]: cssVarV2('button/pureWhiteText'), [textVar]: cssVarV2('button/pureWhiteText'),
[iconColorVar]: cssVarV2('button/pureWhiteText'), [iconColorVar]: cssVarV2('button/pureWhiteText'),
[borderColorVar]: cssVarV2('button/innerBlackBorder'), [borderColorVar]: cssVarV2.layer.insideBorder.blackBorder,
}, },
}, },
'&[data-variant="secondary"]': { '&[data-variant="secondary"]': {
@@ -135,7 +135,7 @@ export const button = style({
[bgVar]: cssVarV2('button/secondary'), [bgVar]: cssVarV2('button/secondary'),
[textVar]: cssVarV2('text/primary'), [textVar]: cssVarV2('text/primary'),
[iconColorVar]: cssVarV2('icon/primary'), [iconColorVar]: cssVarV2('icon/primary'),
[borderColorVar]: cssVarV2('layer/insideBorder/border'), [borderColorVar]: cssVarV2.layer.insideBorder.blackBorder,
}, },
}, },
'&[data-variant="plain"]': { '&[data-variant="plain"]': {
@@ -152,7 +152,7 @@ export const button = style({
[bgVar]: cssVarV2('button/error'), [bgVar]: cssVarV2('button/error'),
[textVar]: cssVarV2('button/pureWhiteText'), [textVar]: cssVarV2('button/pureWhiteText'),
[iconColorVar]: cssVarV2('button/pureWhiteText'), [iconColorVar]: cssVarV2('button/pureWhiteText'),
[borderColorVar]: cssVarV2('button/innerBlackBorder'), [borderColorVar]: cssVarV2.layer.insideBorder.blackBorder,
}, },
}, },
'&[data-variant="success"]': { '&[data-variant="success"]': {
@@ -160,7 +160,7 @@ export const button = style({
[bgVar]: cssVarV2('button/success'), [bgVar]: cssVarV2('button/success'),
[textVar]: cssVarV2('button/pureWhiteText'), [textVar]: cssVarV2('button/pureWhiteText'),
[iconColorVar]: cssVarV2('button/pureWhiteText'), [iconColorVar]: cssVarV2('button/pureWhiteText'),
[borderColorVar]: cssVarV2('button/innerBlackBorder'), [borderColorVar]: cssVarV2.layer.insideBorder.blackBorder,
}, },
}, },

2
packages/frontend/component/src/ui/input/style.css.ts
View File

@@ -42,7 +42,7 @@ export const inputWrapper = style({
borderColor: cssVar('warningColor'), borderColor: cssVar('warningColor'),
}, },
'&.default': { '&.default': {
borderColor: cssVar('borderColor'), borderColor: cssVarV2.layer.insideBorder.blackBorder,
}, },
'&.default:is(:focus-within, :focus, :focus-visible)': { '&.default:is(:focus-within, :focus, :focus-visible)': {
borderColor: cssVarV2('button/primary'), borderColor: cssVarV2('button/primary'),