chore: updating dark theme colors

Author: georgewrmarshall

packages/design-tokens/src/css/dark-theme-colors.css

@@ -3,12 +3,12 @@
  */
 [data-theme='dark'],
 .dark {
-  /* For default neutral surface (#222325) */
-  --color-background-default: var(--brand-colors-grey-grey800);
-  /* For sunken neutral surface below background/default (#121314) */
-  --color-background-alternative: var(--brand-colors-grey-grey900);
-  /* For raised neutral surface above background/default (#31333a) */
-  --color-background-muted: var(--brand-colors-grey-grey700);
+  /* For default neutral surface (#121314) */
+  --color-background-default: var(--brand-colors-grey-grey900);
+  /* For sunken neutral surface below background/default (#000000) */
+  --color-background-alternative: var(--brand-colors-grey-grey1000);
+  /* For raised neutral surface above background/default (#222325s) */
+  --color-background-muted: var(--brand-colors-grey-grey800);
   /* Hover state surface for background/default (#313235) */
   --color-background-default-hover: #313235;
   /* Pressed state surface for background/default (#3f4145) */

packages/design-tokens/src/js/themes/darkTheme/colors.ts

@@ -4,11 +4,11 @@ import type { ThemeColors } from '../types';
 export const colors: ThemeColors = {
   background: {
     /** For default neutral surface (#222325) */
-    default: brandColor.grey800,
+    default: brandColor.grey900,
     /** For sunken neutral surface below background/default (#121314) */
-    alternative: brandColor.grey900,
+    alternative: brandColor.grey1000,
     /** For raised neutral surface above background/default (#31333A) */
-    muted: brandColor.grey700,
+    muted: brandColor.grey800,
     /** Hover state surface for background/default (#313235) */
     defaultHover: '#313235',
     /** Pressed state surface for background/default (#3F4145) */