Browse Source

add hover color, add tabs hover effect

adaptive-webui
d47081 1 year ago
parent
commit
c3d587bb2b
  1. 4
      src/webui/www/private/css/Layout.css
  2. 5
      src/webui/www/private/css/Tabs.css
  3. 2
      src/webui/www/private/css/dynamicTable.css
  4. 2
      src/webui/www/private/css/lib/vanillaSelectBox.css
  5. 2
      src/webui/www/private/css/palette.css
  6. 11
      src/webui/www/private/css/style.css

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

@ -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

@ -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

@ -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

@ -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

@ -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

@ -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);
} }

Loading…
Cancel
Save