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

Fix: Updated gradient vars and padding units

Browse Source
This commit is contained in:
lscambo13
2025-06-01 20:00:05 +05:30
parent bb4e90077c
commit 82912ed3ab
1 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -54,9 +54,10 @@
/* textures */ /* textures */
--backgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint) 35%, var(--lighterGradientPoint)); --backgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint) 35%, var(--lighterGradientPoint));
--cardBackgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint), 25%, var(--lighterGradientPoint)); --cardBackgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint), 25%, var(--lighterGradientPoint));
--headerGradient: linear-gradient(180deg, rgba(30, 40, 54, .95), 75%, transparent); --headerColorGradient: linear-gradient(180deg, rgba(30, 40, 54, .95) 35%, 55%, transparent 90%);
--headerBlurMask: linear-gradient(180deg, white 50%, 85%, transparent);
--cardFooterGradient: linear-gradient(0deg, rgb(0 0 0 / 90%), 45%, transparent); --cardFooterGradient: linear-gradient(0deg, rgb(0 0 0 / 90%), 40%, transparent);
--topOSDGradient: linear-gradient(180deg, hsla(0, 0%, 0%, 0.8), 45%, hsla(0, 0%, 0%, 0)); --topOSDGradient: linear-gradient(180deg, hsla(0, 0%, 0%, 0.8), 45%, hsla(0, 0%, 0%, 0));
--bottomOSDGradient: linear-gradient(0deg, hsla(0, 0%, 0%, 0.8), 45%, hsla(0, 0%, 0%, 0)); --bottomOSDGradient: linear-gradient(0deg, hsla(0, 0%, 0%, 0.8), 45%, hsla(0, 0%, 0%, 0));
@@ -1804,6 +1805,7 @@ div[data-type="PhotoAlbum"] .play_arrow:before {
.mainDetailButtons:has(.detailButton[data-type="Book"]) .btnPlay .material-icons.play_arrow:before { .mainDetailButtons:has(.detailButton[data-type="Book"]) .btnPlay .material-icons.play_arrow:before {
content: "\f1c6"; content: "\f1c6";
padding-inline-end: 1ch;
} }
.btnPlay[title="Play"]>.detailButton-content::after { .btnPlay[title="Play"]>.detailButton-content::after {
@@ -1815,8 +1817,8 @@ div[data-type="PhotoAlbum"] .play_arrow:before {
} }
.btnPlay>.detailButton-content::after { .btnPlay>.detailButton-content::after {
padding-left: .25em; padding-inline: 1ch;
padding-right: .5em; /* padding-right: .5em; */
place-content: center; place-content: center;
} }
@@ -2971,7 +2973,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
border-width: 0 0 var(--borderWidth) 0; border-width: 0 0 var(--borderWidth) 0;
transition: .5s ease-in-out; transition: .5s ease-in-out;
transition-property: background-color, backdrop-filter, transform, border-width; transition-property: background-color, backdrop-filter, transform, border-width;
background: var(--headerGradient); background: var(--headerColorGradient);
padding-top: .75em; padding-top: .75em;
} }
@@ -2988,7 +2990,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
position: absolute; position: absolute;
inset: 0; inset: 0;
backdrop-filter: var(--blurLargest); backdrop-filter: var(--blurLargest);
mask: linear-gradient(180deg, white 70%, transparent); mask: var(--headerBlurMask);
z-index: -1; z-index: -1;
} }
@@ -3040,8 +3042,9 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
.noHomeButtonHeader .emby-tab-button:before { .noHomeButtonHeader .emby-tab-button:before {
font-family: 'Material Icons Round'; font-family: 'Material Icons Round';
padding-inline-end: .5em; /* padding-inline-end: .5em; */
margin-inline-start: -.15em; /* margin-inline-start: -.15em; */
padding-inline-end: .5ch;
font-size: 1.2em; font-size: 1.2em;
font-variation-settings: 'FILL' 0; font-variation-settings: 'FILL' 0;
} }
@@ -3105,10 +3108,6 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
.libraryPage:not(.noSecondaryNavPage):not(.layout-tv .libraryPage) { .libraryPage:not(.noSecondaryNavPage):not(.layout-tv .libraryPage) {
padding-top: 6.8em !important; padding-top: 6.8em !important;
} }
.skinHeader-blurred:not(.osdHeader, .semiTransparent)::after {
mask: linear-gradient(180deg, white 55%, transparent);
}
} }
@media (max-width: 100em) { @media (max-width: 100em) {