diff --git a/src/nft/css/sprinkles.css.ts b/src/nft/css/sprinkles.css.ts index 0e2515bdf3..9967cc929f 100644 --- a/src/nft/css/sprinkles.css.ts +++ b/src/nft/css/sprinkles.css.ts @@ -198,6 +198,7 @@ export const vars = createGlobalTheme(':root', { gray800: '#131A2A', gray850: '#0E1524', gray900: '#0D111C', + gray950: '#080B11', accentTextLightTertiary: 'rgba(255, 255, 255, 0.12)', outline: 'rgba(153, 161, 189, 0.24)', lightGrayOverlay: '#99A1BD14', diff --git a/src/nft/themes/darkTheme.ts b/src/nft/themes/darkTheme.ts index 83ed030b11..c89d90d19b 100644 --- a/src/nft/themes/darkTheme.ts +++ b/src/nft/themes/darkTheme.ts @@ -17,7 +17,7 @@ export const darkTheme: Theme = { backgroundModule: vars.color.gray800, backgroundOutline: vars.color.backgroundInteractive, 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))', diff --git a/src/theme/colors.ts b/src/theme/colors.ts index 7887d9e2f1..69410a3420 100644 --- a/src/theme/colors.ts +++ b/src/theme/colors.ts @@ -22,6 +22,7 @@ export const colors = { gray800: '#131A2A', gray850: '#0E1524', gray900: '#0D111C', + gray950: '#080B11', pink50: '#F9ECF1', pink100: '#FFD9E4', pink200: '#FBA4C0', @@ -124,7 +125,7 @@ export const darkTheme = { userThemeColor: colors.magentaVibrant, background: colors.gray800, - backgroundBackdrop: colors.black, + backgroundBackdrop: colors.gray950, backgroundSurface: colors.gray900, backgroundModule: colors.gray800, backgroundInteractive: colors.gray700,