mirror of
https://github.com/gilbN/theme.park.git
synced 2024-11-20 18:12:31 +01:00
340 lines
9.8 KiB
CSS
340 lines
9.8 KiB
CSS
/* dP dP dP */
|
|
/* 88 88 88 */
|
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
|
/* 88 */
|
|
/* dP */
|
|
|
|
/* Made by @gilbN */
|
|
/* https://github.com/gilbN/theme.park */
|
|
|
|
@import url("/css/defaults/placeholders.css");
|
|
@import url("/css/defaults/transparent.css");
|
|
@import url("/css/defaults/servarr-base.css");
|
|
|
|
:root {
|
|
--calendar-tv-unaired-premiere: 53 197 244;
|
|
--calendar-tv-downloading: 122 67 182;
|
|
--calendar-tv-unmonitored: 173 173 173;
|
|
--calendar-tv-unaired: 93 156 236;
|
|
--calendar-tv-missing: 240 80 80;
|
|
--calendar-tv-on-air: 255 165 0;
|
|
--calendar-tv-available: 39 194 76;
|
|
}
|
|
|
|
[class*="EpisodeTitleLink-link-"] {
|
|
color: var(--link-color) !important;
|
|
}
|
|
|
|
[class*="EpisodeTitleLink-link-"]:hover {
|
|
color: var(--link-color-hover) !important;
|
|
}
|
|
|
|
/* NOTE calendar modal popup */
|
|
[class*="EpisodeSummary-infoTitle-"],
|
|
[class*="EpisodeDetailsModalContent-tab-"],
|
|
[class*="DescriptionListItemTitle-title-"] {
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
[class*="EpisodeDetailsModalContent-selectedTab-"] {
|
|
border-color: var(--accent-color-hover);
|
|
background: var(--transparency-dark-40);
|
|
}
|
|
|
|
[class*="SeriesSearchInput-sectionTitle-"] {
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
[class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] {
|
|
border: none !important;
|
|
background: var(--modal-bg-color);
|
|
background-repeat: repeat, no-repeat;
|
|
background-attachment: fixed, fixed;
|
|
background-position: center center, center center;
|
|
background-size: auto, cover;
|
|
-webkit-background-size: auto, cover;
|
|
-moz-background-size: auto, cover;
|
|
-o-background-size: auto, cover;
|
|
color: var(--text-hover) !important;
|
|
box-shadow: 0 0 10px 1px transparent !important;
|
|
}
|
|
|
|
[class*="SeriesSearchInput-highlighted-"] {
|
|
background: var(--transparency-dark-10);
|
|
}
|
|
|
|
/* SERIES PAGE */
|
|
[class*="SeriesIndexPoster-controls-"] {
|
|
background-color: rgb(var(--accent-color)) !important;
|
|
}
|
|
|
|
/* OVERVIEW PAGE */
|
|
[class*="SeriesIndexOverviews-container-"],
|
|
[class*="SeriesIndexOverviews-container-"]:hover {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
[clas*="SeriesIndexOverview-container-"]:hover [class*="SeriesIndexOverview-content-"] {
|
|
background-color: transparent;
|
|
}
|
|
|
|
[class*="SeriesIndexOverview-content-"]:hover {
|
|
background: var(--transparency-dark-10) !important;
|
|
}
|
|
|
|
[class*="SeriesIndexOverview-link-"]:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* SHOW PAGE */
|
|
[class*="SeriesDetailsSeason-season-"],
|
|
[class*="SeriesDetailsSeason-collapseButtonContainer-"] {
|
|
border: none !important;
|
|
background: var(--transparency-dark-25) !important;
|
|
}
|
|
|
|
[class*="SeriesDetailsSeason-episodes-"] {
|
|
border-top: 1px solid rgb(255 255 255 / 50%);
|
|
}
|
|
|
|
[class*="SeriesDetailsSeason-actionButton-"],
|
|
[class*="SeriesDetailsSeason-collapseButtonIcon-"] {
|
|
color: var(--text) !important;
|
|
}
|
|
|
|
[class*="SeriesDetailsSeason-actionButton-"]:hover,
|
|
[class*="SeriesDetailsSeason-collapseButtonIcon-"]:hover {
|
|
color: var(--text-hover) !important;
|
|
}
|
|
|
|
[class*="SeriesDetailsSeason-sizeOnDisk-"] {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
[class*="SeriesDetails-contentContainer-"] {
|
|
color: var(--text);
|
|
}
|
|
|
|
[class*="SeriesDetailsSeason-seasonNumber-"] {
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
[class*="SeriesDetailsSeason-collapseButtonContainer-"] {
|
|
border: none !important;
|
|
background: var(--transparency-dark-25) !important;
|
|
}
|
|
|
|
[class*="EpisodeTitleLink-link-"]:hover {
|
|
color: var(--link-color-hover);
|
|
}
|
|
|
|
[class*="SeriesIndexPoster-action-"] .fa-search:hover {
|
|
background-color: transparent;
|
|
color: var(--label-text-color) !important;
|
|
}
|
|
|
|
[class*="SeriesDetailsSeason-left-"] [class*="IconButton-button-"]:hover,
|
|
[class*="SeriesDetails-seriesNavigationButton-"]:hover,
|
|
[class*="SeriesDetails-monitorToggleButton-"]:hover {
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
/* POSTERS */
|
|
[class*="SeriesIndexPoster-title-"],
|
|
[class*="SeriesIndexPoster-nextAiring-"],
|
|
[class*="SeriesIndexPosterInfo-info-"] {
|
|
background: var(--transparency-light-10);
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
/* SEARCH BAR */
|
|
[class*="AddNewSeries-searchIconContainer-"] {
|
|
border: none;
|
|
background: var(--transparency-light-10);
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
[class*="SeriesSearchInput-container-"] [class*="Input-input-"] {
|
|
background: transparent;
|
|
border-bottom: solid 1px var(--text);
|
|
}
|
|
|
|
[class*="SeriesSearchInput-container-"] [class*="Input-input-"]:focus {
|
|
border-bottom: none;
|
|
background: transparent;
|
|
}
|
|
|
|
[class*="SeriesSearchResult-alternateTitle-"] {
|
|
color: var(--text-hover);
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* SEARCH RESULTS */
|
|
[class*="AddNewSeriesSearchResult-underlay-"] {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
[class*="AddNewSeriesSearchResult-underlay-"]:hover {
|
|
background: var(--transparency-dark-10) !important;
|
|
}
|
|
|
|
[class*="AddNewSeriesSearchResult-year-"] {
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
[class*="RootFolderSelectInputSelectedValue-seriesFolder-"] {
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
[class*="RootFolderSelectInputOption-seriesFolder-"] {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* Drop down menu/button*/
|
|
[class*="ImportSeriesSelectSeries-button-"] {
|
|
border: none !important;
|
|
background: var(--transparency-dark-25) !important;
|
|
}
|
|
|
|
[class*="ImportSeriesSearchResult-series-"]:hover {
|
|
background: var(--transparency-light-10);
|
|
}
|
|
|
|
[class*="ImportSeriesSelectSeries-content-"],
|
|
[class*="ImportSeriesSelectSeries-searchIconContainer-"] {
|
|
border: none;
|
|
background: var(--modal-bg-color);
|
|
background-repeat: repeat, no-repeat;
|
|
background-attachment: fixed, fixed;
|
|
background-position: center center, center center;
|
|
background-size: auto, cover;
|
|
-webkit-background-size: auto, cover;
|
|
-moz-background-size: auto, cover;
|
|
-o-background-size: auto, cover;
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
[class*="ImportSeriesTitle-year-"] {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* SEASON PASS */
|
|
|
|
[class*="SeasonPassSeason-season-"] {
|
|
border: none;
|
|
background: var(--transparency-dark-25) !important;
|
|
}
|
|
|
|
[class*="SeasonPassSeason-allEpisodes-"] {
|
|
background-color: #5cb85c;
|
|
}
|
|
|
|
/* CALENDAR */
|
|
[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
|
|
stroke: #fff;
|
|
}
|
|
|
|
[class*="CalendarEvent-downloaded-"] {
|
|
background: rgb(var(--calendar-tv-available) / .7) !important;
|
|
border-left-color: transparent !important;
|
|
color: #fff;
|
|
}
|
|
|
|
[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover {
|
|
background: rgb(var(--calendar-tv-available) / .5) !important;
|
|
border-left-color: transparent !important;
|
|
}
|
|
|
|
[class*="CalendarEvent-missing-"] {
|
|
background: rgb(var(--calendar-tv-missing) / .7) !important;
|
|
border-left-color: transparent !important;
|
|
color: #fff;
|
|
}
|
|
|
|
[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover {
|
|
background: rgb(var(--calendar-tv-missing) / .5) !important;
|
|
border-left-color: transparent !important;
|
|
}
|
|
|
|
[class*="CalendarEvent-unaired-"] {
|
|
background: rgb(var(--calendar-tv-unaired) / .7) !important;
|
|
border-left-color: transparent !important;
|
|
color: #fff;
|
|
}
|
|
|
|
[class*="Calendar-calendar-"] [class*="CalendarEvent-unaired-"]:hover {
|
|
background: rgb(var(--calendar-tv-unaired) / .5) !important;
|
|
border-left-color: transparent !important;
|
|
}
|
|
|
|
[class*="CalendarEvent-unmonitored-"] {
|
|
background: rgb(var(--calendar-tv-unmonitored) / .7) !important;
|
|
border-left-color: transparent !important;
|
|
color: #fff;
|
|
}
|
|
|
|
[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover {
|
|
background: rgb(var(--calendar-tv-unmonitored) / .5) !important;
|
|
border-left-color: transparent !important;
|
|
}
|
|
|
|
[class*="CalendarEvent-onAir-"] {
|
|
background: rgb(var(--calendar-tv-on-air) / .7) !important;
|
|
border-left-color: transparent !important;
|
|
color: #fff;
|
|
}
|
|
|
|
[class*="Calendar-calendar-"] [class*="CalendarEvent-onAir-"]:hover {
|
|
background: rgb(var(--calendar-tv-on-air) / .5) !important;
|
|
border-left-color: transparent !important;
|
|
}
|
|
|
|
[class*="CalendarEvent-downloading-"] {
|
|
background: rgb(var(--calendar-tv-downloading) / .7) !important;
|
|
border-left-color: transparent !important;
|
|
color: #fff;
|
|
}
|
|
|
|
[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover {
|
|
background: rgb(var(--calendar-tv-downloading) / .5) !important;
|
|
border-left-color: transparent !important;
|
|
}
|
|
|
|
[class*="CalendarEvent-seriesTitle-"],
|
|
[class*="CalendarEvent-episodeInfo-"],
|
|
[class*="CalendarEvent-airTime-"] {
|
|
color: #fff !important;
|
|
}
|
|
|
|
[class*="CalendarEventGroup-seriesTitle-"] {
|
|
color: #fff !important;
|
|
}
|
|
|
|
[class*="CalendarEventGroup-airTime-"] {
|
|
color: #eee;
|
|
}
|
|
|
|
[class*="CalendarEventGroup-episodeInfo-"] {
|
|
color: #eee;
|
|
}
|
|
|
|
/*QUEUE PAGE */
|
|
/* Manual Import*/
|
|
[class*="SelectEpisodeModalContent-path-"] {
|
|
color: var(--text);
|
|
}
|
|
|
|
/* Scene information */
|
|
[class*="ReleaseSceneIndicator-levelNone-"] {
|
|
border-color: var(--text);
|
|
color: var(--text);
|
|
opacity: 1;
|
|
}
|
|
|
|
[class*="ReleaseSceneIndicator-levelMapped-"] {
|
|
border-color: var(--text);
|
|
color: var(--text);
|
|
} |