New: More consistent colors when hovering over or focusing on header buttons and drop-down lists

This commit is contained in:
lscambo13
2024-12-17 08:16:43 -08:00
parent 6c99c38b3b
commit f1eac23a85

View File

@@ -45,7 +45,7 @@ html {
} }
.card:focus .cardBox:not(.visualCardBox) .cardScalable { .card:focus .cardBox:not(.visualCardBox) .cardScalable {
border-radius: 1.25em !important; border-radius: 1.25em !important;
border: solid rgba(0, 0, 0, 1) .1em !important; border: solid rgba(0, 0, 0, 1) .1em !important;
outline: .1em rgba(255, 255, 255, 1) solid; outline: .1em rgba(255, 255, 255, 1) solid;
transition: border .1s; transition: border .1s;
@@ -903,4 +903,27 @@ div[data-role=controlgroup] a.ui-btn-active {
.layout-tv .itemBackdrop { .layout-tv .itemBackdrop {
display: block; display: block;
height: 13vh; height: 13vh;
}
.emby-tab-button:hover {
color: #c1c1c1;
}
@media (hover: hover) and (pointer: fine) {
.paper-icon-button-light:hover:not(:disabled) {
color: #fff;
background-color: rgb(255 255 255 / 5%);
}
}
.inputLabelFocused,
.selectLabelFocused,
.textareaLabelFocused {
color: #fff;
}
.emby-select-withcolor:focus,
.emby-input:focus,
.emby-textarea:focus {
border-color: #c1c1c1 !important;
} }