diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index 13b99ff..3930bd1 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -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; } diff --git a/Theme/assets/add-ons/custom-media-covers-nightly.css b/Theme/assets/add-ons/custom-media-covers-nightly.css index b3cbc44..105f897 100644 --- a/Theme/assets/add-ons/custom-media-covers-nightly.css +++ b/Theme/assets/add-ons/custom-media-covers-nightly.css @@ -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 */