diff --git a/src/shared/themes/github-dark/github-dark.ts b/src/shared/themes/github-dark/github-dark.ts
index e0ff731d3..5d02c3095 100644
--- a/src/shared/themes/github-dark/github-dark.ts
+++ b/src/shared/themes/github-dark/github-dark.ts
@@ -20,7 +20,7 @@ export const githubDark: AppThemeConfiguration = {
         'state-info': 'rgb(88, 166, 255)',
         'state-success': 'rgb(56, 211, 145)',
         'state-warning': 'rgb(251, 188, 5)',
-        surface: 'rgb(22, 27, 34)',
+        surface: 'rgb(46, 57, 72)',
         'surface-foreground': 'rgb(201, 209, 217)',
         white: 'rgb(255, 255, 255)',
     },
diff --git a/src/shared/themes/github-light/github-light.ts b/src/shared/themes/github-light/github-light.ts
index b2df2cc91..da8deb281 100644
--- a/src/shared/themes/github-light/github-light.ts
+++ b/src/shared/themes/github-light/github-light.ts
@@ -20,7 +20,7 @@ export const githubLight: AppThemeConfiguration = {
         'state-info': 'rgb(9, 105, 218)',
         'state-success': 'rgb(26, 127, 100)',
         'state-warning': 'rgb(191, 136, 0)',
-        surface: 'rgb(246, 248, 250)',
+        surface: 'rgb(250, 252, 254)',
         'surface-foreground': 'rgb(31, 35, 40)',
         white: 'rgb(255, 255, 255)',
     },
diff --git a/src/shared/themes/material-light/material-light.ts b/src/shared/themes/material-light/material-light.ts
index f0f2b4a51..449c2f3d7 100644
--- a/src/shared/themes/material-light/material-light.ts
+++ b/src/shared/themes/material-light/material-light.ts
@@ -20,7 +20,7 @@ export const materialLight: AppThemeConfiguration = {
         'state-info': 'rgb(33, 150, 243)',
         'state-success': 'rgb(76, 175, 80)',
         'state-warning': 'rgb(255, 152, 0)',
-        surface: 'rgb(255, 255, 255)',
+        surface: 'rgb(245, 245, 245)',
         'surface-foreground': 'rgb(33, 33, 33)',
         white: 'rgb(255, 255, 255)',
     },
diff --git a/src/shared/themes/solarized-dark/solarized-dark.ts b/src/shared/themes/solarized-dark/solarized-dark.ts
index 632afaecd..08f61cd0c 100644
--- a/src/shared/themes/solarized-dark/solarized-dark.ts
+++ b/src/shared/themes/solarized-dark/solarized-dark.ts
@@ -20,7 +20,7 @@ export const solarizedDark: AppThemeConfiguration = {
         'state-info': 'rgb(38, 139, 210)',
         'state-success': 'rgb(133, 153, 0)',
         'state-warning': 'rgb(181, 137, 0)',
-        surface: 'rgb(7, 54, 66)',
+        surface: 'rgb(14, 65, 78)',
         'surface-foreground': 'rgb(131, 148, 150)',
         white: 'rgb(255, 255, 255)',
     },
diff --git a/src/shared/themes/solarized-light/solarized-light.ts b/src/shared/themes/solarized-light/solarized-light.ts
index f9cb64851..54deef521 100644
--- a/src/shared/themes/solarized-light/solarized-light.ts
+++ b/src/shared/themes/solarized-light/solarized-light.ts
@@ -20,7 +20,7 @@ export const solarizedLight: AppThemeConfiguration = {
         'state-info': 'rgb(38, 139, 210)',
         'state-success': 'rgb(133, 153, 0)',
         'state-warning': 'rgb(181, 137, 0)',
-        surface: 'rgb(238, 232, 213)',
+        surface: 'rgb(247, 240, 220)',
         'surface-foreground': 'rgb(0, 43, 54)',
         white: 'rgb(255, 255, 255)',
     },