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

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

@ -47,6 +47,11 @@ Required by: @@ -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);

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

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

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

@ -102,7 +102,7 @@ li.short{ @@ -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);
}

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

@ -12,6 +12,7 @@ @@ -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 @@ @@ -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%);
}
}

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

@ -240,7 +240,7 @@ a.propButton img { @@ -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 { @@ -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 { @@ -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);
}

Loading…
Cancel
Save