diff --git a/src/css/app.scss b/src/css/app.scss
index 7f4d40c6..1c474724 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -52,9 +52,9 @@ html {
   --foreground: white;
   --background: var(--gray-10);
   --surface-0: var(--background);
-  --surface-1: var(--gray-11);
+  --surface-1: var(--gray-9);
   --surface-2: var(--gray-10);
-  --surface-3: var(--gray-9);
+  --surface-3: var(--gray-11);
 
   --surface-tab: var(--gray-9);
 
diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 32801cd1..ec01867f 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -6,8 +6,8 @@ $primary: var(--brand-1);
 $secondary: var(--brand-2);
 $accent: #9c27b0;
 
-$dark: var(--gray-11);
-$dark-page: var(--gray-10);
+$dark: var(--gray-10);
+$dark-page: var(--gray-11);
 
 $positive: #00bd9d;
 $negative: var(--red-9);