diff --git a/js/src/views/Home.vue b/js/src/views/Home.vue
index 656e361a3..569fb1f06 100644
--- a/js/src/views/Home.vue
+++ b/js/src/views/Home.vue
@@ -526,7 +526,7 @@ export default class Home extends Vue {
 @import "~bulma/sass/utilities/mixins.sass";
 
 main > div > .container {
-  background: #F0ECF4;
+  background: $background-color;
   padding: 1rem 0.5rem 3rem;
 }
 
@@ -638,7 +638,7 @@ section.hero {
   }
 
   .container.section {
-    background: #F0ECF4;
+    background: $background-color;
 
     @include tablet {
       margin-top: -4rem;
@@ -658,7 +658,7 @@ section.hero {
 }
 
 #homepage {
-  background: #F0ECF4;
+  background: $background-color;
 }
 
 .home-separator {