acid-info
/
lsd
mirror of https://github.com/acid-info/lsd.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: fix filled Button text color

This commit is contained in:
Hossein Mehrabi 2023-12-18 17:15:56 +03:30
parent a9464119ce
commit d5e07971ea
No known key found for this signature in database
GPG Key ID: 45C04964191AFAA1
2 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/lsd-react/src/components/Button/Button.styles.ts
View File

@ -70,13 +70,19 @@ export const ButtonStyles = css`
.${buttonClasses.outlined} { .${buttonClasses.outlined} {
background: none; background: none;
color: rgb(var(--lsd-text-primary));
border: 1px solid rgb(var(--lsd-border-primary)); border: 1px solid rgb(var(--lsd-border-primary));
.${buttonClasses.text} {
color: rgb(var(--lsd-text-primary));
}
} }
.${buttonClasses.filled} { .${buttonClasses.filled} {
background: rgb(var(--lsd-surface-secondary)); background: rgb(var(--lsd-surface-secondary));
color: rgb(var(--lsd-text-secondary));
border: 1px solid rgb(var(--lsd-border-primary)); border: 1px solid rgb(var(--lsd-border-primary));
.${buttonClasses.text} {
color: rgb(var(--lsd-text-secondary));
}
} }
` `

15
packages/lsd-react/src/components/Typography/Typography.styles.ts
View File

@ -15,16 +15,9 @@ export const TypographyStyles = css`
} }
.${typographyClasses.root} { .${typographyClasses.root} {
}
.${typographyClasses.primary} {
color: rgb(var(--lsd-text-primary)); color: rgb(var(--lsd-text-primary));
} }
.${typographyClasses.secondary} {
color: rgb(var(--lsd-text-secondary));
}
.${typographyClasses.sansSerif} { .${typographyClasses.sansSerif} {
&, &,
* { * {
@ -57,6 +50,14 @@ export const TypographyStyles = css`
`, `,
)} )}
.${typographyClasses.primary} {
color: rgb(var(--lsd-text-primary));
}
.${typographyClasses.secondary} {
color: rgb(var(--lsd-text-secondary));
}
input { input {
color: rgb(var(--lsd-text-primary)); color: rgb(var(--lsd-text-primary));
font-size: var(--lsd-body1-fontSize); font-size: var(--lsd-body1-fontSize);