How do I change the default blue accent colour for hover buttons?

[Ted Hinklater]

I'm trying to change all the blue accents to red, but nothing I am doing is working. Is there any way to change this all at once? Any help would be appreciated!!

pop this in your custom CSS box (Dashboard > General > Custom CSS Code)

@media (hover: hover) and (pointer: fine) {
    .paper-icon-button-light:hover:not(:disabled) {
        color: #f00 !important;
        background-color: rgba(199, 199, 199, 0.2);
    }
}

.playedIndicator {
    background: #f00;
}

.paper-icon-button-light:active:not(:disabled),
.paper-icon-button-light.show-focus:focus,
.inputLabelFocused,
.selectLabelFocused,
.textareaLabelFocused,
.upNextDialog-countdownText,
.button-flat:hover,
.button-link,
.emby-tab-button.show-focus:focus,
.emby-tab-button:hover,
.guide-date-tab-button.emby-tab-button-active,
.guide-date-tab-button:focus,
.buttonActive,
.metadataSidebarIcon,
.layout-tv .emby-button.detailFloatingButton:focus,
#dialogToc .bookplayerButtonIcon:hover,
#dialogToc .toc li a:active,
#dialogToc .toc li a:hover {
color: #f00 !important;
}

.alphaPickerButton-tv:focus,
.emby-select-tv-withcolor:focus,
.guide-channelHeaderCell:focus,
.programCell:focus,
.guide-date-tab-button.show-focus:focus,
.emby-button.detailFloatingButton,
.alphaPickerButton-tv:focus,
.emby-select-tv-withcolor:focus,
.emby-checkbox:checked + span + .checkboxOutline,
.itemProgressBarForeground {
    background-color: #f00 !important;
}

.progressring-spiner,
.emby-input:focus,
.emby-textarea:focus,
.emby-select-withcolor:focus,
.emby-checkbox:checked + span + .checkboxOutline,
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline,
.card:focus .cardBox.visualCardBox,
.card:focus .cardBox:not(.visualCardBox) .cardScalable,
    border-color: #f00 !important;
}