aleabodo/SleekFin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

New: Allow users to enable library labels using a var

Browse Source 
Fix: Simplified the library card selectors
dev: Moved add-on code to the add-on file
This commit is contained in:
lscambo13
2025-06-11 08:40:25 -07:00
parent 821e936010
commit 33ee006e73
2 changed files with 24 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -92,6 +92,7 @@
--iconPack: 'Material Icons Round';
--extraCardButtonsVisibility: none;
--libraryLabelVisibility: none;
}
html {
@@ -2851,30 +2852,11 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
padding-bottom: 50%;
}
.card-withuserdata[data-isfolder="true"]:not([data-type="PhotoAlbum"], [data-type="Series"], [data-type="Folder"], [data-type="Season"], [data-type="Playlist"]) .cardImageContainer.cardContent::before {
position: absolute;
font-size: 3.5vh;
margin-bottom: .175em;
font-weight: 800;
color: white;
font-family: 'Noto Sans';
text-align: center;
#homeTab .overflowBackdropCard[data-isfolder="true"] .cardText-first,
#homeTab .overflowBackdropCard[data-isfolder="true"] .cardText.cardTextCentered {
display: var(--libraryLabelVisibility);
}
#indexPage:not(.hide) .card-withuserdata[data-isfolder="true"]:not([data-type="PhotoAlbum"], [data-type="Series"], [data-type="Folder"], [data-type="Season"], [data-type="Playlist"]) .cardText-first,
#indexPage:not(.hide) .card-withuserdata[data-isfolder="true"]:not([data-type="PhotoAlbum"], [data-type="Series"], [data-type="Folder"], [data-type="Season"], [data-type="Playlist"]) .cardText.cardTextCentered {
display: none;
}
/* input[type="radio"]:checked {
background-color: var(--highlightOutlineColor);
} */
/* .mdl-radio__focus-circle {
color: red;
background: var(--highlightOutlineColor);
} */
.nowPlayingButtonsContainer {
margin-top: 1em;
}

23
Theme/assets/add-ons/custom-media-covers-nightly.css
View File

@@ -1,6 +1,6 @@
/* Add-on: Custom media covers for the ElegantFin Theme for Jellyfin by lscambo13 */
:root{
:root {
/* my media library default covers customizations */
--colorOverlayMoviesCover: rgb(193, 103, 104);
--colorOverlayTvshowsCover: rgb(140, 149, 43);
@@ -22,9 +22,26 @@
--urlFoldersCover: url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/folders.webp);
}
.card-withuserdata[data-isfolder="true"]:not([data-type="PhotoAlbum"],[data-type="Series"],[data-type="Folder"]) .cardImageIcon.material-icons:not(.quiz)::before{
.card-withuserdata[data-isfolder="true"] .cardImageContainer.defaultCardBackground {
filter: contrast(0.85);
background-size: cover !important;
background-position: 50% !important;
background-blend-mode: multiply;
}
.card-withuserdata[data-isfolder="true"]:not([data-type="PhotoAlbum"], [data-type="Series"], [data-type="Folder"], [data-type="Season"], [data-type="Playlist"]) .cardImageContainer.cardContent::before {
position: absolute;
font-size: 3.5vh;
margin-bottom: .175em;
font-weight: 800;
color: white;
font-family: 'Noto Sans';
text-align: center;
}
.card-withuserdata[data-isfolder="true"]:not([data-type="PhotoAlbum"], [data-type="Series"], [data-type="Folder"]) .cardImageIcon.material-icons:not(.quiz)::before {
display: none;
}
}
/* These show up when no image is set */