diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index 64aae8b33..2fbfc6166 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -11,17 +11,17 @@
   --primary-color:#8dd0ff;
   --primary-color-text:#151515;
   --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-  --surface-0: #000000;
-  --surface-50: #111418;
-  --surface-100: #171c22;
-  --surface-200: #1d232b;
-  --surface-300: #242b34;
-  --surface-400: #2a323d;
-  --surface-500: #4a515a;
-  --surface-600: #6a7077;
-  --surface-700: #8a8e94;
-  --surface-800: #aaadb1;
-  --surface-900: #cacccf;
+  --surface-0: #20262e;
+  --surface-50: #262b33;
+  --surface-100: #2b3138;
+  --surface-200: #31363e;
+  --surface-300: #363c43;
+  --surface-400: #3c4148;
+  --surface-500: #41474d;
+  --surface-600: #474c53;
+  --surface-700: #4d5158;
+  --surface-800: #52575d;
+  --surface-900: #585c62;
   --content-padding:1.25rem;
   --inline-spacing:0.5rem;
 }
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index 646b4dea2..df01623c2 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -11,17 +11,17 @@
   --primary-color:#c298d8;
   --primary-color-text:#151515;
   --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-  --surface-0: #000000;
-  --surface-50: #111418;
-  --surface-100: #171c22;
-  --surface-200: #1d232b;
-  --surface-300: #242b34;
-  --surface-400: #2a323d;
-  --surface-500: #4a515a;
-  --surface-600: #6a7077;
-  --surface-700: #8a8e94;
-  --surface-800: #aaadb1;
-  --surface-900: #cacccf;
+  --surface-0: #20262e;
+  --surface-50: #262b33;
+  --surface-100: #2b3138;
+  --surface-200: #31363e;
+  --surface-300: #363c43;
+  --surface-400: #3c4148;
+  --surface-500: #41474d;
+  --surface-600: #474c53;
+  --surface-700: #4d5158;
+  --surface-800: #52575d;
+  --surface-900: #585c62;
   --content-padding:1.25rem;
   --inline-spacing:0.5rem;
 }
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 54144225a..6ac7cf3c2 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -11,17 +11,17 @@
   --primary-color: #FFE082;
   --primary-color-text: #212529;
   --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-  --surface-0: #000000;
-  --surface-50: #141414;
-  --surface-100: #1c1c1c;
-  --surface-200: #232323;
-  --surface-300: #2b2b2b;
-  --surface-400: #323232;
-  --surface-500: #515151;
-  --surface-600: #707070;
-  --surface-700: #8e8e8e;
-  --surface-800: #adadad;
-  --surface-900: #ccc;
+  --surface-0: #191919;
+  --surface-50: #1f1f1f;
+  --surface-100: #252525;
+  --surface-200: #2a2a2a;
+  --surface-300: #303030;
+  --surface-400: #363636;
+  --surface-500: #3c3c3c;
+  --surface-600: #414141;
+  --surface-700: #474747;
+  --surface-800: #4d4d4d;
+  --surface-900: #535353;
   --content-padding:0.571rem 1rem;
   --inline-spacing:0.5rem;
 }
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index 3944038ab..934a942cd 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -11,17 +11,17 @@
   --primary-color: #81D4FA;
   --primary-color-text: #212529;
   --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-  --surface-0: #000000;
-  --surface-50: #141414;
-  --surface-100: #1c1c1c;
-  --surface-200: #232323;
-  --surface-300: #2b2b2b;
-  --surface-400: #323232;
-  --surface-500: #515151;
-  --surface-600: #707070;
-  --surface-700: #8e8e8e;
-  --surface-800: #adadad;
-  --surface-900: #ccc;
+  --surface-0: #191919;
+  --surface-50: #1f1f1f;
+  --surface-100: #252525;
+  --surface-200: #2a2a2a;
+  --surface-300: #303030;
+  --surface-400: #363636;
+  --surface-500: #3c3c3c;
+  --surface-600: #414141;
+  --surface-700: #474747;
+  --surface-800: #4d4d4d;
+  --surface-900: #535353;
   --content-padding:0.571rem 1rem;
   --inline-spacing:0.5rem;
 }
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index ca9af02db..a8f5e18d7 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -11,17 +11,17 @@
   --primary-color: #C5E1A5;
   --primary-color-text: #212529;
   --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-  --surface-0: #000000;
-  --surface-50: #141414;
-  --surface-100: #1c1c1c;
-  --surface-200: #232323;
-  --surface-300: #2b2b2b;
-  --surface-400: #323232;
-  --surface-500: #515151;
-  --surface-600: #707070;
-  --surface-700: #8e8e8e;
-  --surface-800: #adadad;
-  --surface-900: #ccc;
+  --surface-0: #191919;
+  --surface-50: #1f1f1f;
+  --surface-100: #252525;
+  --surface-200: #2a2a2a;
+  --surface-300: #303030;
+  --surface-400: #363636;
+  --surface-500: #3c3c3c;
+  --surface-600: #414141;
+  --surface-700: #474747;
+  --surface-800: #4d4d4d;
+  --surface-900: #535353;
   --content-padding:0.571rem 1rem;
   --inline-spacing:0.5rem;
 }
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index 086a32e7a..67306f4ac 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -11,17 +11,17 @@
   --primary-color: #F48FB1;
   --primary-color-text: #212529;
   --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-  --surface-0: #000000;
