status-im/dappconnect-sdks
2
0
Fork 0
mirror of https://github.com/status-im/dappconnect-sdks.git synced 2025-02-03 12:23:32 +00:00
Code Issues Projects Releases Wiki Activity

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

Browse Source 
* 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',
yin: '$white-100',
yang: '$neutral-100',
// dark theme
dark_darkGrey: '$white-100',
}
const textSizes: Record<NonNullable<Props['size']>, TextProps['size']> = {
@ -214,6 +217,13 @@ const Base = styled(View, {
hoverStyle: { backgroundColor: '$yang-60' },
pressStyle: { backgroundColor: '$yang-50' },
},
// FIXME: DARK THEME
dark_darkGrey: {
backgroundColor: '$neutral-90',
hoverStyle: { backgroundColor: '$neutral-60' },
pressStyle: { backgroundColor: '$neutral-50' },
},
},
disabled: {