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

Add Gray950

Adds Gray950 hex and remaps backgroundBackdrop to it

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',

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))',
 

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,