-  --surface-50: #141414;
-  --surface-100: #1c1c1c;
-  --surface-200: #232323;
-  --surface-300: #2b2b2b;
-  --surface-400: #323232;
-  --surface-500: #515151;
-  --surface-600: #707070;
-  --surface-700: #8e8e8e;
-  --surface-800: #adadad;
-  --surface-900: #ccc;
+  --surface-0: #191919;
+  --surface-50: #1f1f1f;
+  --surface-100: #252525;
+  --surface-200: #2a2a2a;
+  --surface-300: #303030;
+  --surface-400: #363636;
+  --surface-500: #3c3c3c;
+  --surface-600: #414141;
+  --surface-700: #474747;
+  --surface-800: #4d4d4d;
+  --surface-900: #535353;
   --content-padding:0.571rem 1rem;
   --inline-spacing:0.5rem;
 }
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index e00ac10ba..79d23d4b3 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -11,17 +11,17 @@
   --primary-color:#CE93D8;
   --primary-color-text:#121212;
   --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
-  --surface-0: #000000;
-  --surface-50: #0c0c0c;
-  --surface-100: #111;
-  --surface-200: #151515;
-  --surface-300: #1a1a1a;
-  --surface-400: #1E1E1E;
-  --surface-500: #404040;
-  --surface-600: #626262;
-  --surface-700: #838383;
-  --surface-800: #a5a5a5;
-  --surface-900: #c7c7c7;
+  --surface-0: #121212;
+  --surface-50: #181818;
+  --surface-100: #1e1e1e;
+  --surface-200: #242424;
+  --surface-300: #2a2a2a;
+  --surface-400: #303030;
+  --surface-500: #363636;
+  --surface-600: #3b3b3b;
+  --surface-700: #414141;
+  --surface-800: #474747;
+  --surface-900: #4d4d4d;
   --content-padding:1rem;
   --inline-spacing:0.5rem;
 }
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index e88a4b78f..e54a4cb2e 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -11,17 +11,17 @@
   --primary-color:#9FA8DA;
   --primary-color-text:#121212;
   --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
-  --surface-0: #000000;
-  --surface-50: #0c0c0c;
-  --surface-100: #111;
-  --surface-200: #151515;
-  --surface-300: #1a1a1a;
-  --surface-400: #1E1E1E;
-  --surface-500: #404040;
-  --surface-600: #626262;
-  --surface-700: #838383;
-  --surface-800: #a5a5a5;
-  --surface-900: #c7c7c7;
+  --surface-0: #121212;
+  --surface-50: #181818;
+  --surface-100: #1e1e1e;
+  --surface-200: #242424;
+  --surface-300: #2a2a2a;
+  --surface-400: #303030;
+  --surface-500: #363636;
+  --surface-600: #3b3b3b;
+  --surface-700: #414141;
+  --surface-800: #474747;
+  --surface-900: #4d4d4d;
   --content-padding:1rem;
   --inline-spacing:0.5rem;
 }
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index 8ec48a999..5246765e5 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -11,17 +11,17 @@
   --primary-color:#673AB7;
   --primary-color-text:#ffffff;
   --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
-  --surface-0: #000000;
-  --surface-50: #0c0c0c;
-  --surface-100: #111;
-  --surface-200: #151515;
-  --surface-300: #1a1a1a;
-  --surface-400: #1E1E1E;
-  --surface-500: #404040;
-  --surface-600: #626262;
-  --surface-700: #838383;
-  --surface-800: #a5a5a5;
-  --surface-900: #c7c7c7;
+  --surface-0: #121212;
+  --surface-50: #181818;
+  --surface-100: #1e1e1e;
+  --surface-200: #242424;
+  --surface-300: #2a2a2a;
+  --surface-400: #303030;
+  --surface-500: #363636;
+  --surface-600: #3b3b3b;
+  --surface-700: #414141;
+  --surface-800: #474747;
+  --surface-900: #4d4d4d;
   --content-padding:1rem;
   --inline-spacing:0.5rem;
 }
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index d4fbbb9a9..f6ae258ee 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -11,17 +11,17 @@
   --primary-color:#3F51B5;
   --primary-color-text:#ffffff;
   --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
-  --surface-0: #000000;
-  --surface-50: #0c0c0c;
-  --surface-100: #111;
-  --surface-200: #151515;
-  --surface-300: #1a1a1a;
-  --surface-400: #1E1E1E;
-  --surface-500: #404040;
-  --surface-600: #626262;
-  --surface-700: #838383;
-  --surface-800: #a5a5a5;
-  --surface-900: #c7c7c7;
+  --surface-0: #121212;
+  --surface-50: #181818;
+  --surface-100: #1e1e1e;
+  --surface-200: #242424;
+  --surface-300: #2a2a2a;
+  --surface-400: #303030;
+  --surface-500: #363636;
+  --surface-600: #3b3b3b;
+  --surface-700: #414141;
+  --surface-800: #474747;
+  --surface-900: #4d4d4d;
   --content-padding:1rem;
   --inline-spacing:0.5rem;
 }