diff --git a/_frontend/styles/index.scss b/_frontend/styles/index.scss
index 1dc9148..498a7dd 100644
--- a/_frontend/styles/index.scss
+++ b/_frontend/styles/index.scss
@@ -8,6 +8,7 @@ $primary: $orange;
 $link: $orange;
 
 @import "~bulma/bulma";
+@import "~bulma-prefers-dark/bulma-prefers-dark.sass";
 
 html {
   width: 100%;
@@ -16,7 +17,7 @@ html {
 
 body {
   min-height: 100%;
-  background: #f6f7f8;
+//   background: #f6f7f8;
 }
 
 .centered {
diff --git a/package-lock.json b/package-lock.json
index 39422db..5339f97 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "version": "0.0.4",
       "dependencies": {
         "bulma": "^0.9.1",
+        "bulma-prefers-dark": "^0.1.0-beta.0",
         "regenerator-runtime": "^0.13.7",
         "tributejs": "^5.1.3"
       },
@@ -2499,6 +2500,11 @@
       "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.1.tgz",
       "integrity": "sha512-LSF69OumXg2HSKl2+rN0/OEXJy7WFEb681wtBlNS/ulJYR27J3rORHibdXZ6GVb/vyUzzYK/Arjyh56wjbFedA=="
     },
+    "node_modules/bulma-prefers-dark": {
+      "version": "0.1.0-beta.0",
+      "resolved": "https://registry.npmjs.org/bulma-prefers-dark/-/bulma-prefers-dark-0.1.0-beta.0.tgz",
+      "integrity": "sha512-EeDW8pQrkYEOXo2l3WykfghbUzi8jlQWGI+Cu2HwmXwQHMcoGF6yiKYCNShttN+8z3atq8fLWh3B7pqXUV4fBA=="
+    },
     "node_modules/bytes": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
@@ -13890,6 +13896,11 @@
       "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.1.tgz",
       "integrity": "sha512-LSF69OumXg2HSKl2+rN0/OEXJy7WFEb681wtBlNS/ulJYR27J3rORHibdXZ6GVb/vyUzzYK/Arjyh56wjbFedA=="
     },
+    "bulma-prefers-dark": {
+      "version": "0.1.0-beta.0",
+      "resolved": "https://registry.npmjs.org/bulma-prefers-dark/-/bulma-prefers-dark-0.1.0-beta.0.tgz",
+      "integrity": "sha512-EeDW8pQrkYEOXo2l3WykfghbUzi8jlQWGI+Cu2HwmXwQHMcoGF6yiKYCNShttN+8z3atq8fLWh3B7pqXUV4fBA=="
+    },
     "bytes": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
diff --git a/package.json b/package.json
index 5f6321b..4bbd115 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
   "version": "0.0.4",
   "dependencies": {
     "bulma": "^0.9.1",
+    "bulma-prefers-dark": "^0.1.0-beta.0",
     "regenerator-runtime": "^0.13.7",
     "tributejs": "^5.1.3"
   }