status-im
/
status-web
mirror of https://github.com/status-im/status-web.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

[components] add button dark theme variant (#451) 

* add dark theme variant

* Create twenty-yaks-smash.md
This commit is contained in:
Pavel 2023-07-02 18:50:49 +01:00 committed by GitHub
parent f1715cede9
commit 67a68469db
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/twenty-yaks-smash.md Normal file
View File

@ -0,0 +1,5 @@
---
"@status-im/components": patch
---
[components] add dark theme variant

10
packages/components/src/button/button.tsx
View File

@ -43,6 +43,9 @@ const textColors: MapVariant<typeof Base, 'variant'> = {
magenta: '$white-100', magenta: '$white-100',
yin: '$white-100', yin: '$white-100',
yang: '$neutral-100', yang: '$neutral-100',
// dark theme
dark_darkGrey: '$white-100',
} }
const textSizes: Record<NonNullable<Props['size']>, TextProps['size']> = { const textSizes: Record<NonNullable<Props['size']>, TextProps['size']> = {
@ -214,6 +217,13 @@ const Base = styled(View, {
hoverStyle: { backgroundColor: '$yang-60' }, hoverStyle: { backgroundColor: '$yang-60' },
pressStyle: { backgroundColor: '$yang-50' }, pressStyle: { backgroundColor: '$yang-50' },
}, },
// FIXME: DARK THEME
dark_darkGrey: {
backgroundColor: '$neutral-90',
hoverStyle: { backgroundColor: '$neutral-60' },
pressStyle: { backgroundColor: '$neutral-50' },
},
}, },
disabled: { disabled: {