Bug fixes

Co-authored-by: Alex Sparkes <turbomarshmello@gmail.com>

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"
     },

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"
     },

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"
     },

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",

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

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');

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() {

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;
 }