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} {
background: none;
color: rgb(var(--lsd-text-primary));
border: 1px solid rgb(var(--lsd-border-primary));
.${buttonClasses.text} {
color: rgb(var(--lsd-text-primary));
}
}
.${buttonClasses.filled} {
background: rgb(var(--lsd-surface-secondary));
color: rgb(var(--lsd-text-secondary));
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.primary} {
color: rgb(var(--lsd-text-primary));
}
.${typographyClasses.secondary} {
color: rgb(var(--lsd-text-secondary));
}
.${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 {
color: rgb(var(--lsd-text-primary));
font-size: var(--lsd-body1-fontSize);