tesses50
/
freetube
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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>
This commit is contained in:
ChunkyProgrammer 2021-09-23 02:48:40 -04:00 committed by GitHub
parent 56b562966f
commit b1a310ef09
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/renderer/components/ft-input/ft-input.css
View File

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

2
src/renderer/components/ft-list-dropdown/ft-list-dropdown.css
View File

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

2
src/renderer/components/ft-profile-selector/ft-profile-selector.css
View File

@ -23,7 +23,7 @@
height: 400px; height: 400px;
padding: 5px; padding: 5px;
background-color: var(--card-bg-color); 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 { #profileList:focus {

3
src/renderer/components/ft-select/ft-select.css
View File

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

2
src/renderer/themes.css
View File

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