MaximilianGT500/scyfin
1
0
Fork 0
mirror of https://github.com/loof2736/scyfin.git synced 2025-11-04 00:18:52 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fixed accent colors not applying correctly in Chromium browsers

Browse Source
This commit is contained in:
loof2736 2024-09-11 15:54:30 -04:00
parent bddcc14032
commit 40db1a491b
1 changed files with 30 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
CSS/scyfin-theme.css
View File

@ -26,11 +26,15 @@
.countIndicator, .countIndicator,
.MuiButton-root.MuiButton-containedSizeMedium, .MuiButton-root.MuiButton-containedSizeMedium,
.MuiChip-root.MuiChip-colorInfo:not(.MuiChip-root.MuiChip-colorError), .MuiChip-root.MuiChip-colorInfo:not(.MuiChip-root.MuiChip-colorError),
progress::-moz-progress-bar,
progress::-webkit-progress-value,
progress[aria-valuenow]:before { progress[aria-valuenow]:before {
background: var(--primary-accent-color) !important; background: var(--primary-accent-color) !important;
} }
progress::-moz-progress-bar {
background: var(--primary-accent-color) !important;
}
progress::-webkit-progress-value {
background: var(--primary-accent-color) !important;
}
.MuiAlert-root.MuiAlert-standardInfo { .MuiAlert-root.MuiAlert-standardInfo {
background: var(--secondary-accent-color) !important; background: var(--secondary-accent-color) !important;
} }
@ -407,18 +411,29 @@ html,
border-radius: 100px !important; border-radius: 100px !important;
background-color: var(--primary-accent-color) !important; background-color: var(--primary-accent-color) !important;
} }
.mdl-slider::-moz-range-thumb, /* Moz */
.mdl-slider::-moz-range-thumb {
background: #ffffff00 !important;
height: 10px !important;
width: 8px !important;
border-radius: 2px !important;
}
.mdl-slider-hoverthumb:hover::-moz-range-thumb {
transform: scaleY(2);
background: #fff !important;
}
/* Webkit */
.mdl-slider::-webkit-slider-thumb { .mdl-slider::-webkit-slider-thumb {
background: #ffffff00 !important; background: #ffffff00 !important;
height: 10px !important; height: 10px !important;
width: 8px !important; width: 8px !important;
border-radius: 2px !important; border-radius: 2px !important;
} }
.mdl-slider-hoverthumb:hover::-moz-range-thumb,
.mdl-slider-hoverthumb:hover::-webkit-slider-thumb { .mdl-slider-hoverthumb:hover::-webkit-slider-thumb {
transform: scaleY(2); transform: scaleY(2);
background: #fff !important; background: #fff !important;
} }
.mdl-slider-background-upper { .mdl-slider-background-upper {
border-top-right-radius: 100px !important; border-top-right-radius: 100px !important;
border-bottom-right-radius: 100px !important; border-bottom-right-radius: 100px !important;
@ -461,7 +476,7 @@ html,
/* Support for IntroSkipper plugin */ /* Support for IntroSkipper plugin */
#skipIntro .btnSkipIntro { #skipIntro .btnSkipIntro {
transition: 0.2s; transition: 0.2s;
border-radius: var(--rounded-cards) !important; border-radius: 100px !important;
backdrop-filter: blur(var(--blur)) !important; backdrop-filter: blur(var(--blur)) !important;
} }
#skipIntro .btnSkipIntro:hover { #skipIntro .btnSkipIntro:hover {
@ -490,6 +505,16 @@ html,
#skipIntro .upNextContainer { #skipIntro .upNextContainer {
padding: 0px !important; padding: 0px !important;
} }
#skipIntro .emby-button {
background: rgba(30, 30, 30, 0.7) !important;
}
#skipIntro .emby-button:hover {
box-shadow: 0 0 8px rgba(var(--primary-accent-color), 0.6) !important;
}
#skipIntro .emby-button:focus {
background: rgba(30, 30, 30, 0.7) !important;
box-shadow: unset !important;
}
/* Support for InPlayerEpisodePreview plugin */ /* Support for InPlayerEpisodePreview plugin */
.layout-desktop #popupFocusContainer { .layout-desktop #popupFocusContainer {
padding: 10px !important; padding: 10px !important;