diff --git a/src/webui/www/private/css/Layout.css b/src/webui/www/private/css/Layout.css index f81fed355..0245cbcbb 100644 --- a/src/webui/www/private/css/Layout.css +++ b/src/webui/www/private/css/Layout.css @@ -116,7 +116,7 @@ body { } #desktopNavbar ul li a:hover { - background-color: var(--color-background-blue); + background-color: var(--color-background-hover); color: var(--color-text-white); } @@ -167,7 +167,7 @@ body { } #desktopNavbar li ul li a:hover { - background-color: var(--color-background-blue); + background-color: var(--color-background-hover); color: var(--color-text-white); } diff --git a/src/webui/www/private/css/Tabs.css b/src/webui/www/private/css/Tabs.css index b4a194536..e5b4cb199 100644 --- a/src/webui/www/private/css/Tabs.css +++ b/src/webui/www/private/css/Tabs.css @@ -47,6 +47,11 @@ Required by: text-align: center; } +.tab-menu li:hover a { + background-color: var(--color-background-hover); + color: var(--color-text-white); +} + .tab-menu li.selected a { background-color: var(--color-background-blue); color: var(--color-text-white); diff --git a/src/webui/www/private/css/dynamicTable.css b/src/webui/www/private/css/dynamicTable.css index a10f8eb77..9e2bb1fcb 100644 --- a/src/webui/www/private/css/dynamicTable.css +++ b/src/webui/www/private/css/dynamicTable.css @@ -22,7 +22,7 @@ } .dynamicTable tbody tr:hover { - background-color: var(--color-background-blue); + background-color: var(--color-background-hover); color: var(--color-text-white); } diff --git a/src/webui/www/private/css/lib/vanillaSelectBox.css b/src/webui/www/private/css/lib/vanillaSelectBox.css index 5df3d8321..6e8291fec 100644 --- a/src/webui/www/private/css/lib/vanillaSelectBox.css +++ b/src/webui/www/private/css/lib/vanillaSelectBox.css @@ -102,7 +102,7 @@ li.short{ } .vsb-menu li:hover { - background-color: var(--color-background-blue); + background-color: var(--color-background-hover); color: var(--color-text-white); } diff --git a/src/webui/www/private/css/palette.css b/src/webui/www/private/css/palette.css index 45160b1b0..89ea47904 100644 --- a/src/webui/www/private/css/palette.css +++ b/src/webui/www/private/css/palette.css @@ -12,6 +12,7 @@ --color-background-blue: hsl(210deg 65% 55%); --color-background-popup: hsl(0deg 0% 100%); --color-background-default: hsl(0deg 0% 94%); + --color-background-hover: hsl(210deg 55% 65%); --color-border-blue: hsl(210deg 42% 48%); --color-border-default: hsl(0deg 0% 85%); } @@ -39,6 +40,7 @@ --color-background-blue: hsl(210deg 42% 48%); --color-background-popup: hsl(0deg 0% 20%); --color-background-default: hsl(0deg 0% 25%); + --color-background-hover: hsl(210deg 15% 35%); --color-border-default: hsl(0deg 0% 33%); } } diff --git a/src/webui/www/private/css/style.css b/src/webui/www/private/css/style.css index d82c9e30e..edbf455b3 100644 --- a/src/webui/www/private/css/style.css +++ b/src/webui/www/private/css/style.css @@ -240,7 +240,7 @@ a.propButton img { } .contextMenu li a:hover { - background-color: var(--color-background-blue); + background-color: var(--color-background-hover); color: var(--color-text-white); } @@ -497,7 +497,12 @@ ul.filterList a { } 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 { @@ -655,6 +660,6 @@ td.statusBarSeparator { } #torrentFilesTableDiv .dynamicTable tr.nonAlt:hover { - background-color: var(--color-background-blue); + background-color: var(--color-background-hover); color: var(--color-text-white); }