boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-09-18 12:40:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

New: Match Jellyseerr background gradient more closely

Browse Source
This commit is contained in:
lscambo13
2024-12-05 10:18:38 -08:00
parent 88801fdb1e
commit 53fbb2b718
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
Theme/ElegantFin-theme-nightly.css
View File

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