New: Match Jellyseerr background gradient more closely

This commit is contained in:
lscambo13
2024-12-05 10:18:38 -08:00
parent 88801fdb1e
commit 53fbb2b718

View File

@@ -4,8 +4,8 @@
:root {
/* outline: 0px dotted red !important; */
--darkerGradientPoint: rgb(17, 24, 39);
--lighterGradientPoint: rgb(30, 40, 54);
--darkerGradientPoint: #111827;
--lighterGradientPoint: #1d2635;
--borderColor: rgba(75, 85, 99, 0.9);
--headerColor: rgba(30, 40, 54, 0.8);
--drawerColor: rgba(30, 40, 54, 0.9);
@@ -14,6 +14,7 @@
--btnSubmitColor: rgb(61, 54, 178);
--btnSubmitBorderColor: rgb(117 111 226);
--checkboxCheckedBgColor: rgb(79, 70, 229);
--backgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint) 66%, var(--lighterGradientPoint));
--hoverGradient: linear-gradient(130deg, rgb(255 255 255 / 20%) 20%, rgb(255 255 255 / 10%) 40%);
}
@@ -221,16 +222,16 @@ h2 {
.nowPlayingPlaylist,
.nowPlayingContextMenu,
html {
background: linear-gradient(0deg, var(--darkerGradientPoint), var(--lighterGradientPoint));
background: var(--backgroundGradient)
}
.backgroundContainer:not(.withBackdrop) {
background: linear-gradient(0deg, var(--darkerGradientPoint), var(--lighterGradientPoint));
background: var(--backgroundGradient)
}
.backgroundContainer.withBackdrop {
opacity: .9375;
background: linear-gradient(0deg, var(--darkerGradientPoint), var(--lighterGradientPoint));
background: var(--backgroundGradient)
}
.skinHeader-blurred:not(.osdHeader) {