diff --git a/src/components/helpers/autocomplete/autocomplete.scss b/src/components/helpers/autocomplete/autocomplete.scss
index db0fcbd6..047759bc 100644
--- a/src/components/helpers/autocomplete/autocomplete.scss
+++ b/src/components/helpers/autocomplete/autocomplete.scss
@@ -1,7 +1,8 @@
 .suggestions {
   text-align: left;
   font-size: calc(5px + 1.2vmin);
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(255, 255, 255, 0.8);
+  color: black;
   border-top-width: 0;
   list-style: none;
   margin-top: 40px;
@@ -19,7 +20,7 @@
     padding-left: 20px;
 
     &:hover {
-      background-color: rgba(0, 0, 0, 0.5);
+      background-color: rgba(255, 255, 255, 0.8);
       cursor: pointer;
     }
   }
@@ -36,3 +37,14 @@
     margin-top: 50px;
   }
 }
+
+.dark .suggestions {
+  background-color: rgba(0, 0, 0, 0.5);
+  color: white;
+
+  li {
+    &:hover {
+      background-color: rgba(0, 0, 0, 0.5);
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/components/widgets/quote/Quote.jsx b/src/components/widgets/quote/Quote.jsx
index e265e4ef..250d2a9c 100644
--- a/src/components/widgets/quote/Quote.jsx
+++ b/src/components/widgets/quote/Quote.jsx
@@ -52,7 +52,7 @@ export default class Quote extends React.PureComponent {
       });
     }
 
-    switch (localStorage.getItem('quoteType')) {
+    switch (localStorage.getItem('quoteType') || 'api') {
       case 'custom':
         const customQuote = localStorage.getItem('customQuote');
         if (customQuote) {
diff --git a/src/components/widgets/search/search.scss b/src/components/widgets/search/search.scss
index 911b18ac..358f060b 100644
--- a/src/components/widgets/search/search.scss
+++ b/src/components/widgets/search/search.scss
@@ -13,18 +13,26 @@
     font-size: calc(5px + 1.2vmin);
     border: none;
     position: absolute;
-    background-color: rgba(0, 0, 0, 0.3);
+    background-color: rgba(255, 255, 255, 0.7);
     -webkit-transition: width 0.5s ease-in-out;
     transition: width 0.5s ease-in-out;
-    color: white;
+    color: black;
     padding: 0.5rem 1rem;
     user-select: none;
 
     &:focus {
       width: 400px;
-      background-color: rgba(0, 0, 0, 0.5);
+      background-color: rgba(255, 255, 255, 0.8);
       user-select: text;
     }
+
+    &::-webkit-input-placeholder {
+      color: black;
+    }
+
+    &::-moz-placeholder {
+      color: black;
+    }
   }
 
   .MuiSvgIcon-root {
@@ -44,3 +52,14 @@
 .micIcon {
   margin-right: 10px;
 }
+
+.dark .searchBar {
+  input[type=text] {
+    background-color: rgba(0, 0, 0, 0.3);
+    color: white;
+
+    &:focus {
+      background-color: rgba(0, 0, 0, 0.5);
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/modules/default_settings.json b/src/modules/default_settings.json
index 9264b1e4..82b3afc3 100644
--- a/src/modules/default_settings.json
+++ b/src/modules/default_settings.json
@@ -206,5 +206,9 @@
   {
     "name": "autocompleteProvider",
     "value": "google"
+  },
+  {
+    "name": "quoteType",
+    "value": "api"
   }
 ]