Update colours (search results & select boxes) to match theme (#1482)

* update colors to match theme

* fixed issues with light theme

* readded line that was accidentally deleted

* update colour to match search bar

* update profile selector & dropdown

* increase blur on ft-profile-selector box shadow

* don't change search suggestion background color to primary color

Co-authored-by: Preston <freetubeapp@protonmail.com>

src/renderer/components/ft-input/ft-input.css

@@ -146,9 +146,8 @@
   padding: 5px 0;
   z-index: 10;
   border-radius: 0 0 5px 5px;
-  border: 1px #ccc solid;
-  background-color: white;
-  color: black;
+  box-shadow: 0 0 10px var(--scrollbar-color-hover);
+  background-color: var(--search-bar-color);
 }
 
 .list li {
@@ -158,7 +157,7 @@
 }
 
 .hover {
-  background-color: #ccc;
+  background-color: var(--scrollbar-color-hover);
 /*   color: white; */
 }
 

src/renderer/components/ft-list-dropdown/ft-list-dropdown.css

@@ -61,7 +61,7 @@
 }
 
 .buttonOption:hover {
-  background-color: var(--card-bg-color);
+  background-color: var(--search-bar-color);
   -moz-transition: background 0.2s ease-in;
   -o-transition: background 0.2s ease-in;
   transition: background 0.2s ease-in;

src/renderer/components/ft-profile-selector/ft-profile-selector.css

@@ -23,7 +23,7 @@
   height: 400px;
   padding: 5px;
   background-color: var(--card-bg-color);
-  box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  box-shadow: 0 0 4px var(--scrollbar-color-hover);
 }
 
 #profileList:focus {

src/renderer/components/ft-select/ft-select.css

@@ -41,7 +41,8 @@
 }
 
 .select option {
-  color: #000000;
+  color: var(--secondary-text-color);
+  background-color: var(--card-bg-color);
 }
 
 /* Remove focus */

src/renderer/themes.css

@@ -634,7 +634,7 @@ body {
   outline: none;
 }
 
-.rightAligned: {
+.rightAligned {
   text-align: right;
 }