milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

improve button style when focused

Browse source
This commit is contained in:
dkanada 2019-09-06 22:33:15 -07:00
parent 52136b57a2
commit 54ca2e9381
22 changed files with 148 additions and 196 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/components/themes/light/theme.css
View file

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