diff --git a/customize.dist/src/less2/include/colortheme-dark.less b/customize.dist/src/less2/include/colortheme-dark.less
index 5a3ae3e43..77dd32b99 100644
--- a/customize.dist/src/less2/include/colortheme-dark.less
+++ b/customize.dist/src/less2/include/colortheme-dark.less
@@ -51,6 +51,7 @@
 @cryptpad_color_grey_600: #757575;
 @cryptpad_color_grey_700: #616161;
 @cryptpad_color_grey_800: #424242;
+@cryptpad_color_grey_850: #323232;
 @cryptpad_color_grey_900: #212121;
 @cryptpad_color_grey_950: #121212;
 @cryptpad_color_black: #000;
diff --git a/customize.dist/src/less2/include/colortheme.less b/customize.dist/src/less2/include/colortheme.less
index c1ea14832..b1e74016d 100644
--- a/customize.dist/src/less2/include/colortheme.less
+++ b/customize.dist/src/less2/include/colortheme.less
@@ -51,6 +51,7 @@
 @cryptpad_color_grey_600: #757575;
 @cryptpad_color_grey_700: #616161;
 @cryptpad_color_grey_800: #424242;
+@cryptpad_color_grey_850: #323232;
 @cryptpad_color_grey_900: #212121;
 @cryptpad_color_grey_950: #121212;
 @cryptpad_color_black: #000;
diff --git a/www/pad/inner.js b/www/pad/inner.js
index 33e3e6735..977e4e7a8 100644
--- a/www/pad/inner.js
+++ b/www/pad/inner.js
@@ -1220,8 +1220,8 @@ define([
                 var $iframe = $('iframe').contents();
                 if (window.CryptPad_theme === 'dark') {
                     $iframe.find('html').addClass('cp-dark').css({
-                        'background-color': '#222', // XXX make sure it's the same in www/pad/app-pad.less
-                        'color': '#aaa' // XXX
+                        'background-color': '#323232', // grey_850
+                        'color': '#EEEEEE' // dark text_col
                     });
                 } else {
                     $iframe.find('html').css({