ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: add Gray950 and remap backgroundBackdrop to it (#5321)

Browse Source 
Add Gray950

Adds Gray950 hex and remaps backgroundBackdrop to it
This commit is contained in:
pp-hh-ii-ll 2022-11-18 15:54:34 -05:00 committed by GitHub
parent ce51ffae75
commit b95621758c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/nft/css/sprinkles.css.ts
View File

@ -198,6 +198,7 @@ export const vars = createGlobalTheme(':root', {
gray800: '#131A2A', gray800: '#131A2A',
gray850: '#0E1524', gray850: '#0E1524',
gray900: '#0D111C', gray900: '#0D111C',
gray950: '#080B11',
accentTextLightTertiary: 'rgba(255, 255, 255, 0.12)', accentTextLightTertiary: 'rgba(255, 255, 255, 0.12)',
outline: 'rgba(153, 161, 189, 0.24)', outline: 'rgba(153, 161, 189, 0.24)',
lightGrayOverlay: '#99A1BD14', lightGrayOverlay: '#99A1BD14',

2
src/nft/themes/darkTheme.ts
View File

@ -17,7 +17,7 @@ export const darkTheme: Theme = {
backgroundModule: vars.color.gray800, backgroundModule: vars.color.gray800,
backgroundOutline: vars.color.backgroundInteractive, backgroundOutline: vars.color.backgroundInteractive,
backgroundSurface: vars.color.gray900, backgroundSurface: vars.color.gray900,
backgroundBackdrop: '#000', backgroundBackdrop: vars.color.gray950,
modalBackdrop: 'linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7))', modalBackdrop: 'linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7))',

3
src/theme/colors.ts
View File

@ -22,6 +22,7 @@ export const colors = {
gray800: '#131A2A', gray800: '#131A2A',
gray850: '#0E1524', gray850: '#0E1524',
gray900: '#0D111C', gray900: '#0D111C',
gray950: '#080B11',
pink50: '#F9ECF1', pink50: '#F9ECF1',
pink100: '#FFD9E4', pink100: '#FFD9E4',
pink200: '#FBA4C0', pink200: '#FBA4C0',
@ -124,7 +125,7 @@ export const darkTheme = {
userThemeColor: colors.magentaVibrant, userThemeColor: colors.magentaVibrant,
background: colors.gray800, background: colors.gray800,
backgroundBackdrop: colors.black, backgroundBackdrop: colors.gray950,
backgroundSurface: colors.gray900, backgroundSurface: colors.gray900,
backgroundModule: colors.gray800, backgroundModule: colors.gray800,
backgroundInteractive: colors.gray700, backgroundInteractive: colors.gray700,