diff --git a/Theme/assets/add-ons/custom-media-covers-latest-min.css b/Theme/assets/add-ons/custom-media-covers-latest-min.css index e39cd73..80c66fb 100644 --- a/Theme/assets/add-ons/custom-media-covers-latest-min.css +++ b/Theme/assets/add-ons/custom-media-covers-latest-min.css @@ -1 +1,2 @@ -:root{--colorOverlayMoviesCover:rgb(193,103,104);--colorOverlayTvshowsCover:rgb(140,149,43);--colorOverlayLivetvCover:rgb(17,98,159);--colorOverlayPlaylistsCover:rgb(118,61,216);--colorOverlayBoxsetsCover:rgb(219,180,53);--colorOverlayMusicCover:rgb(11,93,72);--colorOverlayHomevideosCover:rgb(39,90,185);--colorOverlayBooksCover:rgb(166,68,70);--colorOverlayFoldersCover:rgb(173,60,113);--urlMoviesCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/movies.webp);--urlTvshowsCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/tvshows.webp);--urlLivetvCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/livetv.webp);--urlPlaylistsCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/playlists.webp);--urlBoxsetsCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/boxsets.webp);--urlMusicCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/music.webp);--urlHomevideosCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/homevideos.webp);--urlBooksCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/books.webp);--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{display:none}div[data-collectiontype="movies"] .cardImageContainer.cardContent{background:var(--colorOverlayMoviesCover)!important;background-image:var(--urlMoviesCover)!important}div[data-collectiontype="tvshows"] .cardImageContainer.cardContent{background:var(--colorOverlayTvshowsCover)!important;background-image:var(--urlTvshowsCover)!important}div[data-collectiontype="livetv"] .cardImageContainer.cardContent{background:var(--colorOverlayLivetvCover)!important;background-image:var(--urlLivetvCover)!important}div[data-collectiontype="music"] .cardImageContainer.cardContent{background:var(--colorOverlayMusicCover)!important;background-image:var(--urlMusicCover)!important}div[data-collectiontype="homevideos"] .cardImageContainer.cardContent{background:var(--colorOverlayHomevideosCover)!important;background-image:var(--urlHomevideosCover)!important}div[data-collectiontype="books"] .cardImageContainer.cardContent{background:var(--colorOverlayBooksCover)!important;background-image:var(--urlBooksCover)!important}div[data-collectiontype="boxsets"] .cardImageContainer.cardContent{background:var(--colorOverlayBoxsetsCover)!important;background-image:var(--urlBoxsetsCover)!important}div[data-collectiontype="folders"] .cardImageContainer.cardContent{background:var(--colorOverlayFoldersCover)!important;background-image:var(--urlFoldersCover)!important}div[data-collectiontype="playlists"] .cardImageContainer.cardContent{background:var(--colorOverlayPlaylistsCover)!important;background-image:var(--urlPlaylistsCover)!important}.card-withuserdata[data-isfolder="true"] .cardImageContainer.cardContent{filter:contrast(.85);background-size:cover!important;background-position:50%!important;background-blend-mode:multiply}div[data-collectiontype="movies"] .cardImageContainer.cardContent::before{content:"Movies"}div[data-collectiontype="tvshows"] .cardImageContainer.cardContent::before{content:"TV Shows"}div[data-collectiontype="livetv"] .cardImageContainer.cardContent::before{content:"Live TV"}div[data-collectiontype="music"] .cardImageContainer.cardContent::before{content:"Music"}div[data-collectiontype="homevideos"] .cardImageContainer.cardContent::before{content:"Home Videos"}div[data-collectiontype="books"] .cardImageContainer.cardContent::before{content:"Books"}div[data-collectiontype="boxsets"] .cardImageContainer.cardContent::before{content:"Collections"}div[data-collectiontype="folders"] .cardImageContainer.cardContent::before{content:"Folders"}div[data-collectiontype="playlists"] .cardImageContainer.cardContent::before{content:"Playlists"}.card-withuserdata[data-isfolder="true"] .cardImageContainer.cardContent{filter:contrast(.85);background-size:cover!important;background-position:50%!important;background-blend-mode:multiply} \ No newline at end of file +/* Add-on: Custom media covers v25.08.02 for the ElegantFin Theme for Jellyfin by lscambo13 */ +:root{--colorOverlayMoviesCover:rgb(193,103,104);--colorOverlayTvshowsCover:rgb(140,149,43);--colorOverlayLivetvCover:rgb(17,98,159);--colorOverlayPlaylistsCover:rgb(118,61,216);--colorOverlayBoxsetsCover:rgb(219,180,53);--colorOverlayMusicCover:rgb(11,93,72);--colorOverlayHomevideosCover:rgb(39,90,185);--colorOverlayBooksCover:rgb(166,68,70);--colorOverlayFoldersCover:rgb(173,60,113);--urlMoviesCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/movies.webp);--urlTvshowsCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/tvshows.webp);--urlLivetvCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/livetv.webp);--urlPlaylistsCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/playlists.webp);--urlBoxsetsCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/boxsets.webp);--urlMusicCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/music.webp);--urlHomevideosCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/homevideos.webp);--urlBooksCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/books.webp);--urlFoldersCover:url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/folders.webp)}.card-withuserdata[data-isfolder="true"] .cardImageContainer.defaultCardBackground{filter:contrast(.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}div[data-collectiontype="movies"] .cardImageContainer.cardContent{background:var(--colorOverlayMoviesCover)!important;background-image:var(--urlMoviesCover)!important}div[data-collectiontype="tvshows"] .cardImageContainer.cardContent{background:var(--colorOverlayTvshowsCover)!important;background-image:var(--urlTvshowsCover)!important}div[data-collectiontype="livetv"] .cardImageContainer.cardContent{background:var(--colorOverlayLivetvCover)!important;background-image:var(--urlLivetvCover)!important}div[data-collectiontype="music"] .cardImageContainer.cardContent{background:var(--colorOverlayMusicCover)!important;background-image:var(--urlMusicCover)!important}div[data-collectiontype="homevideos"] .cardImageContainer.cardContent{background:var(--colorOverlayHomevideosCover)!important;background-image:var(--urlHomevideosCover)!important}div[data-collectiontype="books"] .cardImageContainer.cardContent{background:var(--colorOverlayBooksCover)!important;background-image:var(--urlBooksCover)!important}div[data-collectiontype="boxsets"] .cardImageContainer.cardContent{background:var(--colorOverlayBoxsetsCover)!important;background-image:var(--urlBoxsetsCover)!important}div[data-collectiontype="folders"] .cardImageContainer.cardContent{background:var(--colorOverlayFoldersCover)!important;background-image:var(--urlFoldersCover)!important}div[data-collectiontype="playlists"] .cardImageContainer.cardContent{background:var(--colorOverlayPlaylistsCover)!important;background-image:var(--urlPlaylistsCover)!important}.card-withuserdata[data-isfolder="true"] .cardImageContainer.cardContent{filter:contrast(.85);background-size:cover!important;background-position:50%!important;background-blend-mode:multiply}div[data-collectiontype="movies"] .cardImageContainer.cardContent::before{content:"Movies"}div[data-collectiontype="tvshows"] .cardImageContainer.cardContent::before{content:"TV Shows"}div[data-collectiontype="livetv"] .cardImageContainer.cardContent::before{content:"Live TV"}div[data-collectiontype="music"] .cardImageContainer.cardContent::before{content:"Music"}div[data-collectiontype="homevideos"] .cardImageContainer.cardContent::before{content:"Home Videos"}div[data-collectiontype="books"] .cardImageContainer.cardContent::before{content:"Books"}div[data-collectiontype="boxsets"] .cardImageContainer.cardContent::before{content:"Collections"}div[data-collectiontype="folders"] .cardImageContainer.cardContent::before{content:"Folders"}div[data-collectiontype="playlists"] .cardImageContainer.cardContent::before{content:"Playlists"}.card-withuserdata[data-isfolder="true"] .cardImageContainer.cardContent{filter:contrast(.85);background-size:cover!important;background-position:50%!important;background-blend-mode:multiply} \ No newline at end of file diff --git a/Theme/assets/add-ons/custom-media-covers-nightly.css b/Theme/assets/add-ons/custom-media-covers-nightly.css index 105f897..b7e2f60 100644 --- a/Theme/assets/add-ons/custom-media-covers-nightly.css +++ b/Theme/assets/add-ons/custom-media-covers-nightly.css @@ -1,4 +1,4 @@ -/* Add-on: Custom media covers for the ElegantFin Theme for Jellyfin by lscambo13 */ +/* Add-on: Custom media covers nightly for the ElegantFin Theme for Jellyfin by lscambo13 */ :root { /* my media library default covers customizations */ diff --git a/Theme/assets/add-ons/custom-media-covers-v25.01.25.css b/Theme/assets/add-ons/custom-media-covers-v25.01.25.css index b3cbc44..318d101 100644 --- a/Theme/assets/add-ons/custom-media-covers-v25.01.25.css +++ b/Theme/assets/add-ons/custom-media-covers-v25.01.25.css @@ -1,4 +1,4 @@ -/* Add-on: Custom media covers for the ElegantFin Theme for Jellyfin by lscambo13 */ +/* Add-on: Custom media covers v25.01.25 for the ElegantFin Theme for Jellyfin by lscambo13 */ :root{ /* my media library default covers customizations */ diff --git a/Theme/assets/add-ons/custom-media-covers-v25.08.02.css b/Theme/assets/add-ons/custom-media-covers-v25.08.02.css new file mode 100644 index 0000000..4508bf0 --- /dev/null +++ b/Theme/assets/add-ons/custom-media-covers-v25.08.02.css @@ -0,0 +1,188 @@ +/* Add-on: Custom media covers v25.08.02 for the ElegantFin Theme for Jellyfin by lscambo13 */ + +:root { + /* my media library default covers customizations */ + --colorOverlayMoviesCover: rgb(193, 103, 104); + --colorOverlayTvshowsCover: rgb(140, 149, 43); + --colorOverlayLivetvCover: rgb(17, 98, 159); + --colorOverlayPlaylistsCover: rgb(118, 61, 216); + --colorOverlayBoxsetsCover: rgb(219, 180, 53); + --colorOverlayMusicCover: rgb(11, 93, 72); + --colorOverlayHomevideosCover: rgb(39, 90, 185); + --colorOverlayBooksCover: rgb(166, 68, 70); + --colorOverlayFoldersCover: rgb(173, 60, 113); + --urlMoviesCover: url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/movies.webp); + --urlTvshowsCover: url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/tvshows.webp); + --urlLivetvCover: url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/livetv.webp); + --urlPlaylistsCover: url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/playlists.webp); + --urlBoxsetsCover: url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/boxsets.webp); + --urlMusicCover: url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/music.webp); + --urlHomevideosCover: url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/homevideos.webp); + --urlBooksCover: url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/books.webp); + --urlFoldersCover: url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/folders.webp); +} + +.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 */ + +/* div[data-collectiontype="movies"] .cardImageContainer.defaultCardBackground { + background: var(--colorOverlayMoviesCover) !important; + background-image: var(--urlMoviesCover) !important; +} + +div[data-collectiontype="tvshows"] .cardImageContainer.defaultCardBackground { + background: var(--colorOverlayTvshowsCover) !important; + background-image: var(--urlTvshowsCover) !important; +} + +div[data-collectiontype="livetv"] .cardImageContainer.defaultCardBackground { + background: var(--colorOverlayLivetvCover) !important; + background-image: var(--urlLivetvCover) !important; +} + +div[data-collectiontype="music"] .cardImageContainer.defaultCardBackground { + background: var(--colorOverlayMusicCover) !important; + background-image: var(--urlMusicCover) !important; +} + +div[data-collectiontype="homevideos"] .cardImageContainer.defaultCardBackground { + background: var(--colorOverlayHomevideosCover) !important; + background-image: var(--urlHomevideosCover) !important; +} + +div[data-collectiontype="books"] .cardImageContainer.defaultCardBackground { + background: var(--colorOverlayBooksCover) !important; + background-image: var(--urlBooksCover) !important; +} + +div[data-collectiontype="boxsets"] .cardImageContainer.defaultCardBackground { + background: var(--colorOverlayBoxsetsCover) !important; + background-image: var(--urlBoxsetsCover) !important; +} + +div[data-collectiontype="folders"] .cardImageContainer.defaultCardBackground { + background: var(--colorOverlayFoldersCover) !important; + background-image: var(--urlFoldersCover) !important; +} + +div[data-collectiontype="playlists"] .cardImageContainer.defaultCardBackground { + background: var(--colorOverlayPlaylistsCover) !important; + background-image: var(--urlPlaylistsCover) !important; +} */ + +/* These are the front facing images */ + +div[data-collectiontype="movies"] .cardImageContainer.cardContent { + background: var(--colorOverlayMoviesCover) !important; + background-image: var(--urlMoviesCover) !important; +} + +div[data-collectiontype="tvshows"] .cardImageContainer.cardContent { + background: var(--colorOverlayTvshowsCover) !important; + background-image: var(--urlTvshowsCover) !important; +} + +div[data-collectiontype="livetv"] .cardImageContainer.cardContent { + background: var(--colorOverlayLivetvCover) !important; + background-image: var(--urlLivetvCover) !important; +} + +div[data-collectiontype="music"] .cardImageContainer.cardContent { + background: var(--colorOverlayMusicCover) !important; + background-image: var(--urlMusicCover) !important; +} + +div[data-collectiontype="homevideos"] .cardImageContainer.cardContent { + background: var(--colorOverlayHomevideosCover) !important; + background-image: var(--urlHomevideosCover) !important; +} + +div[data-collectiontype="books"] .cardImageContainer.cardContent { + background: var(--colorOverlayBooksCover) !important; + background-image: var(--urlBooksCover) !important; +} + +div[data-collectiontype="boxsets"] .cardImageContainer.cardContent { + background: var(--colorOverlayBoxsetsCover) !important; + background-image: var(--urlBoxsetsCover) !important; +} + +div[data-collectiontype="folders"] .cardImageContainer.cardContent { + background: var(--colorOverlayFoldersCover) !important; + background-image: var(--urlFoldersCover) !important; +} + +div[data-collectiontype="playlists"] .cardImageContainer.cardContent { + background: var(--colorOverlayPlaylistsCover) !important; + background-image: var(--urlPlaylistsCover) !important; +} + +.card-withuserdata[data-isfolder="true"] .cardImageContainer.cardContent { + filter: contrast(0.85); + background-size: cover !important; + background-position: 50% !important; + background-blend-mode: multiply; +} + +div[data-collectiontype="movies"] .cardImageContainer.cardContent::before { + content: "Movies"; +} + +div[data-collectiontype="tvshows"] .cardImageContainer.cardContent::before { + content: "TV Shows"; +} + +div[data-collectiontype="livetv"] .cardImageContainer.cardContent::before { + content: "Live TV"; +} + +div[data-collectiontype="music"] .cardImageContainer.cardContent::before { + content: "Music"; +} + +div[data-collectiontype="homevideos"] .cardImageContainer.cardContent::before { + content: "Home Videos"; +} + +div[data-collectiontype="books"] .cardImageContainer.cardContent::before { + content: "Books"; +} + +div[data-collectiontype="boxsets"] .cardImageContainer.cardContent::before { + content: "Collections"; +} + +div[data-collectiontype="folders"] .cardImageContainer.cardContent::before { + content: "Folders"; +} + +div[data-collectiontype="playlists"] .cardImageContainer.cardContent::before { + content: "Playlists"; +} + +.card-withuserdata[data-isfolder="true"] .cardImageContainer.cardContent { + filter: contrast(0.85); + background-size: cover !important; + background-position: 50% !important; + background-blend-mode: multiply; +} \ No newline at end of file