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

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

+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: Themes & Styles (https://forum.jellyfin.org/f-themes-styles)
+--- Thread: How do I change the default blue accent colour for hover buttons? (/t-how-do-i-change-the-default-blue-accent-colour-for-hover-buttons)

How do I change the default blue accent colour for hover buttons? - Contraaa_ - 2024-11-30

[Image: 5HlwaiI.png]

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!!

RE: How do I change the default blue accent colour for hover buttons? - Ted Hinklater - 2024-11-30

(2024-11-30, 02:45 PM)Contraaa_ Wrote:

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

RE: How do I change the default blue accent colour for hover buttons? - keklol - 2024-12-05

Did it work OP? if so would you mind paste the full CSS snippet, thank you!