From 75c3c54a5a157185bb4d79edb1e4d86a2ccf59ac Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Thu, 16 Jan 2025 09:18:20 +0530
Subject: [PATCH] Shift

---
 web/packages/base/components/utils/theme.ts | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/web/packages/base/components/utils/theme.ts b/web/packages/base/components/utils/theme.ts
index 856ff21700..a0986fcd72 100644
--- a/web/packages/base/components/utils/theme.ts
+++ b/web/packages/base/components/utils/theme.ts
@@ -221,6 +221,16 @@ const getColorSchemes = (colors: ReturnType<typeof getColors>) => ({
     // light: false,
     dark: {
         palette: {
+            background: {
+                default: colors.dark.background.base,
+                paper: colors.dark.background.paper,
+                paper2: colors.dark.background.paper2,
+            },
+            backdrop: {
+                base: colors.dark.backdrop.base,
+                muted: colors.dark.backdrop.muted,
+                faint: colors.dark.backdrop.faint,
+            },
             primary: {
                 main: colors.dark.fill.base,
                 dark: colors.dark.fill.basePressed,
@@ -245,11 +255,6 @@ const getColorSchemes = (colors: ReturnType<typeof getColors>) => ({
                 light: colors.fixed.danger.light,
                 contrastText: colors.fixed.white,
             },
-            background: {
-                default: colors.dark.background.base,
-                paper: colors.dark.background.paper,
-                paper2: colors.dark.background.paper2,
-            },
             text: {
                 // Alias the tokens used by MUI to the ones that we use. This way,
                 // we don't need to change the default ("primary"), or update the
@@ -277,11 +282,6 @@ const getColorSchemes = (colors: ReturnType<typeof getColors>) => ({
             },
             divider: colors.dark.stroke.faint,
             fixed: colors.fixed,
-            backdrop: {
-                base: colors.dark.backdrop.base,
-                muted: colors.dark.backdrop.muted,
-                faint: colors.dark.backdrop.faint,
-            },
             boxShadow: colors.dark.boxShadow,
         },
     },