diff --git a/themes/atom-dark-ui/atom.less b/themes/atom-dark-ui/atom.less
index d7409130b..00517f874 100644
--- a/themes/atom-dark-ui/atom.less
+++ b/themes/atom-dark-ui/atom.less
@@ -1,7 +1,9 @@
+@import "colors";
+
 html, body,
 #root-view {
   font: caption;
-  background-color: #333333;
+  background-color: @background-color-1;
 }
 
 #root-view #panes .row > * + * {
diff --git a/themes/atom-light-ui/atom.less b/themes/atom-light-ui/atom.less
index f7685251d..00517f874 100644
--- a/themes/atom-light-ui/atom.less
+++ b/themes/atom-light-ui/atom.less
@@ -1,7 +1,9 @@
+@import "colors";
+
 html, body,
 #root-view {
   font: caption;
-  background-color: #f4f4f4;
+  background-color: @background-color-1;
 }
 
 #root-view #panes .row > * + * {