improve button style when focused

src/components/themes/light/theme.css

@@ -55,13 +55,12 @@ html {
     background-color: #f0f0f0
 }
 
-.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;
 }
 
@@ -323,27 +322,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 {
-    color: #00a4dc
-}
-
-.emby-tab-button-active.emby-button-tv {
-    color: #fff
-}
-
-.emby-tab-button.emby-button-tv:focus {
     color: #00a4dc;
-    background: 0 0
+}
+
+.emby-tab-button.show-focus:focus {
+    color: #00a4dc;
+}
+
+.emby-tab-button:hover {
+    color: #00a4dc;
 }
 
 .channelPrograms,
@@ -397,7 +394,7 @@ html {
     color: #00a4dc
 }
 
-.guide-date-tab-button.emby-button-tv:focus {
+.guide-date-tab-button.show-focus:focus {
     background-color: #00a4dc;
     color: #fff
 }