fix: quote fixes and light theme search bar

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

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