d4708/qBittorrent
1
0
Fork 0
mirror of https://github.com/d47081/qBittorrent.git synced 2025-01-22 12:34:19 +00:00
Code Issues Projects Releases Wiki Activity

add hover color, add tabs hover effect

Browse Source
This commit is contained in:
d47081 2023-11-11 09:14:09 +02:00
parent b7a2cd39f7
commit c3d587bb2b
6 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/webui/www/private/css/Layout.css
View File

@ -116,7 +116,7 @@ body {
} }
#desktopNavbar ul li a:hover { #desktopNavbar ul li a:hover {
background-color: var(--color-background-blue); background-color: var(--color-background-hover);
color: var(--color-text-white); color: var(--color-text-white);
} }
@ -167,7 +167,7 @@ body {
} }
#desktopNavbar li ul li a:hover { #desktopNavbar li ul li a:hover {
background-color: var(--color-background-blue); background-color: var(--color-background-hover);
color: var(--color-text-white); color: var(--color-text-white);
} }

5
src/webui/www/private/css/Tabs.css
View File

@ -47,6 +47,11 @@ Required by:
text-align: center; text-align: center;
} }
.tab-menu li:hover a {
background-color: var(--color-background-hover);
color: var(--color-text-white);
}
.tab-menu li.selected a { .tab-menu li.selected a {
background-color: var(--color-background-blue); background-color: var(--color-background-blue);
color: var(--color-text-white); color: var(--color-text-white);

2
src/webui/www/private/css/dynamicTable.css
View File

@ -22,7 +22,7 @@
} }
.dynamicTable tbody tr:hover { .dynamicTable tbody tr:hover {
background-color: var(--color-background-blue); background-color: var(--color-background-hover);
color: var(--color-text-white); color: var(--color-text-white);
} }

2
src/webui/www/private/css/lib/vanillaSelectBox.css
View File

@ -102,7 +102,7 @@ li.short{
} }
.vsb-menu li:hover { .vsb-menu li:hover {
background-color: var(--color-background-blue); background-color: var(--color-background-hover);
color: var(--color-text-white); color: var(--color-text-white);
} }

2
src/webui/www/private/css/palette.css
View File

@ -12,6 +12,7 @@
--color-background-blue: hsl(210deg 65% 55%); --color-background-blue: hsl(210deg 65% 55%);
--color-background-popup: hsl(0deg 0% 100%); --color-background-popup: hsl(0deg 0% 100%);
--color-background-default: hsl(0deg 0% 94%); --color-background-default: hsl(0deg 0% 94%);
--color-background-hover: hsl(210deg 55% 65%);
--color-border-blue: hsl(210deg 42% 48%); --color-border-blue: hsl(210deg 42% 48%);
--color-border-default: hsl(0deg 0% 85%); --color-border-default: hsl(0deg 0% 85%);
} }
@ -39,6 +40,7 @@
--color-background-blue: hsl(210deg 42% 48%); --color-background-blue: hsl(210deg 42% 48%);
--color-background-popup: hsl(0deg 0% 20%); --color-background-popup: hsl(0deg 0% 20%);
--color-background-default: hsl(0deg 0% 25%); --color-background-default: hsl(0deg 0% 25%);
--color-background-hover: hsl(210deg 15% 35%);
--color-border-default: hsl(0deg 0% 33%); --color-border-default: hsl(0deg 0% 33%);
} }
} }

11
src/webui/www/private/css/style.css
View File

@ -240,7 +240,7 @@ a.propButton img {
} }
.contextMenu li a:hover { .contextMenu li a:hover {
background-color: var(--color-background-blue); background-color: var(--color-background-hover);
color: var(--color-text-white); color: var(--color-text-white);
} }
@ -497,7 +497,12 @@ ul.filterList a {
} }
ul.filterList li:hover { ul.filterList li:hover {
background-color: var(--color-background-default); background-color: var(--color-background-hover);
color: var(--color-text-white);
}
ul.filterList li:hover a {
color: var(--color-text-white);
} }
td.generalLabel { td.generalLabel {
@ -655,6 +660,6 @@ td.statusBarSeparator {
} }
#torrentFilesTableDiv .dynamicTable tr.nonAlt:hover { #torrentFilesTableDiv .dynamicTable tr.nonAlt:hover {
background-color: var(--color-background-blue); background-color: var(--color-background-hover);
color: var(--color-text-white); color: var(--color-text-white);
} }