LaconicNetwork/dydx-v4-web
6
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

add transparency to button + destructive borders

Browse Source
This commit is contained in:
mulan xia 2024-01-24 12:56:20 -05:00
parent 697b97233b
commit e01f763481
No known key found for this signature in database
GPG Key ID: C6CE526613568D73
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/constants/styles/base.ts
View File

@ -64,6 +64,7 @@ export enum ColorToken {
/** Maps opacity to corresponding hex value */
export enum OpacityToken {
Opacity16 = '29',
Opacity20 = '33',
Opacity66 = 'A8',
Opacity90 = 'E6',
}

12
src/styles/themes.ts
View File

@ -14,8 +14,8 @@ const ClassicTheme: ThemeColors = {
layer7: ColorToken.GrayBlue0,
borderDefault: ColorToken.GrayBlue2,
borderDestructive: ColorToken.Red2,
borderButton: ColorToken.White,
borderDestructive: generateFadedColorVariant(ColorToken.Red2, OpacityToken.Opacity20),
borderButton: generateFadedColorVariant(ColorToken.White, OpacityToken.Opacity20),
textPrimary: ColorToken.LightGray2,
textSecondary: ColorToken.GrayPurple1,
@ -63,8 +63,8 @@ const DarkTheme: ThemeColors = {
layer7: ColorToken.DarkGray2,
borderDefault: ColorToken.DarkGray4,
borderDestructive: ColorToken.Red0,
borderButton: ColorToken.White,
borderDestructive: generateFadedColorVariant(ColorToken.Red0, OpacityToken.Opacity20),
borderButton: generateFadedColorVariant(ColorToken.White, OpacityToken.Opacity20),
textPrimary: ColorToken.LightGray0,
textSecondary: ColorToken.MediumGray0,
@ -112,8 +112,8 @@ const LightTheme: ThemeColors = {
layer7: ColorToken.MediumGray1,
borderDefault: ColorToken.LightGray10,
borderDestructive: ColorToken.Red1,
borderButton: ColorToken.Black,
borderDestructive: generateFadedColorVariant(ColorToken.Red1, OpacityToken.Opacity20),
borderButton: generateFadedColorVariant(ColorToken.Black, OpacityToken.Opacity20),
textPrimary: ColorToken.DarkGray12,
textSecondary: ColorToken.DarkGray3,