UX prettified in the menu

item/item.css

@@ -223,6 +223,15 @@
   -webkit-margin-end: 0.5em;
   margin-inline-end: 0.5em;
 }
+.item-tag-button:hover {
+  color: black;
+  background-color: #a5a5a5b8;
+}
+.item-tag-button:active {
+  color: white;
+  background-color: black;
+  box-shadow: none;
+}
 .itemBackdropContainer {
   height: 40vh;
   position: relative;

modules/appheader/appheader.css

@@ -284,6 +284,7 @@
 }
 .tabs-viewmenubar-slider {
   padding: 0.25em;
+  background-color: black;
 }
 .main-tab-button {
   padding: 0.25em 1.76ch !important;

modules/themes/appletv/theme.css

@@ -141,9 +141,6 @@ html {
 .emby-collapsible-button-collapsed::after {
   background: var(--line-background);
 }
-.skinHeader-withBackground.headroom-scrolling {
-  background: var(--header-background);
-}
 .appfooter {
   background: var(--footer-background);
 }

modules/themes/black/theme.css

@@ -149,9 +149,6 @@ html {
 .emby-collapsible-button-collapsed::after {
   background: var(--line-background);
 }
-.skinHeader-withBackground.headroom-scrolling {
-  background: var(--header-background);
-}
 .appfooter {
   background: var(--footer-background);
 }

modules/themes/dark/theme.css

@@ -173,9 +173,6 @@ html {
 .emby-collapsible-button-collapsed::after {
   background: var(--line-background);
 }
-.skinHeader-withBackground.headroom-scrolling {
-  background: var(--header-background);
-}
 .appfooter {
   background: var(--footer-background);
 }

modules/themes/darkgradient/theme.css

@@ -277,9 +277,6 @@ html {
 .emby-collapsible-button-collapsed::after {
   background: var(--line-background);
 }
-.skinHeader-withBackground.headroom-scrolling {
-  background: var(--header-background);
-}
 .appfooter {
   background: var(--footer-background);
 }