diff --git a/static/styles.css b/static/styles.css
index 1fdfd2d..4eb6fb5 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -20,6 +20,12 @@ body {
 .theme--dark body {
   color: #fafafa;
 }
+.theme--default body {
+  background: #ffffff;
+}
+.theme--dark body {
+  background: #1e1e1e;
+}
 @media (max-width: 580px) {
   body.lock {
     overflow: hidden;
@@ -42,12 +48,6 @@ body {
   overflow: hidden;
   z-index: -1;
 }
-.theme--default .background {
-  background: #ffffff;
-}
-.theme--dark .background {
-  background: #1e1e1e;
-}
 .background::after {
   content: "";
   position: absolute;
@@ -58,7 +58,7 @@ body {
   bottom: -40%;
 }
 .theme--default .background::after {
-  background: #ffffff;
+  background: #fafafa;
 }
 .theme--dark .background::after {
   background: #181818;
diff --git a/static/styles.scss b/static/styles.scss
index bae37c0..ef2818d 100644
--- a/static/styles.scss
+++ b/static/styles.scss
@@ -20,7 +20,7 @@ $themes: (
     accent1: $color-accent1,
     accent2: $color-accent2,
     bg-up: $color-base1,
-    bg-down: $color-base1,
+    bg-down: $color-base2,
     boxed-title: $color-base7,
     boxed-bg-title: $color-base4,
     boxed-bg: $color-base3,
@@ -98,6 +98,9 @@ body {
   @include themed() {
     color: t($base7);
   }
+  @include themed() {
+    background: t($bg-up);
+  }
   margin: 0;
   margin-bottom: 4rem;
   &.lock {
@@ -117,9 +120,6 @@ a {
   bottom: 0;
   left: 0;
   right: 0;
-  @include themed() {
-    background: t($bg-up);
-  }
   overflow: hidden;
   z-index: -1;
   &::after {