diff --git a/firefox_source.zip b/firefox_source.zip
new file mode 100644
index 00000000..dcdba741
Binary files /dev/null and b/firefox_source.zip differ
diff --git a/manifest/chrome.json b/manifest/chrome.json
index 2b2abdce..64213ea3 100644
--- a/manifest/chrome.json
+++ b/manifest/chrome.json
@@ -3,7 +3,7 @@
     "offline_enabled": true,
     "name": "Mue",
     "description": "Fast, open and free-to-use new tab page for most modern browsers.",
-    "version": "3.0.0",
+    "version": "3.0.1",
     "browser_action": {
         "default_icon": "./icons/extension-icon.png"
     },
diff --git a/manifest/firefox.json b/manifest/firefox.json
index 4ef88189..adc54e89 100644
--- a/manifest/firefox.json
+++ b/manifest/firefox.json
@@ -2,7 +2,7 @@
     "manifest_version": 2,
     "name": "Mue",
     "description": "Fast, open and free-to-use new tab page for most modern browsers.",
-    "version": "3.0.0",
+    "version": "3.0.1",
     "browser_action": {
         "default_icon": "./icons/extension-icon.png"
     },
diff --git a/manifest/opera.json b/manifest/opera.json
index e762b939..146ff2fc 100644
--- a/manifest/opera.json
+++ b/manifest/opera.json
@@ -2,7 +2,7 @@
     "manifest_version": 2,
     "name": "Mue",
     "description": "Fast, open and free-to-use new tab page for most modern browsers.",
-    "version": "3.0.0",
+    "version": "3.0.1",
     "browser_action": {
         "default_icon": "./icons/extension-icon.png"
     },
diff --git a/package.json b/package.json
index 8f69bf7a..b2da214b 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
   "homepage": "https://muetab.xyz",
   "bugs": "https://github.com/mue/mue/issues/new?assignees=&labels=bug&template=bug-report.md&title=%5BBUG%5D",
   "license": "BSD-3-Clause",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "dependencies": {
     "@material-ui/core": "^4.11.0",
     "@material-ui/icons": "^4.9.1",
diff --git a/src/App.jsx b/src/App.jsx
index 8399948f..746e1ccf 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -47,8 +47,8 @@ export default class App extends React.Component {
     localStorage.setItem('greetingName', '');
 
     // Set theme depending on user preferred
-    //if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) localStorage.setItem('darkTheme', true);
-    //else localStorage.setItem('darkTheme', false);
+    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) localStorage.setItem('darkTheme', true);
+    else localStorage.setItem('darkTheme', false);
     localStorage.setItem('darkTheme', false);
 
     // Finally we set this to true so it doesn't run the function on every load
diff --git a/src/components/Search.jsx b/src/components/Search.jsx
index 1fc44292..af71b371 100644
--- a/src/components/Search.jsx
+++ b/src/components/Search.jsx
@@ -3,7 +3,7 @@ import React from 'react';
 
 export default class Search extends React.Component {
   render() {
-    const enabled = localStorage.getItem('searchbar');
+    const enabled = localStorage.getItem('searchBar');
     if (enabled === 'false') return (<div></div>);
 
     const searchEngine = localStorage.getItem('searchEngine');
diff --git a/src/components/Settings.jsx b/src/components/Settings.jsx
index 6714328f..541cb349 100644
--- a/src/components/Settings.jsx
+++ b/src/components/Settings.jsx
@@ -88,6 +88,12 @@ export default class Settings extends React.Component {
     document.addEventListener('keyup', (event) => {
       if (event.keyCode === 13) this.saveStuff();
     });
+
+    const darkTheme = localStorage.getItem('darkTheme');
+    if (darkTheme === 'true') {
+      document.getElementById('customBackground').style.color = 'white';
+      document.getElementById('greetingName').style.color = 'white';
+    }
   }
 
   render() {
diff --git a/src/scss/modules/_settings.scss b/src/scss/modules/_settings.scss
index 113479e4..043da32b 100644
--- a/src/scss/modules/_settings.scss
+++ b/src/scss/modules/_settings.scss
@@ -100,6 +100,7 @@ h4, #engines {
   box-shadow: 20px #000;
   font-size: 1.3em;
   position: relative;
+  font-family: 'Lexend Deca', sans-serif;
 
   &:hover {
     transform: translateY(-0.10em);
@@ -226,4 +227,8 @@ input[type=color] {
     border: none;
     border-radius: 100%;
   }
+}
+
+input[type=checkbox] {
+  vertical-align: middle;
 }
\ No newline at end of file