diff --git a/Theme/assets/add-ons/custom-media-covers-nightly.css b/Theme/assets/add-ons/custom-media-covers-nightly.css index 5819201..a1e5036 100644 --- a/Theme/assets/add-ons/custom-media-covers-nightly.css +++ b/Theme/assets/add-ons/custom-media-covers-nightly.css @@ -11,6 +11,9 @@ --colorOverlayHomevideosCover: rgb(39, 90, 185); --colorOverlayBooksCover: rgb(166, 68, 70); --colorOverlayFoldersCover: rgb(173, 60, 113); + --colorOverlayMixedCover: rgb(194, 58, 58); + --colorOverlayRecordedmoviesCover: rgb(52, 52, 52); + --colorOverlayRecordedtvCover: rgb(120, 100, 28); --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); @@ -20,6 +23,9 @@ --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); + --urlMixedCover: url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/mixed.webp); + --urlRecordedmoviesCover: url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/recordedmovies.webp); + --urlRecordedtvCover: url(https://raw.githubusercontent.com/lscambo13/ElegantFin/refs/heads/main/Theme/assets/img/library-covers/recordedtv.webp); } [data-type="CollectionFolder"] .defaultCardBackground, @@ -36,11 +42,12 @@ [data-type="UserView"] .cardContent::before { position: absolute; font-size: clamp(1em, max(2.5vh, 2vw), 2.5em); - margin-bottom: .175em; font-weight: 800; color: white; - font-family: 'Noto Sans'; + font-family: "Noto Sans"; text-align: center; + width: 94%; + white-space: normal; } [data-type="CollectionFolder"] .cardImageIcon:not(.quiz)::before, @@ -48,100 +55,67 @@ display: none; } -/* These show up when no image is set */ - -/* div[data-collectiontype="movies"] .cardImageContainer.defaultCardBackground { +[data-collectiontype="movies"] .cardContent { background-color: var(--colorOverlayMoviesCover) !important; background-image: var(--urlMoviesCover) !important; } -div[data-collectiontype="tvshows"] .cardImageContainer.defaultCardBackground { +[data-collectiontype="tvshows"] .cardContent { background-color: var(--colorOverlayTvshowsCover) !important; background-image: var(--urlTvshowsCover) !important; } -div[data-collectiontype="livetv"] .cardImageContainer.defaultCardBackground { +[data-collectiontype="livetv"] .cardContent { background-color: var(--colorOverlayLivetvCover) !important; background-image: var(--urlLivetvCover) !important; } -div[data-collectiontype="music"] .cardImageContainer.defaultCardBackground { +[data-collectiontype="music"] .cardContent { background-color: var(--colorOverlayMusicCover) !important; background-image: var(--urlMusicCover) !important; } -div[data-collectiontype="homevideos"] .cardImageContainer.defaultCardBackground { +[data-collectiontype="homevideos"] .cardContent { background-color: var(--colorOverlayHomevideosCover) !important; background-image: var(--urlHomevideosCover) !important; } -div[data-collectiontype="books"] .cardImageContainer.defaultCardBackground { +[data-collectiontype="books"] .cardContent { background-color: var(--colorOverlayBooksCover) !important; background-image: var(--urlBooksCover) !important; } -div[data-collectiontype="boxsets"] .cardImageContainer.defaultCardBackground { +[data-collectiontype="boxsets"] .cardContent { background-color: var(--colorOverlayBoxsetsCover) !important; background-image: var(--urlBoxsetsCover) !important; } -div[data-collectiontype="folders"] .cardImageContainer.defaultCardBackground { +[data-collectiontype="folders"] .cardContent { background-color: var(--colorOverlayFoldersCover) !important; background-image: var(--urlFoldersCover) !important; } -div[data-collectiontype="playlists"] .cardImageContainer.defaultCardBackground { - background-color: var(--colorOverlayPlaylistsCover) !important; - background-image: var(--urlPlaylistsCover) !important; -} */ - -/* These are the front facing images */ - -div[data-collectiontype="movies"] .cardImageContainer.cardContent { - background-color: var(--colorOverlayMoviesCover) !important; - background-image: var(--urlMoviesCover) !important; -} - -div[data-collectiontype="tvshows"] .cardImageContainer.cardContent { - background-color: var(--colorOverlayTvshowsCover) !important; - background-image: var(--urlTvshowsCover) !important; -} - -div[data-collectiontype="livetv"] .cardImageContainer.cardContent { - background-color: var(--colorOverlayLivetvCover) !important; - background-image: var(--urlLivetvCover) !important; -} - -div[data-collectiontype="music"] .cardImageContainer.cardContent { - background-color: var(--colorOverlayMusicCover) !important; - background-image: var(--urlMusicCover) !important; -} - -div[data-collectiontype="homevideos"] .cardImageContainer.cardContent { - background-color: var(--colorOverlayHomevideosCover) !important; - background-image: var(--urlHomevideosCover) !important; -} - -div[data-collectiontype="books"] .cardImageContainer.cardContent { - background-color: var(--colorOverlayBooksCover) !important; - background-image: var(--urlBooksCover) !important; -} - -div[data-collectiontype="boxsets"] .cardImageContainer.cardContent { - background-color: var(--colorOverlayBoxsetsCover) !important; - background-image: var(--urlBoxsetsCover) !important; -} - -div[data-collectiontype="folders"] .cardImageContainer.cardContent { - background-color: var(--colorOverlayFoldersCover) !important; - background-image: var(--urlFoldersCover) !important; -} - -div[data-collectiontype="playlists"] .cardImageContainer.cardContent { +[data-collectiontype="playlists"] .cardContent { background-color: var(--colorOverlayPlaylistsCover) !important; background-image: var(--urlPlaylistsCover) !important; } -div[data-type="CollectionFolder"] .cardImageContainer.cardContent::before { +[data-prefix="MIX"] .cardContent { + background-color: var(--colorOverlayMixedCover) !important; + background-image: var(--urlMixedCover) !important; +} + +[data-collectiontype="movies"][data-prefix="REC"] .cardContent { + background-color: var(--colorOverlayRecordedmoviesCover) !important; + background-image: var(--urlRecordedmoviesCover) !important; +} + +[data-prefix="REC"] .cardContent { + background-color: var(--colorOverlayRecordedtvCover) !important; + background-image: var(--urlRecordedtvCover) !important; +} + +[data-type="CollectionFolder"] .cardContent::before, +[data-type="UserView"] .cardContent::before { content: attr(aria-label); } diff --git a/Theme/assets/img/library-covers/mixed.webp b/Theme/assets/img/library-covers/mixed.webp new file mode 100644 index 0000000..ba063e8 Binary files /dev/null and b/Theme/assets/img/library-covers/mixed.webp differ diff --git a/Theme/assets/img/library-covers/originals/mixed.jpg b/Theme/assets/img/library-covers/originals/mixed.jpg new file mode 100644 index 0000000..6dfd23f Binary files /dev/null and b/Theme/assets/img/library-covers/originals/mixed.jpg differ diff --git a/Theme/assets/img/library-covers/originals/recordedmovies.jpg b/Theme/assets/img/library-covers/originals/recordedmovies.jpg new file mode 100644 index 0000000..ef14f6c Binary files /dev/null and b/Theme/assets/img/library-covers/originals/recordedmovies.jpg differ diff --git a/Theme/assets/img/library-covers/originals/recordedtv.jpg b/Theme/assets/img/library-covers/originals/recordedtv.jpg new file mode 100644 index 0000000..a23b798 Binary files /dev/null and b/Theme/assets/img/library-covers/originals/recordedtv.jpg differ diff --git a/Theme/assets/img/library-covers/recordedmovies.webp b/Theme/assets/img/library-covers/recordedmovies.webp new file mode 100644 index 0000000..1a8d5fe Binary files /dev/null and b/Theme/assets/img/library-covers/recordedmovies.webp differ diff --git a/Theme/assets/img/library-covers/recordedtv.webp b/Theme/assets/img/library-covers/recordedtv.webp new file mode 100644 index 0000000..b56df71 Binary files /dev/null and b/Theme/assets/img/library-covers/recordedtv.webp differ