From b1a310ef09cdad6f2eda5b65a544e5b2e0880648 Mon Sep 17 00:00:00 2001
From: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Date: Thu, 23 Sep 2021 02:48:40 -0400
Subject: [PATCH] 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              | 7 +++----
 .../components/ft-list-dropdown/ft-list-dropdown.css       | 2 +-
 .../components/ft-profile-selector/ft-profile-selector.css | 2 +-
 src/renderer/components/ft-select/ft-select.css            | 3 ++-
 src/renderer/themes.css                                    | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/renderer/components/ft-input/ft-input.css b/src/renderer/components/ft-input/ft-input.css
index a5c9083a..8e1d2e8d 100644
--- a/src/renderer/components/ft-input/ft-input.css
+++ b/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; */
 }
 
diff --git a/src/renderer/components/ft-list-dropdown/ft-list-dropdown.css b/src/renderer/components/ft-list-dropdown/ft-list-dropdown.css
index d61933a9..99907f2a 100644
--- a/src/renderer/components/ft-list-dropdown/ft-list-dropdown.css
+++ b/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;
diff --git a/src/renderer/components/ft-profile-selector/ft-profile-selector.css b/src/renderer/components/ft-profile-selector/ft-profile-selector.css
index 3034f65f..74e38c8a 100644
--- a/src/renderer/components/ft-profile-selector/ft-profile-selector.css
+++ b/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 {
diff --git a/src/renderer/components/ft-select/ft-select.css b/src/renderer/components/ft-select/ft-select.css
index 117a3aa3..25bb2885 100644
--- a/src/renderer/components/ft-select/ft-select.css
+++ b/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 */
diff --git a/src/renderer/themes.css b/src/renderer/themes.css
index 91a8809a..5fd0181a 100644
--- a/src/renderer/themes.css
+++ b/src/renderer/themes.css
@@ -634,7 +634,7 @@ body {
   outline: none;
 }
 
-.rightAligned: {
+.rightAligned {
   text-align: right;
 }