diff --git a/CSS/themes/prowlarr/aquamarine.css b/CSS/themes/prowlarr/aquamarine.css new file mode 100644 index 00000000..f55f2c9c --- /dev/null +++ b/CSS/themes/prowlarr/aquamarine.css @@ -0,0 +1,41 @@ + +/* 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 */ + +/* prowlarr AQUAMARINE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/prowlarr/prowlarr-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + + --calendar-in-cinemas: 53, 197, 244; + --calendar-downloading: 122 67 182; + --calendar-unmonitored: 173 173 173; + --calendar-unaired: 93 156 236; + --calendar-missing: 240 80 80; + --calendar-available: 39 194 76; + + --button-color: #009688; + --button-color-hover: #12afa0; + --button-text: #eee; + --button-text-hover: #FFF; + + --accent-color: #009688; + --accent-color-hover: #12afa0; + --queue-color: #009688; + --link-color: #0ed2bf; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; +} diff --git a/CSS/themes/prowlarr/dark.css b/CSS/themes/prowlarr/dark.css new file mode 100644 index 00000000..03a4c42a --- /dev/null +++ b/CSS/themes/prowlarr/dark.css @@ -0,0 +1,41 @@ + +/* 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 */ + +/* prowlarr DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/prowlarr/prowlarr-base.css); +:root { + --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; + + --calendar-in-cinemas: 53, 197, 244; + --calendar-downloading: 122 67 182; + --calendar-unmonitored: 173 173 173; + --calendar-unaired: 93 156 236; + --calendar-missing: 240 80 80; + --calendar-available: 39 194 76; + + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); + --button-text: #eee; + --button-text-hover: #FFF; + + --accent-color: rgba(255, 255, 255, 0.25); + --accent-color-hover: rgba(255, 255, 255, 0.45); + --queue-color: #6b5; + --link-color: #ddd; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; + } \ No newline at end of file diff --git a/CSS/themes/prowlarr/hotline.css b/CSS/themes/prowlarr/hotline.css new file mode 100644 index 00000000..98ccb3d5 --- /dev/null +++ b/CSS/themes/prowlarr/hotline.css @@ -0,0 +1,41 @@ + +/* 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 */ + +/* prowlarr HOTLINE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/prowlarr/prowlarr-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + + --calendar-in-cinemas: 53, 197, 244; + --calendar-downloading: 122 67 182; + --calendar-unmonitored: 173 173 173; + --calendar-unaired: 93 156 236; + --calendar-missing: 240 80 80; + --calendar-available: 39 194 76; + + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); + --button-text: #eee; + --button-text-hover: #FFF; + + --accent-color: #F44336; + --accent-color-hover: #0b3161; + --queue-color: #6b5; + --link-color: #ddd; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; +} \ No newline at end of file diff --git a/CSS/themes/prowlarr/organizr-dark.css b/CSS/themes/prowlarr/organizr-dark.css new file mode 100644 index 00000000..cf14ec92 --- /dev/null +++ b/CSS/themes/prowlarr/organizr-dark.css @@ -0,0 +1,41 @@ + +/* 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 */ + +/* prowlarr ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/prowlarr/prowlarr-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #1b1b1b; + + --calendar-in-cinemas: 53, 197, 244; + --calendar-downloading: 122 67 182; + --calendar-unmonitored: 173 173 173; + --calendar-unaired: 93 156 236; + --calendar-missing: 240 80 80; + --calendar-available: 39 194 76; + + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --button-text: #eee; + --button-text-hover: #fff; + + --accent-color: #2cabe3; + --accent-color-hover: white; + --queue-color: #2cabe3; + --link-color: #2cabe3; + --link-color-hover: #fff; + + --text:#96a2b4; + --text-hover: #fff; + --text-muted: #999; + } \ No newline at end of file diff --git a/CSS/themes/prowlarr/plex.css b/CSS/themes/prowlarr/plex.css new file mode 100644 index 00000000..b1f0ab24 --- /dev/null +++ b/CSS/themes/prowlarr/plex.css @@ -0,0 +1,41 @@ + +/* 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 */ + +/* prowlarr PLEX THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/prowlarr/prowlarr-base.css); +:root { + --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; + --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; + + --calendar-in-cinemas: 53, 197, 244; + --calendar-downloading: 122 67 182; + --calendar-unmonitored: 173 173 173; + --calendar-unaired: 93 156 236; + --calendar-missing: 240 80 80; + --calendar-available: 39 194 76; + + --button-color: #cc7b19; + --button-color-hover: #e59029; + --button-text: #eee; + --button-text-hover: #fff; + + --accent-color: #e5a00d; + --accent-color-hover: #ffc107; + --queue-color: #27c24c; + --link-color: #e5a00d; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; + } \ No newline at end of file diff --git a/CSS/themes/prowlarr/prowlarr-base.css b/CSS/themes/prowlarr/prowlarr-base.css new file mode 100644 index 00000000..154b7642 --- /dev/null +++ b/CSS/themes/prowlarr/prowlarr-base.css @@ -0,0 +1,938 @@ +/* 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 */ + +body { + background: var(--main-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); +} + +/* Froms */ + +[class*="FormInputHelpText-helpText-"] { + color: var(--text); +} + +[class*="FormInputGroup-inputUnit-"] { + color: var(--text) !important; +} + +/* LINKS */ +[class*="Link-to-"] { + color: var(--text); +} + +[class*="Link-to-"]:hover { + color: var(--text-hover); + text-decoration: none; +} + +a { + color: var(--link-color); +} + +a:hover { + color: var(--link-color-hover); +} + +[class*="TableRowCell-cell-"] [class*="Link-to-"] { + color: var(--link-color) !important; +} + +[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover { + color: var(--link-color-hover) !important; +} + +/* Buttons */ + +[class*="Button-default-"] { + color: var(--button-text); + background-color: var(--button-color); + border-color: transparent; +} + +[class*="Button-default-"]:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: var(--button-text-hover); +} + +[class*="Button-primary-"] { + border-color: transparent; + background-color: var(--button-color); + color: var(--button-text); +} + +[class*="Button-primary-"]:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: var(--button-text-hover); +} + +[class*="Button-success-"] { + border-color: var(--button-color); + background-color: var(--button-color); + color: var(--button-text); +} + +[class*="Button-success-"]:hover { + border-color: var(--button-color-hover); + background-color: var(--button-color-hover); + color: var(--button-text-hover); +} + +/* LOADING PAGE */ +[class*="ErrorPage-page-"], +[class*="ErrorPage-version-"], +[class*="LoadingMessage-loadingMessage-358v5"] { + color: var(--text); +} + +[class*="LoadingIndicator-ripple-"] { + border: 2px solid #fff; +} + +/* MODAL */ +[class*="ModalHeader-modalHeader-"] { + background: var(--modal-bg-color); + color: #fff; + border-bottom: var(--accent-color); +} + +[class*="ModalContent-modalContent-"] { + background: var(--modal-bg-color); + color: var(--text); +} + +[class*="ModalFooter-modalFooter-"] { + background: var(--modal-bg-color); + color: #fff; + border-top: 1px solid var(--accent-color); +} + +[class*="ModalContent-closeButton-"]:hover { + color: #fff; +} + +/* INPUT */ +[class*="TagInput-internalInput-"] { + background-color: transparent; + color: #fff; +} + +[class*="SelectInput-select-"] { + background-color: rgba(0, 0, 0, 0.25) !important; +} + +[class*="SelectInput-select-"]:active, +[class*="SelectInput-select-"]:focus { + background: #1e1e1e !important; +} + +[class*="AutoSuggestInput-suggestionsList-"], +[class*="AutoSuggestInput-suggestionsContainerOpen-"], +[class*="AutoSuggestInput-suggestionsContainer-"] { + background-color: #323232 !important; + color: white; + border: none !important; +} + +[class*="AutoSuggestInput-suggestionHighlighted-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="CheckInput-primaryIsChecked-"] { + border-color: var(--accent-color) !important; + background-color: var(--accent-color) !important; +} + +/* HEADER */ + +[class*="PageHeader-header-"] { + background-color: rgba(0, 0, 0, .35); +} + +/* SEARCH DROPDOWN HEADER */ + +[class*="PageHeader-donate-"] { + color: #c4273c !important; +} + +/* RADARR SPECIFIC */ +[class*="MovieSearchInput-sectionTitle-"] { + color: #fff; +} + +[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] { + border: none !important; + background: var(--modal-bg-color); + color: #fff !important; + box-shadow: 0 0 10px 1px transparent !important; +} + +[class*="MovieSearchInput-highlighted-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="MovieSearchInput-movieContainer-"]::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.25); +} + +/* SIDE MENU */ +[class*="PageSidebar-sidebarContainer-"] { + background-color: rgba(0, 0, 0, .25); +} + +[class*="PageSidebar-sidebar-"] { + background-color: transparent; +} + +[class*="PageSidebarItem-link-"]:hover, +[class*="PageSidebarItem-link-"]:focus { + color: var(--text-hover) !important; + background-color: hsla(0, 0%, 100%, .08); + text-decoration: none; +} + +[class*="PageSidebarItem-isActiveLink-"] { + color: #FFF !important; + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="PageSidebarItem-isActiveParentLink-"] { + background-color: transparent; +} + +@media only screen and (max-width: 768px) { + [class*="PageSidebar-sidebarContainer-"] { + background: var(--main-bg-color) !important; + } +} + +[class*="PageSidebarItem-isActiveItem-"] { + border-left: 3px solid var(--accent-color); +} + +/* MOVIES PAGE */ +/* RADARR SPECIFIC */ +[class*="MovieIndexPoster-controls-"] { + background-color: #000 !important; +} + +/* OVERVIEW PAGE */ + +[class*="MovieIndexOverviews-container-"], +[class*="MovieIndexOverviews-container-"]:hover { + background-color: transparent !important; +} + +[class*="MovieIndexOverview-container-"]:hover [class*="MovieIndexOverview-content-"] { + background-color: transparent; +} + +[class*="AddListMovieOverview-container-"]:hover [class*="AddListMovieOverview-content-"] { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="AddListMoviePoster-title-"] { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="MovieIndexOverview-content-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="MovieIndexOverview-link-"]:hover { + text-decoration: none; +} + +[class*="ProgressBar-container-"] { + background-color: rgba(0, 0, 0, 0.25); +} + +[class*=".ProgressBar-purple-"] { + background-color: var(--accent-color); +} + +/* MOVIE PAGE */ +[class*="MovieDetailsSeason-season-"], +[class*="MovieDetailsSeason-collapseButtonContainer-"] { + border: none !important; + background-color: rgba(0, 0, 0, .25) !important; +} + +[class*="MovieDetailsSeason-actionButton-"], +[class*="MovieDetailsSeason-collapseButtonIcon-"] { + color: var(--text) !important; +} + +.fa-search:hover { + color: var(--text-hover) !important; +} + +[class*="Icon-default-"]:hover { + color: #fff; +} + +[class*="MonitorToggleButton-toggleButton-"] { + color: #dadada; +} + + +[class*="ProtocolLabel-torrent-"] { + border-color: #00853d !important; + background-color: #00853d !important; +} + +[class*="ProtocolLabel-usenet-"] { + border-color: #17b1d9 !important; + background-color: #17b1d9 !important; +} + +[class*="MovieDetailsSeason-seasonNumber-"] { + color: #fff; +} + +[class*="MovieDetailsSeason-collapseButtonContainer-"] { + border: none !important; + background-color: rgba(0, 0, 0, .25) !important; +} + +[class*="MovieFileEditorTable-container-"] { + border: 1px solid transparent; + background-color: rgba(0, 0, 0, 0.25); +} + +[class*="ExtraFileTable-container-"] { + border: 1px solid transparent; + background-color: rgba(0, 0, 0, .25); +} + +.Table-table-2C3O8 { + color: #fff; +} + +[class*="Popover-title-"], +[class*="SeasonInfo-title-"], +[class*="Popover-body-"], +[class*="Tooltip-body-"] { + background: var(--modal-bg-color) !important; +} + +[class*="Tooltip-tooltipContainer-"] { + color: #fff; +} + +[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { + border-bottom-color: var(--text); +} + +[class*="Tooltip-right-"][class*="Tooltip-default-"] { + border-right-color: var(--text); +} + +[class*="EpisodeTitleLink-link-"]:hover { + color: #ffffff; + text-decoration: none; +} + +[class*="IconButton-button-"] { + color: var(--text); +} + +[class*="IconButton-button-"]:hover { + background-color: transparent; + color: var(--text-hover); +} + +[class*="Label-default-"] { + border-color: var(--accent-color); + background-color: var(--accent-color); +} + +[class*="Label-info-"] { + border-color: var(--accent-color); + background-color: var(--accent-color); + color: #fff; +} + +[class*="PageSidebarItem-status-"][class*="Label-info-"] { + border-color: var(--queue-color); + background-color: var(--queue-color); + color: #fff; +} + +[class*="MovieDetails-selectedTab-"] { + border-bottom: 4px solid var(--accent-color); +} + +[class*="MovieDetails-tabList-"] { + color: #fff; +} + +/* Table options*/ +[class*="TableOptionsColumn-column-"] { + background: rgba(0, 0, 0, .25); + color: #FFF; + border: none; +} + +[class*="TableHeaderCell-headerCell-"] { + color: #fff; +} + +[class*="Table-table-"] { + color: var(--text); +} + +[class*="TableRow-row-"]:hover { + background-color: hsla(0, 0%, 100%, .08); + color: var(--text-hover); +} + +/* TOP MENU SERIES */ +[class*="PageToolbar-toolbar-"] { + background-color: rgba(0, 0, 0, .25); + color: var(--text); +} + +[class*="PageToolbarButton-label-"] { + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] { + opacity: .5; + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover, +[class*="PageToolbarButton-isDisabled-"]:hover { + color: var(--text) !important; +} + +[class*="PageToolbarButton-label-"] { + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"]:hover { + color: var(--text-hover); +} + +[class*="MenuButton-menuButton-"]:hover { + color: var(--text-hover); +} + +/* POSTERS */ +[class*="MovieIndexPoster-title-"], +[class*="MovieIndexPoster-nextAiring-"], +[class*="MovieIndexPosterInfo-info-"], +[class*="MovieIndexPosterInfo-info-"], +[class*="MovieCreditPoster-title-"] { + background-color: rgba(255, 255, 255, 0.08); + color: var(--text); +} + +/* LIBRARY TOP HEADER DROPDOWN */ +[class*="MenuItem-menuItem-"], +[class*="MenuContent-menuContent-"] { + background: var(--modal-bg-color); + color: var(--text); +} + +[class*="MenuContent-scroller-"] { + box-shadow: black 0 0 5px 0px; +} + +[class*="MenuItem-menuItem-"]:hover, +[class*="MenuItem-menuItem-"]:focus { + background: hsla(0, 0%, 100%, .08) !important; + color: var(--text-hover); + text-decoration: none; +} + +[class*="MenuItemSeparator-separator-"] { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +/* ALPHABET JUMP BAR */ +[class*="PageJumpBar-jumpBar-"] { + color: #FFF; +} + +/* MINI RIGHT SCROLL BAR */ +[class*="OverlayScroller-thumb-"], +[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="OverlayScroller-thumb-"]:hover, +[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { + background-color: rgba(255, 255, 255, 0.25) !important; +} + +/* ADD NEW */ +div[class*='EnhancedSelectInputOption'] { + background-color: #1e1e1e; + color: #fff; +} + +div[class*='EnhancedSelectInputOption']:hover { + background-color: rgba(255, 255, 255, 0.08); + color: #fff; +} + +[class*="EnhancedSelectInput-options-"] { + border: 1px solid #1e1e1e; + border-radius: 4px; + background-color: #1e1e1e; +} + +/* SEARCH BAR */ +[class*="Input-input-"], +[class*="AddNewMovie-searchIconContainer-"], +[class*="CheckInput-isIndeterminate-"] { + border: none; + background-color: rgba(255, 255, 255, 0.08); + color: #FFF +} + +[class*="MovieSearchInput-container-"] [class*="Input-input-"] { + background: transparent; + border-bottom: solid 1px #fff; +} + +[class*="MovieSearchInput-container-"] [class*="Input-input-"]:focus { + border-bottom: none; + background: transparent; +} + +[class*="MovieSearchResult-alternateTitle-"] { + color: #ffffff; + font-size: 12px; +} + +[class*="AddNewMovieSearchResult-year-"] { + color: #fff !important; +} + +[class*="Input-input-"]:focus { + outline: 0; + border-color: #fff; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.25); +} + +[class*="TagInput-input-"][class*="TagInput-isFocused-"] { + outline: 0; + border-color: #fff; + box-shadow: none; +} + +/* TEXT COLOR */ + +[class*="PageContentBody-innerContentBody-"] { + color: var(--text); +} + +/* SEARCH RESULTS */ +[class*="AddNewMovieSearchResult-searchResult-"], +[class*="AddNewMovieSearchResult-underlay-"] { + background-color: transparent !important; +} + +[class*="AddNewMovieSearchResult-searchResult-"]:hover, +[class*="AddNewMovieSearchResult-underlay-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="AddNewmovieModalContent-year-"] { + color: #fff; +} + +[class*="RootFolderSelectInputSelectedValue-movieFolder-"], +[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { + color: #fff; +} + +/* MOVE THIS */ +::placeholder { + color: var(--text); +} + +:-ms-input-placeholder { + color: var(--text) +} + +::-webkit-input-placeholder { + color: var(--text); +} + +/* IMPORT */ + +[class*="FieldSet-legend-"] { + color: #FFF; + border-bottom: 1px solid var(--accent-color); +} + +[class*="VirtualTableRow-row-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +/* Drop down menu/button*/ +[class*="ImportMovieSelectMovie-button-"] { + border: none !important; + background-color: rgba(0, 0, 0, 0.25) !important; +} + +[class*="ImportMovieSelectMovie-content-"], +[class*="ImportMovieSelectMovie-searchIconContainer-"] { + border: none; + background: var(--modal-bg-color); + color: white; +} + +[class*="ImportMovieSearchResult-movie-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="ImportMovieTitle-year-"] { + color: var(--text-muted); +} + +/* DISCOVER */ +[class*="DiscoverMovieOverview-link-"] { + color: var(--text); +} + +[class*="DiscoverMovieOverview-link-"]:hover { + color: var(--text-hover); + text-decoration: none; +} + +/*Title*/ +[class*="AddListMovieOverview-link-"] { + color: var(--text); +} + +[class*="AddListMovieOverview-link-"]:hover { + color: #fff; +} + +[class*="AddListMovieOverview-content-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="PageJumpBarItem-jumpBarItem-"]:hover { + color: #fff; + background: hsla(0, 0%, 100%, .08); +} + +/*Posters*/ +[class*="AddListMoviePoster-title-"] { + background-color: rgba(255, 255, 255, 0.08); + color: #fff; +} + +/* MASS EDITOR */ +/* FOOTER */ +[class*="PageContentFooter-contentFooter-"] { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +/* CALENDAR */ +[class*="CalendarEvent-downloaded-"] { + background: rgb(var(--calendar-available) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-downloaded-"]:hover { + background: rgb(var(--calendar-available) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-missing-"] { + background: rgb(var(--calendar-missing) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-missing-"]:hover { + background: rgba(var(--calendar-missing) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unreleased-"] { + background: rgb(var(--calendar-unaired) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unreleased-"]:hover { + background: rgb(var(--calendar-unaired) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unmonitored-"] { + background: rgb(var(--calendar-unmonitored) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unmonitored-"]:hover { + background: rgb(var(--calendar-unmonitored) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-downloading-"] { + background: rgb(var(--calendar-downloading) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-downloading-"]:hover { + background: rgb(var(--calendar-downloading) / .5) !important; + border-left-color: transparent !important; +} + +[class*="DayOfWeek-dayOfWeek-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="CalendarDay-dayOfMonth-"] { + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + background-color: rgba(0, 0, 0, .25); +} + +[class*="CalendarDay-isToday-"] { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="CalendarDay-day-"], +[class*="CalendarDays-days-"] { + -webkit-box-flex: 1; + -webkit-flex: 1 0 14.28%; + flex: 1 0 14.28%; + overflow: hidden; + min-height: 70px; + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + border-left: 1px solid hsla(0, 0%, 100%, .08); + border-right: 1px solid hsla(0, 0%, 100%, .08); +} + +[class*="CalendarEvent-movieTitle-"], +[class*="CalendarEvent-episodeInfo-"], +[class*="CalendarEvent-airTime-"] { + color: #ffffff !important; +} + +[class*="CalendarEvent-movieInfo-"] { + color: var(--text); +} + +[class*="CalendarEvent-event-"] { + border-bottom: 1px solid transparent; +} + +[class*="CalendarEventGroup-eventGroup-"] { + border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; +} + +[class*="CalendarEventGroup-movieTitle-"] { + color: #ffffff !important; +} + +[class*="CalendarEventGroup-airTime-"] { + color: var(--text); +} + +[class*="CalendarEventGroup-episodeInfo-"] { + color: var(--text); +} + +/* calendar agenda */ +[class*="AgendaEvent-event-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +/* SETTINGS */ +[class*="PageContentBody-innerContentBody-"] [class*="Link-to-"] { + color: #fff; +} + +[class*="Settings-summary-"] { + color: var(--text); +} + +/* MEDIA MANAGEMENT - FILE NAME TOKENS */ +[class*="NamingOption-small-"] { + border: 1px solid transparent; +} + +[class*="NamingOption-token-"] { + background-color: rgba(255, 255, 255, 0.15); +} + +[class*="NamingOption-token-"] { + background-color: rgba(255, 255, 255, 0.15); +} + +[class*="NamingOption-example-"] { + background-color: rgba(255, 255, 255, 0.25); +} + +[class*="NamingOption-option-"] { + border: 1px solid transparent; +} + +[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { + background-color: rgba(255, 255, 2550, 0.25); +} + +[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { + background-color: rgba(255, 255, 2550, 0.35); +} + +/* PROFILES */ +[class*="Card-card-"], +[class*="QualityProfiles-addQualityProfile-"] { + background-color: rgba(0, 0, 0, .45); + box-shadow: 0 0 10px 1px #000000; + color: var(--text); +} + +[class*="Card-card-"]:hover { + color: var(--text-hover); +} + +[class*="QualityProfiles-center-"], +[class*="LanguageProfiles-center-"], +[class*="ReleaseProfiles-center-"], +[class*="Applications-center-"] { + background-color: transparent; + border: none; + color: var(--text); +} + +[class*="QualityProfileItem-qualityProfileItem-"], +[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], +[class*="LanguageProfileItem-languageProfileItem-"] { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { + background: rgba(0, 0, 0, 0.25); +} + +[class*="KeyValueListInputItem-keyInput-"], +[class*="KeyValueListInputItem-valueInput-"] { + border: none; + background: transparent; + color: white; +} + +[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { + border: 1px solid transparent; + background: rgba(0, 0, 0, .25); +} + +/* PROFILES */ +[class*="Indexers-center-"] { + background-color: transparent; + border: none; + color: var(--text); +} + +/* DOWNLOAD CLIENTS */ +[class*="DownloadClients-center-"] { + background-color: transparent; + border: none; + color: var(--text); +} + +/* CONNECTIONS */ +[class*="Notifications-center-"] { + background-color: transparent; + border: none; + color: var(--text); +} + +/* LISTS */ +[class*="ImportLists-center-"] { + background-color: transparent; + border: none; + color: var(--text); +} + +/* LOG */ +[class*="Alert-info-"] { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.25); + color: #FFC107; +} + +/* INDEXER */ +[class*="Restrictions-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* LISTS */ +[class*="NetImports-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* CUSTOM FORMAT */ +[class*="CustomFormats-center-"], +[class*="EditCustomFormatModalContent-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* Login Page */ + +.panel-body { + background-color: rgba(0, 0, 0, 0.25); + color: var(--text); +} + +.panel-header { + background-color: rgba(0, 0, 0, 0.45); +} + +.forgot-password { + color: var(--text) !important; +} + +/* Custom filter */ +[class*="FilterBuilderRow-filterRow-"]:hover { + background-color: transparent; +} + +[class*="CustomFilter-customFilter-"]:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="SelectMovieModalContent-path-"] { + color: var(--text); +} + +/* ChartJS */ +canvas.chartjs-render-monitor { + background: rgb(255, 255, 255, 0.05); + } diff --git a/CSS/themes/prowlarr/space-gray.css b/CSS/themes/prowlarr/space-gray.css new file mode 100644 index 00000000..b1449f34 --- /dev/null +++ b/CSS/themes/prowlarr/space-gray.css @@ -0,0 +1,41 @@ + +/* 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 */ + +/* prowlarr SPACE GRAY THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/prowlarr/prowlarr-base.css); +:root { + --main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; + + --calendar-in-cinemas: 53, 197, 244; + --calendar-downloading: 122 67 182; + --calendar-unmonitored: 173 173 173; + --calendar-unaired: 93 156 236; + --calendar-missing: 240 80 80; + --calendar-available: 39 194 76; + + --button-color: #607D8B; + --button-color-hover: #81a6b7; + --button-text: #eee; + --button-text-hover: #fff; + + --accent-color: #607D8B; + --accent-color-hover: #81a6b7; + --queue-color: #81a6b7; + --link-color: #81a6b7; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; +} diff --git a/README.md b/README.md index 7db4588c..53a119b2 100644 --- a/README.md +++ b/README.md @@ -62,8 +62,12 @@

Radarr

-

-

Lidarr

+

+

Lidarr

+ + +

+

Prowlarr

@@ -77,16 +81,12 @@

Plex

+ +

Jellyfin/Emby

- - - -

-

Calibre-web

-

Tautulli

@@ -246,6 +246,10 @@

Flood

+ +

+

Calibre-web

+ diff --git a/Screenshots/prowlarr/aquamarine.png b/Screenshots/prowlarr/aquamarine.png new file mode 100644 index 00000000..6a0e8a83 Binary files /dev/null and b/Screenshots/prowlarr/aquamarine.png differ diff --git a/Screenshots/prowlarr/dark.png b/Screenshots/prowlarr/dark.png new file mode 100644 index 00000000..29a4b527 Binary files /dev/null and b/Screenshots/prowlarr/dark.png differ diff --git a/Screenshots/prowlarr/hotline.png b/Screenshots/prowlarr/hotline.png new file mode 100644 index 00000000..e53c490d Binary files /dev/null and b/Screenshots/prowlarr/hotline.png differ diff --git a/Screenshots/prowlarr/organizr-dark.png b/Screenshots/prowlarr/organizr-dark.png new file mode 100644 index 00000000..48f020d9 Binary files /dev/null and b/Screenshots/prowlarr/organizr-dark.png differ diff --git a/Screenshots/prowlarr/plex.png b/Screenshots/prowlarr/plex.png new file mode 100644 index 00000000..f60049db Binary files /dev/null and b/Screenshots/prowlarr/plex.png differ diff --git a/Screenshots/prowlarr/space-gray.png b/Screenshots/prowlarr/space-gray.png new file mode 100644 index 00000000..85f3f14a Binary files /dev/null and b/Screenshots/prowlarr/space-gray.png differ