improve button style when focused

src/components/themes/wmc/theme.css

@@ -64,13 +64,12 @@ html {
     background: rgba(17, 98, 164, .9)
 }
 
-.paper-icon-button-light:hover {
+.paper-icon-button-light:hover:not(:disabled) {
     color: #00a4dc;
     background-color: rgba(0,164,220, .2);
-    transition: 0.2s;
 }
 
-.paper-icon-button-light:focus {
+.paper-icon-button-light.show-focus:focus {
     color: #00a4dc;
 }
 
@@ -325,24 +324,25 @@ html {
     color: #fff
 }
 
-.emby-button-focusscale:focus {
+.emby-button.show-focus:focus {
     background: #00a4dc;
     color: #fff
 }
 
 .emby-tab-button {
     color: #999;
-    color: rgba(255, 255, 255, .5)
 }
 
-.emby-tab-button-active,
-.emby-tab-button-active.emby-button-tv {
+.emby-tab-button-active {
     color: #fff
 }
 
-.emby-tab-button.emby-button-tv:focus {
+.emby-tab-button.show-focus:focus {
+    color: #fff;
+}
+
+.emby-tab-button:hover {
     color: #fff;
-    background: 0 0
 }
 
 .channelPrograms,
@@ -397,7 +397,7 @@ html {
     color: #00a4dc
 }
 
-.guide-date-tab-button.emby-button-tv:focus {
+.guide-date-tab-button.show-focus:focus {
     background-color: #00a4dc;
     color: #fff
 }