diff --git a/package.json b/package.json
index b12d166..6f206c5 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",
     "buefy": "^0.8.2",
+    "bulma-prefers-dark": "^0.1.0-beta.0",
     "core-js": "^2.6.5",
     "dexie": "^2.0.4",
     "eventemitter3": "^4.0.0",
diff --git a/src/assets/scss/_variables.scss b/src/assets/scss/_variables.scss
index 3c1b805..aa2a7cb 100644
--- a/src/assets/scss/_variables.scss
+++ b/src/assets/scss/_variables.scss
@@ -163,10 +163,6 @@ $size-medium: $size-5 !default;
 $size-large: $size-4 !default;
 
 // Input box styling
-
-$input-color: $white;
-$input-background-color: $black-ter;
-$input-border-color: $grey-darker;
 $input-focus-border-color: $turquoise;
 $input-hover-border-color: scale-color($turquoise, $lightness: -30%);
 
diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss
index 2829ad5..c5efe9d 100644
--- a/src/assets/scss/app.scss
+++ b/src/assets/scss/app.scss
@@ -4,6 +4,7 @@
 @import "~bulma/sass/utilities/derived-variables";
 @import "~bulma";
 @import "~buefy/src/scss/buefy";
+@import "dark";
 @import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,400i,700&display=swap');
 
 html {
diff --git a/src/assets/scss/dark.sass b/src/assets/scss/dark.sass
new file mode 100644
index 0000000..83a3eee
--- /dev/null
+++ b/src/assets/scss/dark.sass
@@ -0,0 +1,6 @@
+@charset "utf-8"
+@import "~bulma-prefers-dark/sass/utilities/_all"
+@import "~bulma-prefers-dark/sass/base/_all"
+@import "~bulma-prefers-dark/sass/elements/_all"
+@import "~bulma-prefers-dark/sass/components/_all"
+@import "~bulma-prefers-dark/sass/layout/_all"
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 9c835d3..c83d140 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2225,6 +2225,11 @@ builtin-status-codes@^3.0.0:
   resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
   integrity sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=
 
+bulma-prefers-dark@^0.1.0-beta.0:
+  version "0.1.0-beta.0"
+  resolved "https://registry.yarnpkg.com/bulma-prefers-dark/-/bulma-prefers-dark-0.1.0-beta.0.tgz#646350738ed00ac66d0f84ec6821a677aa1a66c5"
+  integrity sha512-EeDW8pQrkYEOXo2l3WykfghbUzi8jlQWGI+Cu2HwmXwQHMcoGF6yiKYCNShttN+8z3atq8fLWh3B7pqXUV4fBA==
+
 bulma@0.7.5:
   version "0.7.5"
   resolved "https://registry.yarnpkg.com/bulma/-/bulma-0.7.5.tgz#35066c37f82c088b68f94450be758fc00a967208"