From 389b2590e3da20f952347cfeaa3e3017ae82cbd4 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 24 Apr 2022 18:24:29 +0200 Subject: [PATCH] refactor: :art: Refactor lidarr, prowlarr,readarr, whisparr to use servarr-base.css --- css/base/lidarr/lidarr-base.css | 895 +------------------- css/base/prowlarr/prowlarr-base.css | 1096 +----------------------- css/base/readarr/readarr-base.css | 931 +-------------------- css/base/whisparr/whisparr-base.css | 1191 +-------------------------- css/defaults/servarr-base.css | 52 +- 5 files changed, 54 insertions(+), 4111 deletions(-) diff --git a/css/base/lidarr/lidarr-base.css b/css/base/lidarr/lidarr-base.css index eea4bad5..009169cf 100644 --- a/css/base/lidarr/lidarr-base.css +++ b/css/base/lidarr/lidarr-base.css @@ -12,6 +12,7 @@ @import url("/css/defaults/placeholders.css"); @import url("/css/defaults/transparent.css"); +@import url("/css/defaults/servarr-base.css"); :root { --calendar-downloading: 122 67 182; @@ -22,197 +23,6 @@ --calendar-missing: 240 80 80; } -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-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) { - color: var(--link-color); - } - -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover { -color: var(--link-color-hover); -} - -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-"] { - color: var(--text); -} - -[class*="LoadingIndicator-ripple-"] { - border: 2px solid var(--text-hover); -} - -/* MODAL */ -[class*="ModalHeader-modalHeader-"] { - background: var(--modal-header-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); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="Modal-large-"], -[class*="Modal-modal-"], -[class*="ModalContent-modalContent-"] { - 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); -} - -[class*="ModalFooter-modalFooter-"] { - background: var(--modal-footer-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); - border-top: 1px solid rgb(var(--accent-color)); -} - -[class*="ModalContent-closeButton-"]:hover { - color: var(--text-hover); -} - -/* INPUT */ -[class*="TagInput-internalInput-"] { - background-color: transparent; - color: var(--text-hover); -} - -[class*="SelectInput-select-"] { - background: var(--transparency-dark-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: var(--transparency-dark-10); -} - -[class*="CheckInput-primaryIsChecked-"] { - border-color: rgb(var(--accent-color)) !important; - background-color: rgb(var(--accent-color)) !important; - color: var(--label-text-color) !important; -} - -[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] { - background: #fff; -} - -/* HEADER */ - -[class*="PageHeader-header-"] { - background: var(--transparency-dark-35); - color: var(--text); -} - -/* SEARCH DROPDOWN HEADER */ - -[class*="PageHeader-donate-"] { - color: #c4273c !important; -} - /* LIDARR SPECIFIC */ [class*="ArtistSearchInput-sectionTitle-"] { color: var(--text-hover); @@ -242,139 +52,18 @@ a:hover { } /* MINI RIGHT SCROLL BAR */ -[class*="OverlayScroller-thumb-"], -[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb, -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { +[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb { background: var(--transparency-dark-10) !important; } - -[class*="OverlayScroller-thumb-"]:hover, -[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb:hover, -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { +[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb:hover { background: var(--transparency-light-25) !important; } -/* ADD NEW */ -[class*="EnhancedSelectInput-options-"] { - border-radius: 4px; - background: var(--drop-down-menu-bg); - 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); -} - -[class*="EnhancedSelectInput-options-"] { - border: 1px solid rgba(var(--accent-color)) !important; -} - -[class*="EnhancedSelectInputOption-isSelected-"], -[class*="EnhancedSelectInputOption-isSelected-"]:hover { - background: var(--transparency-light-20) !important; - color: var(--text-hover); -} - -[class*="EnhancedSelectInputOption-option-"]:hover { - background: var(--transparency-light-10); -} - -[class*="HintedSelectInputOption-hintText-"] { - color: var(--text); -} - -[class*="EnhancedSelectInput-optionsModalScroller-"] { - border: 1px solid var(--drop-down-menu-bg); - border-radius: 4px; - background: var(--drop-down-menu-bg); - 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); -} - -[class*="EnhancedSelectInput-mobileCloseButton-"] { - color: var(--button-text); -} - -[class*="EnhancedSelectInput-mobileCloseButton-"]:hover { - color: var(--button-text-hover); -} - -[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] { - - border-bottom: 1px solid rgba(255, 255, 255, 0.25); -} - -/* SIDE MENU */ -[class*="PageSidebar-sidebarContainer-"] { - background: var(--transparency-dark-25); -} - -[class*="PageSidebar-sidebar-"] { - background-color: transparent; -} - -[class*="PageSidebarItem-link-"] { - color: var(--text-hover) -} - -[class*="PageSidebarItem-link-"]:hover { - color: rgb(var(--accent-color)); - text-decoration: none; -} - -[class*="PageSidebarItem-isActiveLink-"], -[class*="PageSidebarItem-isActiveLink-"]:hover, -[class*="PageSidebarItem-link-"]:focus { - color: rgb(var(--accent-color)) !important; -} - -[class*="PageSidebarItem-isActiveParentLink-"] { - background: var(--transparency-dark-15); -} - -@media only screen and (max-width: 768px) { - [class*="PageSidebar-sidebarContainer-"] { - background: var(--main-bg-color) !important; - 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; - } -} - -[class*="PageSidebarItem-isActiveItem-"] { - border-left: 3px solid rgb(var(--accent-color)); -} - -#sidebar-toggle-button { - color: var(--text); -} -#sidebar-toggle-button:hover, -#sidebar-toggle-button:focus, -#sidebar-toggle-button:active { - color: var(--text-hover); -} - /* LIBRARY PAGE */ -/* LIDARR SPECIFIC */ [class*="ArtistIndexPoster-controls-"] { background-color: rgb(var(--accent-color)) !important; } -/* OVERVIEW PAGE */ - /* OVERVIEW PAGE */ [class*="ArtistIndexOverview-container-"], [class*="ArtistIndexOverview-container-"]:hover { @@ -393,15 +82,6 @@ a:hover { text-decoration: none; } -[class*="ProgressBar-container-"] { - background: var(--transparency-dark-25); -} - -[class*=".ProgressBar-purple-"] { - background-color: rgb(var(--accent-color)); -} - - /*ARTIST PAGE*/ [class*="ArtistDetailsSeason-albumType-"], [class*="ArtistDetailsSeason-collapseButtonContainer-"] { @@ -420,36 +100,6 @@ a:hover { border-top: 1px solid rgba(255, 255, 255, 0.5); } -/* .fa-search:hover { - color: var(--text-hover) !important; -} */ - -[class*="Label-default-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) { - color: var(--text-hover); -} - -[class*="MonitorToggleButton-toggleButton-"] { - color: #dadada; -} - -[class*="ProtocolLabel-torrent-"] { - border-color: #00853d !important; - background-color: #00853d !important; - color: #fff !important; -} - -[class*="ProtocolLabel-usenet-"] { - border-color: #17b1d9 !important; - background-color: #17b1d9 !important; - color: #fff !important; -} - /*ARTIST ALBUM PAGE*/ [class*="AlbumDetailsMedium-mediumNumber-"] { color: var(--text-hover); @@ -484,157 +134,6 @@ a:hover { color: var(--text-hover); } -[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], -[class*="Popover-title-"], -[class*="SeasonInfo-title-"], -[class*="Popover-body-"], -[class*="Tooltip-body-"], -[class*="Tooltip-tooltipContainer-"], -[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] { - background: #1f1f1f; - color: var(--text); -} -/* -@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], - [class*="Popover-title-"], - [class*="SeasonInfo-title-"], - [class*="Popover-body-"], - [class*="Tooltip-body-"], - [class*="Tooltip-tooltipContainer-"], - [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] { - -webkit-backdrop-filter: saturate(1) blur(1.5em); - backdrop-filter: saturate(1) blur(1.5em); - background: rgb(var(--accent-color),0.05); - color: white; - } -} */ - -[class*="Tooltip-top-"][class*="Tooltip-inverse-"] { - border-top-color: var(--text); -} - -[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: var(--text-hover); - text-decoration: none; -} - -[class*="IconButton-button-"] { - color: var(--text); -} - -[class*="Label-default-"] [class*="IconButton-button-"], -[class*="Label-small-"] [class*="IconButton-button-"]:hover { - color: var(--label-text-color); -} - -[class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--text-hover); -} - -[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--text-hover); -} - - -[class*="Label-info-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -[class*="PageSidebarItem-status-"][class*="Label-info-"] { - border-color: var(--arr-queue-color); - background-color: var(--arr-queue-color); - color: var(--label-text-color); -} - -[class*="Label-success-"] { - border-color: #27c24c; - background-color: #27c24c; - color: #000; -} - -[class*="Label-disabled-"][class*="Label-outline-"] { - color: #000; -} - -[class*="Label-outline-"] { - background-color: #999; -} - -[class*="Label-disabled-"] { - border-color: #999; - background-color: #999; - color: #000; -} - -/* Table options*/ -[class*="TableOptionsColumn-column-"] { - background: var(--transparency-dark-25); - color: var(--text-hover); - border: none; -} - -[class*="TableHeaderCell-headerCell-"] { - color: var(--text-hover); -} - -[class*="Table-table-"] { - color: var(--text); -} - -[class*="TableRow-row-"]:hover { - background: var(--transparency-dark-10); - color: var(--text-hover); -} - -[class*="TableRowCell-cell-"] { - border-top: 1px solid var(--transparency-light-25); -} - -/* TOP MENU SERIES */ -[class*="PageToolbar-toolbar-"] { - background: var(--transparency-dark-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: rgb(var(--accent-color)); -} - -[class*="MenuButton-menuButton-"]:hover { - color: rgb(var(--accent-color)); -} - /* POSTERS */ [class*="ArtistIndexPoster-title-"], [class*="ArtistIndexPosterInfo-info-"] { @@ -642,49 +141,9 @@ a:hover { color: var(--text-hover); } - -/* TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"] { - color: var(--text); - background: 0; -} - -[class*="MenuContent-menuContent-"] { - background: var(--drop-down-menu-bg); - 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; -} - -[class*="MenuContent-scroller-"] { - box-shadow: black 0 0 5px 0px; -} - -[class*="MenuItem-menuItem-"]:hover, -[class*="MenuItem-menuItem-"]:focus { - background: var(--transparency-dark-10) !important; - color: var(--text-hover); - text-decoration: none; -} - -[class*="MenuItemSeparator-separator-"] { - background: var(--transparency-dark-10) !important; -} - -/* ALPHABET JUMP BAR */ -[class*="PageJumpBar-jumpBar-"] { - color: var(--text-hover); -} - /* SEARCH BAR */ -[class*="Input-input-"], [class*="AddNewArtist-searchIconContainer-"], -[class*="AddNewItem-searchIconContainer-"], -[class*="CheckInput-isIndeterminate-"] { +[class*="AddNewItem-searchIconContainer-"] { border: none; background: var(--transparency-light-10); color: var(--text-hover); @@ -705,30 +164,7 @@ a:hover { font-size: 12px; } -[class*="Input-input-"]:focus { - outline: 0; - border-color: var(--text-hover); - box-shadow: none; - background: var(--transparency-light-25); -} - -[class*="TagInput-input-"][class*="TagInput-isFocused-"] { - outline: 0; - border-color: var(--text-hover); - box-shadow: none; -} - -/* TEXT COLOR */ - -[class*="PageContentBody-innerContentBody-"] { - color: var(--text); -} - /* SEARCH RESULTS */ -[class*="SearchResult-title-"]{ - color:var(--link-color); -} - [class*="AddNewArtistSearchResult-year-"] { color: var(--text-hover); } @@ -747,15 +183,6 @@ a:hover { text-decoration: none; } -[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { - color: var(--text-hover); -} - -[class*="RootFolderSelectInputOption-freeSpace-"], -[class*="RootFolderSelectInputOption-seriesFolder-"] { - color: var(--text-muted); -} - /* IMPORT ARTIST */ [class*="ImportArtistSelectArtist-content-"], [class*="ImportArtistSelectArtist-searchIconContainer-"] { @@ -798,42 +225,7 @@ a:hover { color: var(--text-hover); } - -/* IMPORT */ - -[class*="FieldSet-legend-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="VirtualTableRow-row-"]:hover { - background: var(--transparency-light-10); -} - -/*Title*/ - -[class*="PageJumpBarItem-jumpBarItem-"]:hover { - color: var(--text-hover); - background: var(--transparency-dark-10); -} - -/*Posters*/ - - -/* MASS EDITOR */ - -/* FOOTER */ -[class*="PageContentFooter-contentFooter-"] { - border: none; - background: var(--transparency-dark-25); - color: var(--text-hover); -} - /* CALENDAR */ -[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle { - stroke: #fff; -} - [class*="CalendarEvent-downloaded-"] { background: rgb(var(--calendar-available) / .7) !important; border-left-color: transparent !important; @@ -886,274 +278,6 @@ a:hover { border-left-color: transparent !important; } -[class*="DayOfWeek-dayOfWeek-"] { - background: var(--transparency-dark-10); - color: var(--text-hover); -} - -[class*="CalendarDay-dayOfMonth-"] { - border-bottom: 1px solid hsla(0, 0%, 100%, .08); - background: var(--transparency-dark-25); -} - -[class*="CalendarDay-isToday-"], -[class*="DayOfWeek-isToday-"] { - background: var(--transparency-light-25) !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); - color: var(--text-hover); -} - -[class*="CalendarEvent-event-"] { - border-bottom: 1px solid transparent; -} - -[class*="CalendarEventGroup-eventGroup-"] { - border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; -} - -/* calendar agenda */ -[class*="AgendaEvent-event-"]:hover { - background: var(--transparency-dark-10) !important; -} - -/* SETTINGS */ -[class*="Settings-link-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="Settings-summary-"] { - color: var(--text); -} - -[class*="FormLabel-large-"] { - color: var(--text-hover); -} - -[class*="FormLabel-isAdvanced-"] { - color: #ff902b; -} - -/* MEDIA MANAGEMENT - FILE NAME TOKENS */ -[class*="NamingOption-small-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-token-"] { - background: var(--transparency-light-15); -} - -[class*="NamingOption-token-"] { - background: var(--transparency-light-15); -} - -[class*="NamingOption-example-"] { - background: var(--transparency-light-25); -} - -[class*="NamingOption-option-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { - background: var(--transparency-light-25); -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { - background: var(--transparency-light-35); -} - -/* PROFILES */ -[class*="Card-card-"], -[class*="QualityProfiles-addQualityProfile-"] { - background: var(--transparency-dark-45); - box-shadow: 0 0 10px 1px #000000; - color: var(--text); -} - - -[class*="-cloneButton-"][class*="IconButton-button-"]:hover { - color: var(--text-hover); -} - -[class*="Card-card-"]:hover { - color: var(--text-hover); -} - -[class*="QualityProfiles-center-"], -[class*="LanguageProfiles-center-"], -[class*="ReleaseProfiles-center-"] { - background-color: transparent; - border: none; -} - -[class*="QualityProfileItem-qualityProfileItem-"], -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], -[class*="LanguageProfileItem-languageProfileItem-"] { - border: none; - background: var(--transparency-dark-25); - color: var(--text-hover); -} - -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { - background: var(--transparency-dark-25) -} - -[class*="KeyValueListInputItem-keyInput-"], -[class*="KeyValueListInputItem-valueInput-"] { - border: none; - background: transparent; - color: var(--text-hover); -} - -[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { - border: 1px solid transparent; - background: var(--transparency-dark-25) -} - -[class*="QualityDefinitions-sizeLimitHelpText-"] { - color: var(--text); -} - -/* PROFILES */ -[class*="Indexers-center-"] { - background-color: transparent; - border: none; -} - -[class*="Card-card-"], -[class*="QualityProfiles-addQualityProfile-"] { - background: var(--transparency-dark-45); - box-shadow: 0 0 10px 1px #000000; - color: var(--text); -} - -[class*="QualityProfiles-center-"], -[class*="LanguageProfiles-center-"], -[class*="MetadataProfiles-center-"], -[class*="RootFolders-center-"] { - background-color: transparent; - border: none; -} - -[class*="Indexers-center-"], -[class*="Restrictions-center-"], -[class*="DownloadClients-center-"], -[class*="ImportLists-center-"], -[class*="Notifications-center-"] { - display: inline-block; - padding: 15px 20px 15px; - border-radius: 4px; -} - -/* DOWNLOAD CLIENTS */ -[class*="DownloadClients-center-"] { - background-color: transparent; - border: none; -} - -/* CONNECTIONS */ -[class*="Notifications-center-"] { - background-color: transparent; - border: none; -} - -/* LISTS */ -[class*="ImportLists-center-"] { - background-color: transparent; - border: none; -} - -/* LOG */ -[class*="Alert-info-"] { - border-color: transparent; - background: var(--transparency-dark-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: var(--transparency-dark-25); - color: var(--text); -} - -.panel-header { - background: var(--transparency-dark-45); -} - -.forgot-password { - color: var(--text) !important; -} - -input[type=email], -input[type=password] { - border: none; - background: var(--transparency-light-10); - color: var(--text-hover); -} - -.button { - border-color: var(--button-color); - background-color: var(--button-color); - cursor: pointer; -} - -.button:hover { - border-color: var(--button-color-hover); - background-color: var(--button-color-hover); - color: var(--text-hover); - text-decoration: none; -} - -.form-input:focus { - outline: 0; - border-color: var(--text-hover); - box-shadow: none; - background: var(--transparency-light-25); -} - -/* Custom filter */ -[class*="FilterBuilderRow-filterRow-"]:hover { - background-color: transparent; -} - -[class*="CustomFilter-customFilter-"]:hover { - background: var(--transparency-dark-10); -} - -/* -------------------------LIDARR STUFF------------------------------*/ - [class*="ArtistIndexHeader-sortName-"]:hover, [class*="ArtistIndexHeader-artistType-"]:hover, [class*="ArtistIndexHeader-trackCount-"]:hover, @@ -1193,14 +317,3 @@ input[type=password] { [class*="AlbumStudioAlbum-allTracks-"] { background-color: #0b8750; } - -/* CONNECTIONS */ -[class*="Label-danger-"][class*="Label-outline-"] { - color: var(--text-hover); - background-color: #f05050; -} - -/* Updates */ -[class*="Updates-info-"]{ - border-bottom: 1px solid rgb(var(--accent-color)); -} \ No newline at end of file diff --git a/css/base/prowlarr/prowlarr-base.css b/css/base/prowlarr/prowlarr-base.css index b99ebfa0..ff0df3e3 100644 --- a/css/base/prowlarr/prowlarr-base.css +++ b/css/base/prowlarr/prowlarr-base.css @@ -12,207 +12,8 @@ @import url("/css/defaults/placeholders.css"); @import url("/css/defaults/transparent.css"); +@import url("/css/defaults/servarr-base.css"); -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-"]:not([class*="PageSidebarItem-link-"]):not([class*="PageHeader-"]):not([class*="Button-small-"]) { - color: var(--link-color); - } - -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="PageHeader-translate"]):hover:not([class*="Button-small-"]):hover { -color: var(--link-color-hover); -} - -[class*="PageHeaderActionsMenu-menuButton-"]:hover { - color: #515253; -} - -[class*="PageHeader-donate-"]:hover { - color: #9c1f30 !important; -} - -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 var(--text-hover); -} - -/* MODAL */ -[class*="ModalHeader-modalHeader-"] { - background: var(--modal-header-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); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="ModalContent-modalContent-"] { - 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); -} - -[class*="ModalFooter-modalFooter-"] { - background: var(--modal-footer-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); - border-top: 1px solid rgb(var(--accent-color)); -} - -[class*="ModalContent-closeButton-"]:hover { - color: var(--text-hover); -} - -/* INPUT */ -[class*="TagInput-internalInput-"] { - background-color: transparent; - color: var(--text-hover); -} - -[class*="SelectInput-select-"] { - background: var(--transparency-dark-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: var(--transparency-dark-10); -} - -[class*="CheckInput-primaryIsChecked-"] { - border-color: rgb(var(--accent-color)) !important; - background-color: rgb(var(--accent-color)) !important; - color: var(--label-text-color) !important; -} - -[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] { - background: #fff; - border: 1px solid #ccc; -} - -/* HEADER */ - -[class*="PageHeader-header-"] { - background: var(--transparency-dark-35); - box-shadow: none; - color: var(--text); -} - -/* SEARCH DROPDOWN HEADER */ - -[class*="PageHeader-donate-"] { - color: #c4273c !important; -} - -/* RADARR SPECIFIC */ [class*="IndexerSearchInput-sectionTitle-"] { color: var(--text-hover); } @@ -239,446 +40,6 @@ a:hover { background: var(--transparency-light-25); } -/* SIDE MENU */ -[class*="PageSidebar-sidebarContainer-"] { - background: var(--transparency-dark-25); -} - -[class*="PageSidebar-sidebar-"] { - background-color: transparent; -} - -[class*="PageSidebarItem-link-"] { - color: var(--text-hover) -} - -[class*="PageSidebarItem-link-"]:hover { - color: rgb(var(--accent-color)); - text-decoration: none; -} - -[class*="PageSidebarItem-isActiveLink-"], -[class*="PageSidebarItem-isActiveLink-"]:hover, -[class*="PageSidebarItem-link-"]:focus { - color: rgb(var(--accent-color)) !important; -} - -[class*="PageSidebarItem-isActiveParentLink-"] { - background: var(--transparency-dark-15); -} - -@media only screen and (max-width: 768px) { - [class*="PageSidebar-sidebarContainer-"] { - background: var(--main-bg-color) !important; - 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; - } -} - -[class*="PageSidebarItem-isActiveItem-"] { - border-left: 3px solid rgb(var(--accent-color)); -} - -#sidebar-toggle-button { - color: var(--text); -} -#sidebar-toggle-button:hover, -#sidebar-toggle-button:focus, -#sidebar-toggle-button:active { - color: var(--text-hover); -} - -/* MOVIES PAGE */ -/* RADARR SPECIFIC */ -[class*="MovieIndexPoster-controls-"] { - background-color: rgb(var(--accent-color)) !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: var(--transparency-light-10); -} - -[class*="AddListMoviePoster-title-"] { - background: var(--transparency-light-10); -} - -[class*="MovieIndexOverview-content-"]:hover { - background: var(--transparency-dark-10) !important; -} - -[class*="MovieIndexOverview-link-"]:hover { - text-decoration: none; -} - -[class*="ProgressBar-container-"] { - background: var(--transparency-dark-25); -} - -[class*=".ProgressBar-purple-"] { - background-color: rgb(var(--accent-color)); -} - -/* MOVIE PAGE */ -[class*="MovieDetailsSeason-season-"], -[class*="MovieDetailsSeason-collapseButtonContainer-"] { - border: none !important; - background: var(--transparency-dark-25) !important; -} - -[class*="MovieDetailsSeason-actionButton-"], -[class*="MovieDetailsSeason-collapseButtonIcon-"] { - color: var(--text) !important; -} - -.fa-search:hover { - color: var(--text-hover) !important; -} - -[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) { - color: var(--text-hover); -} - -[class*="MonitorToggleButton-toggleButton-"] { - color: var(--text-hover); -} - - -[class*="ProtocolLabel-torrent-"] { - border-color: #00853d !important; - background-color: #00853d !important; - color: #fff !important; -} - -[class*="ProtocolLabel-usenet-"] { - border-color: #17b1d9 !important; - background-color: #17b1d9 !important; - color: #fff !important; -} - -[class*="MovieDetailsSeason-seasonNumber-"] { - color: var(--text-hover); -} - -[class*="MovieDetailsSeason-collapseButtonContainer-"] { - border: none !important; - background: var(--transparency-dark-25) !important; -} - -[class*="MovieFileEditorTable-container-"] { - border: 1px solid transparent; - background: var(--transparency-dark-25); -} - -[class*="ExtraFileTable-container-"] { - border: 1px solid transparent; - background: var(--transparency-dark-25); -} - -.Table-table-2C3O8 { - color: var(--text-hover); -} - -[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], -[class*="Popover-title-"], -[class*="SeasonInfo-title-"], -[class*="Popover-body-"], -[class*="Tooltip-body-"], -[class*="Tooltip-tooltipContainer-"], -[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] { - background: #1f1f1f; - color: #eee; -} - -/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], - [class*="Popover-title-"], - [class*="SeasonInfo-title-"], - [class*="Popover-body-"], - [class*="Tooltip-body-"], - [class*="Tooltip-tooltipContainer-"], - [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] { - -webkit-backdrop-filter: saturate(1) blur(1.5em); - backdrop-filter: saturate(1) blur(1.5em); - background: rgb(var(--accent-color),0.05); - color: white; - } -} */ - -[class*="Tooltip-top-"][class*="Tooltip-inverse-"] { - border-top-color: var(--text); -} - -[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: var(--text-hover); - text-decoration: none; -} - -[class*="IconButton-button-"] { - color: var(--text); -} - -[class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--label-text-color); -} - -[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--text-hover); -} - -[class*="Label-default-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -[class*="Label-info-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -[class*="Label-success-"] { - border-color: #27c24c; - background-color: #27c24c; - color: #000; -} - -[class*="Label-outline-"] { - background-color: #999; -} - -[class*="Label-disabled-"] { - border-color: #999; - background-color: #999; - color: #000; -} - -[class*="Label-disabled-"][class*="Label-outline-"] { - color: #000; -} - -[class*="PageSidebarItem-status-"][class*="Label-info-"] { - border-color: var(--arr-queue-color); - background-color: var(--arr-queue-color); - color: var(--label-text-color); -} - -[class*="MovieDetails-selectedTab-"] { - border-bottom: 4px solid rgb(var(--accent-color)); -} - -[class*="MovieDetails-tabList-"] { - color: var(--text-hover); -} - -/* Table options*/ -[class*="TableOptionsColumn-column-"] { - background: var(--transparency-dark-25); - color: var(--text-hover); - border: none; -} - -[class*="TableHeaderCell-headerCell-"] { - color: var(--text-hover); -} - -[class*="Table-table-"] { - color: var(--text); -} - -[class*="TableRow-row-"]:hover { - background: var(--transparency-dark-10); - color: var(--text-hover); -} - -[class*="TableRowCell-cell-"] { - border-top: 1px solid var(--transparency-light-25); -} - -/* TOP MENU SERIES */ -[class*="PageToolbar-toolbar-"] { - background: var(--transparency-dark-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: rgb(var(--accent-color)); -} - -[class*="MenuButton-menuButton-"]:hover { - color: rgb(var(--accent-color)); -} - -/* POSTERS */ -[class*="MovieIndexPoster-title-"], -[class*="MovieIndexPoster-nextAiring-"], -[class*="MovieIndexPosterInfo-info-"], -[class*="MovieIndexPosterInfo-info-"], -[class*="MovieCreditPoster-title-"] { - background: var(--transparency-light-10); - color: var(--text-hover); -} - -/* LIBRARY TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"] { - color: var(--text); - background: 0; -} - -[class*="MenuContent-menuContent-"] { - background: var(--drop-down-menu-bg); - 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; -} - -[class*="MenuContent-scroller-"] { - box-shadow: black 0 0 5px 0px; -} - -[class*="MenuItem-menuItem-"]:hover, -[class*="MenuItem-menuItem-"]:focus { - background: var(--transparency-dark-10) !important; - color: var(--text-hover); - text-decoration: none; -} - -[class*="MenuItemSeparator-separator-"] { - background: var(--transparency-dark-10) !important; -} - -/* ALPHABET JUMP BAR */ -[class*="PageJumpBar-jumpBar-"] { - color: var(--text-hover); -} - -/* MINI RIGHT SCROLL BAR */ -[class*="OverlayScroller-thumb-"], -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { - background: var(--transparency-dark-10) !important; -} - -[class*="OverlayScroller-thumb-"]:hover, -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { - background: var(--transparency-light-25) !important; -} - -/* ADD NEW */ - -[class*="EnhancedSelectInput-options-"] { - border-radius: 4px; - background: var(--drop-down-menu-bg); - 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); -} - -[class*="EnhancedSelectInput-options-"] { - border: 1px solid rgba(var(--accent-color)) !important; -} - -[class*="EnhancedSelectInputOption-isSelected-"], -[class*="EnhancedSelectInputOption-isSelected-"]:hover { - background: var(--transparency-light-20) !important; - color: var(--text-hover); -} - -[class*="EnhancedSelectInputOption-option-"]:hover { - background: var(--transparency-light-10); -} - -[class*="HintedSelectInputOption-hintText-"] { - color: var(--text); -} - -[class*="EnhancedSelectInput-optionsModalScroller-"] { - border: 1px solid var(--drop-down-menu-bg); - border-radius: 4px; - background: var(--drop-down-menu-bg); - 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); -} - -[class*="EnhancedSelectInput-mobileCloseButton-"] { - color: var(--button-text); -} - -[class*="EnhancedSelectInput-mobileCloseButton-"]:hover { - color: var(--button-text-hover); -} - -[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] { - - border-bottom: 1px solid rgba(255, 255, 255, 0.25); -} -/* SEARCH BAR */ -[class*="Input-input-"], -[class*="AddNewMovie-searchIconContainer-"], -[class*="CheckInput-isIndeterminate-"] { - border: none; - background: var(--transparency-light-10); - color: var(--text-hover); -} - [class*="IndexerSearchInput-container-"] [class*="Input-input-"] { background: transparent; border-bottom: solid 1px var(--text); @@ -694,357 +55,7 @@ a:hover { font-size: 12px; } -[class*="AddNewMovieSearchResult-year-"] { - color: var(--text-hover) !important; -} - -[class*="Input-input-"]:focus { - outline: 0; - border-color: var(--text-hover); - box-shadow: none; - background: var(--transparency-light-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: var(--transparency-dark-10) !important; -} - -[class*="AddNewmovieModalContent-year-"] { - color: var(--text-hover); -} - -[class*="RootFolderSelectInputSelectedValue-movieFolder-"], -[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { - color: var(--text-hover); -} - -[class*="RootFolderSelectInputOption-freeSpace-"], -[class*="RootFolderSelectInputOption-movieFolder-"] { - color: var(--text-muted); -} - -/* IMPORT */ - -[class*="FieldSet-legend-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="VirtualTableRow-row-"]:hover { - background: var(--transparency-light-10); -} - -/* Drop down menu/button*/ -[class*="ImportMovieSelectMovie-button-"] { - border: none !important; - background: var(--transparency-dark-25) !important; -} - -[class*="ImportMovieSelectMovie-content-"], -[class*="ImportMovieSelectMovie-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*="ImportMovieSearchResult-movie-"]:hover { - background: var(--transparency-light-10); -} - -[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: var(--text-hover); -} - -[class*="AddListMovieOverview-content-"]:hover { - background: var(--transparency-dark-10) !important; -} - -[class*="PageJumpBarItem-jumpBarItem-"]:hover { - color: var(--text-hover); - background: var(--transparency-dark-10); -} - -/*Posters*/ -[class*="AddListMoviePoster-title-"] { - background: var(--transparency-light-10); - color: var(--text-hover); -} - -/* MASS EDITOR */ -/* FOOTER */ -[class*="PageContentFooter-contentFooter-"] { - border: none; - background: var(--transparency-dark-25); - color: var(--text-hover); -} - -/* 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: var(--transparency-dark-10); - color: var(--text-hover); -} - -[class*="CalendarDay-dayOfMonth-"] { - border-bottom: 1px solid hsla(0, 0%, 100%, .08); - background: var(--transparency-dark-25); -} - -[class*="CalendarDay-isToday-"] { - background: var(--transparency-light-10) !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); - color: var(--text-hover); -} - -[class*="CalendarEvent-movieTitle-"], -[class*="CalendarEvent-episodeInfo-"], -[class*="CalendarEvent-airTime-"] { - color: var(--text-hover) !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: var(--text-hover) !important; -} - -[class*="CalendarEventGroup-airTime-"] { - color: #fff; -} - -[class*="CalendarEventGroup-episodeInfo-"] { - color: #fff; -} - -/* calendar agenda */ -[class*="AgendaEvent-event-"]:hover { - background: var(--transparency-dark-10) !important; -} - -/* SETTINGS */ -[class*="Settings-link-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="Settings-summary-"] { - color: var(--text); -} - -[class*="FormLabel-large-"] { - color: var(--text-hover); -} - -[class*="FormLabel-isAdvanced-"] { - color: #ff902b; -} - -/* MEDIA MANAGEMENT - FILE NAME TOKENS */ -[class*="NamingOption-small-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-token-"] { - background: var(--transparency-light-15); -} - -[class*="NamingOption-token-"] { - background: var(--transparency-light-15); -} - -[class*="NamingOption-example-"] { - background: var(--transparency-light-25); -} - -[class*="NamingOption-option-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { - background: var(--transparency-light-25); -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { - background: var(--transparency-light-35); -} - -/* PROFILES */ -[class*="Card-card-"], -[class*="QualityProfiles-addQualityProfile-"] { - background: var(--transparency-dark-45); - box-shadow: 0 0 10px 1px #000000; - color: var(--text); -} - - -[class*="-cloneButton-"][class*="IconButton-button-"]:hover { - color: var(--text-hover); -} - -[class*="Card-card-"]:hover, -[class*="Applications-center-"]:hover { - color: var(--text-hover); -} - -[class*="QualityProfiles-center-"], -[class*="LanguageProfiles-center-"], -[class*="ReleaseProfiles-center-"] { - background-color: transparent; - border: none; - color: var(--text); -} - -[class*="Applications-center-"], -[class*="AppProfiles-center-"] { - background-color: transparent; - border: none; -} - -[class*="QualityProfileItem-qualityProfileItem-"], -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], -[class*="LanguageProfileItem-languageProfileItem-"] { - border: none; - background: var(--transparency-dark-25); - color: var(--text-hover); -} - -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { - background: var(--transparency-dark-25) -} - -[class*="QualityDefinitions-sizeLimitHelpText-"] { - color: var(--text); -} - -[class*="KeyValueListInputItem-keyInput-"], -[class*="KeyValueListInputItem-valueInput-"] { - border: none; - background: transparent; - color: var(--text-hover); -} - -[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { - border: 1px solid transparent; - background: var(--transparency-dark-25) -} - /* Indexers */ -[class*="Indexers-center-"], [class*="IndexerProxies-center-"] { background-color: transparent; border: none; @@ -1055,106 +66,6 @@ a:hover { color: var(--text-hover); } -/* DOWNLOAD CLIENTS */ -[class*="DownloadClients-center-"] { - background-color: transparent; - border: none; -} - -/* CONNECTIONS */ -[class*="Notifications-center-"] { - background-color: transparent; - border: none; -} - -/* LISTS */ -[class*="ImportLists-center-"] { - background-color: transparent; - border: none; - color: var(--text); -} - -/* LOG */ -[class*="Alert-info-"] { - border-color: transparent; - background: var(--transparency-dark-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: var(--transparency-dark-25); - color: var(--text); -} - -.panel-header { - background: var(--transparency-dark-45); -} - -.forgot-password { - color: var(--text) !important; -} - -input[type=email], -input[type=password] { - border: none; - background: var(--transparency-light-10); - color: var(--text-hover); -} - -.button { - border-color: var(--button-color); - background-color: var(--button-color); - cursor: pointer; -} - -.button:hover { - border-color: var(--button-color-hover); - background-color: var(--button-color-hover); - color: var(--button-text-hover); - text-decoration: none; -} - -.form-input:focus { - outline: 0; - border-color: var(--text-hover); - box-shadow: none; - background: var(--transparency-light-25); -} - -/* Custom filter */ -[class*="FilterBuilderRow-filterRow-"]:hover { - background-color: transparent; -} - -[class*="CustomFilter-customFilter-"]:hover { - background: var(--transparency-dark-10); -} - -[class*="SelectMovieModalContent-path-"] { - color: var(--text); -} - /* ChartJS */ [class*="Stats-fullWidthChart-"], [class*="Stats-halfWidthChart-"] { @@ -1199,8 +110,3 @@ canvas { background: var(--transparency-light-50); color: #1f1f1f; } - -/* Updates */ -[class*="Updates-info-"]{ - border-bottom: 1px solid rgb(var(--accent-color)); -} \ No newline at end of file diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css index e8688cbc..d5ae60d0 100644 --- a/css/base/readarr/readarr-base.css +++ b/css/base/readarr/readarr-base.css @@ -12,6 +12,7 @@ @import url("/css/defaults/placeholders.css"); @import url("/css/defaults/transparent.css"); +@import url("/css/defaults/servarr-base.css"); :root { --calendar-downloaded: 39 194 76; @@ -21,198 +22,6 @@ --calendar-unreleased: 93 156 236; } -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-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) { - color: var(--link-color); - } - -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover { -color: var(--link-color-hover); -} - -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-"] { - color: var(--text); -} - -[class*="LoadingIndicator-ripple-"] { - border: 2px solid var(--text-hover); -} - -/* MODAL */ -[class*="ModalHeader-modalHeader-"] { - background: var(--modal-header-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); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="Modal-large-"], -[class*="Modal-modal-"], -[class*="ModalContent-modalContent-"] { - 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); -} - -[class*="ModalFooter-modalFooter-"] { - background: var(--modal-footer-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); - border-top: 1px solid rgb(var(--accent-color)); -} - -[class*="ModalContent-closeButton-"]:hover { - color: var(--button-text-hover); -} - -/* INPUT */ -[class*="TagInput-internalInput-"] { - background-color: transparent; - color: var(--text-hover); -} - -[class*="SelectInput-select-"] { - background: var(--transparency-dark-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: var(--transparency-dark-10); -} - -[class*="CheckInput-primaryIsChecked-"] { - border-color: rgb(var(--accent-color)) !important; - background-color: rgb(var(--accent-color)) !important; - color: var(--label-text-color) !important; -} - -[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] { - background: #fff; -} - -/* HEADER */ - -[class*="PageHeader-header-"] { - background: var(--transparency-dark-35); - color: var(--text); -} - -/* SEARCH DROPDOWN HEADER */ - -[class*="PageHeader-donate-"] { - color: #c4273c !important; -} - -/* LIDARR SPECIFIC */ [class*="AuthorSearchInput-sectionTitle-"] { color: var(--text-hover); } @@ -241,139 +50,19 @@ a:hover { } /* MINI RIGHT SCROLL BAR */ -[class*="OverlayScroller-thumb-"], -[class*="ImportAuthorSelectAuthor-results-"]::-webkit-scrollbar-thumb, -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { +[class*="ImportAuthorSelectAuthor-results-"]::-webkit-scrollbar-thumb { background: var(--transparency-dark-10) !important; } -[class*="OverlayScroller-thumb-"]:hover, -[class*="ImportAuthorSelectAuthor-results-"]::-webkit-scrollbar-thumb:hover, -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { +[class*="ImportAuthorSelectAuthor-results-"]::-webkit-scrollbar-thumb:hover { background: var(--transparency-light-25) !important; } -/* ADD NEW */ -[class*="EnhancedSelectInput-options-"] { - border-radius: 4px; - background: var(--drop-down-menu-bg); - 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); -} - -[class*="EnhancedSelectInput-options-"] { - border: 1px solid rgba(var(--accent-color)) !important; -} - -[class*="EnhancedSelectInputOption-isSelected-"], -[class*="EnhancedSelectInputOption-isSelected-"]:hover { - background: var(--transparency-light-20) !important; - color: var(--text-hover); -} - -[class*="EnhancedSelectInputOption-option-"]:hover { - background: var(--transparency-light-10); -} - -[class*="HintedSelectInputOption-hintText-"] { - color: var(--text); -} - -[class*="EnhancedSelectInput-optionsModalScroller-"] { - border: 1px solid var(--drop-down-menu-bg); - border-radius: 4px; - background: var(--drop-down-menu-bg); - 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); -} - -[class*="EnhancedSelectInput-mobileCloseButton-"] { - color: var(--button-text); -} - -[class*="EnhancedSelectInput-mobileCloseButton-"]:hover { - color: var(--button-text-hover); -} - -[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] { - - border-bottom: 1px solid rgba(255, 255, 255, 0.25); -} - -/* SIDE MENU */ -[class*="PageSidebar-sidebarContainer-"] { - background: var(--transparency-dark-25); -} - -[class*="PageSidebar-sidebar-"] { - background-color: transparent; -} - -[class*="PageSidebarItem-link-"] { - color: var(--text-hover) -} - -[class*="PageSidebarItem-link-"]:hover { - color: rgb(var(--accent-color)); - text-decoration: none; -} - -[class*="PageSidebarItem-isActiveLink-"], -[class*="PageSidebarItem-isActiveLink-"]:hover, -[class*="PageSidebarItem-link-"]:focus { - color: rgb(var(--accent-color)) !important; -} - -[class*="PageSidebarItem-isActiveParentLink-"] { - background: var(--transparency-dark-15); -} - -@media only screen and (max-width: 768px) { - [class*="PageSidebar-sidebarContainer-"] { - background: var(--main-bg-color) !important; - 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; - } -} - -[class*="PageSidebarItem-isActiveItem-"] { - border-left: 3px solid rgb(var(--accent-color)); -} - -#sidebar-toggle-button { - color: var(--text); -} -#sidebar-toggle-button:hover, -#sidebar-toggle-button:focus, -#sidebar-toggle-button:active { - color: var(--text-hover); -} - /* LIBRARY PAGE */ -/* LIDARR SPECIFIC */ [class*="AuthorIndexPoster-controls-"] { background-color: rgb(var(--accent-color)) !important; } -/* OVERVIEW PAGE */ - /* OVERVIEW PAGE */ [class*="AuthorIndexOverview-container-"], [class*="AuthorIndexOverview-container-"]:hover { @@ -392,16 +81,7 @@ a:hover { text-decoration: none; } -[class*="ProgressBar-container-"] { - background: var(--transparency-dark-25); -} - -[class*=".ProgressBar-purple-"] { - background-color: rgb(var(--accent-color)); -} - - -/*ARTIST PAGE*/ +/*AUTHOR PAGE*/ [class*="AuthorDetailsSeason-albumType-"], [class*="AuthorDetailsSeason-collapseButtonContainer-"] { border: none !important; @@ -409,62 +89,27 @@ a:hover { } [class*="AuthorDetailsSeason-header-"], -[class*="AuthorDetailsSeason-albumCount-"], +[class*="AuthorDetailsSeason-bookCount-"], [class*="AuthorDetails-metadataMessage-"], -[class*="AuthorDetailsSeason-albumCount-"] { +[class*="AuthorDetailsSeason-bookCount-"] { color: var(--text-hover); } -.fa-search:hover { - color: var(--text-hover) !important; -} - -[class*="Label-default-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) { +/*AUTHOR PAGE*/ +[class*="AuthorDetailsMedium-mediumNumber-"] { color: var(--text-hover); } -[class*="MonitorToggleButton-toggleButton-"] { - color: var(--text-hover); -} - -[class*="ProtocolLabel-torrent-"] { - border-color: #00853d !important; - background-color: #00853d !important; - color: #fff !important; -} - -[class*="ProtocolLabel-usenet-"] { - border-color: #17b1d9 !important; - background-color: #17b1d9 !important; - color: #fff !important; -} - -/*ARTIST ALBUM PAGE*/ -[class*="AlbumDetailsMedium-mediumNumber-"] { - color: var(--text-hover); -} - -[class*="AlbumDetailsMedium-medium-"] { +[class*="AuthorDetailsMedium-medium-"] { border: none; background: var(--transparency-dark-25); } -[class*="ExtraFileTable-container-"] { - border: 1px solid transparent; - background: var(--transparency-dark-25); -} - -[class*="AlbumDetails-selectedTab-"] { +[class*="AuthorDetails-selectedTab-"] { border-bottom: 4px solid rgb(var(--accent-color)); } -[class*="AlbumDetailsMedium-collapseButtonContainer-"] { +[class*="AuthorDetailsMedium-collapseButtonContainer-"] { border: none; background: var(--transparency-dark-25); } @@ -479,63 +124,6 @@ a:hover { color: var(--text-hover); } -[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], -[class*="Popover-title-"], -[class*="SeasonInfo-title-"], -[class*="Popover-body-"], -[class*="Tooltip-body-"], -[class*="Tooltip-tooltipContainer-"], -[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] { - background: #1f1f1f; - color: #eee; -} - -/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], - [class*="Popover-title-"], - [class*="SeasonInfo-title-"], - [class*="Popover-body-"], - [class*="Tooltip-body-"], - [class*="Tooltip-tooltipContainer-"], - [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] { - -webkit-backdrop-filter: saturate(1) blur(1.5em); - backdrop-filter: saturate(1) blur(1.5em); - background: rgb(var(--accent-color),0.05); - color: white; - } -} */ - -[class*="Tooltip-top-"][class*="Tooltip-inverse-"] { - border-top-color: var(--text); -} - -[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: var(--text-hover); - text-decoration: none; -} - -[class*="IconButton-button-"] { - color: var(--text); -} - -[class*="Label-default-"] [class*="IconButton-button-"], -[class*="Label-small-"] [class*="IconButton-button-"]:hover { - color: var(--label-text-color); -} - -[class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--label-text-color); -} - [class*="AuthorDetailsHeader-monitorToggleButton-"]:hover, [class*="AuthorDetails-authorNavigationButton-"]:hover, [class*="AuthorDetails-authorUpButton-"]:hover, @@ -545,99 +133,6 @@ a:hover { color: var(--text-hover); } -[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--text-hover); -} - -[class*="Label-info-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: #fff; -} - -[class*="PageSidebarItem-status-"][class*="Label-info-"] { - border-color: var(--arr-queue-color); - background-color: var(--arr-queue-color); - color: #fff; -} - -[class*="Label-success-"] { - border-color: #27c24c; - background-color: #27c24c; - color: #000; -} - -[class*="Label-disabled-"][class*="Label-outline-"] { - color: #000; -} - -[class*="Label-outline-"] { - background-color: #999; -} - -[class*="Label-disabled-"] { - border-color: #999; - background-color: #999; - color: #000; -} - -/* Table options*/ -[class*="TableOptionsColumn-column-"] { - background: var(--transparency-dark-25); - color: var(--text-hover); - border: none; -} - -[class*="TableHeaderCell-headerCell-"] { - color: var(--text-hover); -} - -[class*="Table-table-"] { - color: var(--text); -} - -[class*="TableRow-row-"]:hover { - background: var(--transparency-dark-10); - color: var(--text-hover); -} - -[class*="TableRowCell-cell-"] { - border-top: 1px solid var(--transparency-light-25); -} - -/* TOP MENU SERIES */ -[class*="PageToolbar-toolbar-"] { - background: var(--transparency-dark-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: rgb(var(--accent-color)); -} - -[class*="MenuButton-menuButton-"]:hover { - color: rgb(var(--accent-color)); -} - /* POSTERS */ [class*="AuthorIndexPoster-title-"], [class*="AuthorIndexPosterInfo-info-"], @@ -647,48 +142,8 @@ a:hover { color: var(--text-hover); } - -/* TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"] { - color: var(--text); - background: 0; -} - -[class*="MenuContent-menuContent-"] { - background: var(--drop-down-menu-bg); - 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; -} - -[class*="MenuContent-scroller-"] { - box-shadow: black 0 0 5px 0px; -} - -[class*="MenuItem-menuItem-"]:hover, -[class*="MenuItem-menuItem-"]:focus { - background: var(--transparency-dark-10) !important; - color: var(--text-hover); - text-decoration: none; -} - -[class*="MenuItemSeparator-separator-"] { - background: var(--transparency-dark-10) !important; -} - -/* ALPHABET JUMP BAR */ -[class*="PageJumpBar-jumpBar-"] { - color: var(--text-hover); -} - /* SEARCH BAR */ -[class*="Input-input-"], -[class*="AddNewItem-searchIconContainer-"], -[class*="CheckInput-isIndeterminate-"] { +[class*="AddNewItem-searchIconContainer-"]{ border: none; background: var(--transparency-light-10); color: var(--text-hover); @@ -709,56 +164,25 @@ a:hover { font-size: 12px; } -[class*="Input-input-"]:focus { - outline: 0; - border-color: var(--text-hover); - box-shadow: none; - background: var(--transparency-light-25); -} - -[class*="TagInput-input-"][class*="TagInput-isFocused-"] { - outline: 0; - border-color: var(--text-hover); - box-shadow: none; -} - -/* TEXT COLOR */ - -[class*="PageContentBody-innerContentBody-"] { - color: var(--text); -} - /* SEARCH RESULTS */ -[class*="SearchResult-title-"]{ - color:var(--link-color); -} - [class*="AddNewAuthorSearchResult-year-"] { color: var(--text-hover); } [class*="AddNewAuthorSearchResult-searchResult-"], [class*="AddNewAuthorSearchResult-underlay-"], -[class*="AddNewAlbumSearchResult-underlay-"] { +[class*="AddNewAuthorSearchResult-underlay-"] { background-color: transparent; } [class*="AddNewAuthorSearchResult-searchResult-"]:hover, [class*="AddNewAuthorSearchResult-underlay-"]:hover, -[class*="AddNewAlbumSearchResult-underlay-"]:hover { +[class*="AddNewAuthorSearchResult-underlay-"]:hover { background: var(--transparency-dark-10); color: inherit; text-decoration: none; } -[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { - color: var(--text-hover); -} - -[class*="RootFolderSelectInputOption-freeSpace-"] { - color: var(--text-muted); -} - /* IMPORT ARTIST */ [class*="ImportAuthorSelectAuthor-content-"], [class*="ImportAuthorSelectAuthor-searchIconContainer-"] { @@ -788,11 +212,6 @@ a:hover { color: var(--text-hover); } -[class*="ExpandingFileDetails-fileDetails-"] { - border: 1px solid rgb(255 255 255 / .1); - background: var(--transparency-light-10); -} - /* IMPORT NEW ARTIST */ /* Drop down menu/button*/ [class*="ImportAuthorSelectAuthor-button-"] { @@ -801,42 +220,7 @@ a:hover { color: var(--text-hover); } - -/* IMPORT */ - -[class*="FieldSet-legend-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="VirtualTableRow-row-"]:hover { - background: var(--transparency-light-10); -} - -/*Title*/ - -[class*="PageJumpBarItem-jumpBarItem-"]:hover { - color: var(--text-hover); - background: var(--transparency-dark-10); -} - -/*Posters*/ - - -/* MASS EDITOR */ - -/* FOOTER */ -[class*="PageContentFooter-contentFooter-"] { - border: none; - background: var(--transparency-dark-25); - color: var(--text-hover); -} - /* CALENDAR */ -[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle { - stroke: #fff; -} - [class*="CalendarEvent-downloaded-"]:not([class*="AgendaEvent-"]) { background: rgb(var(--calendar-downloaded) / .7) !important; border-left-color: transparent !important; @@ -889,297 +273,19 @@ a:hover { border-left-color: transparent !important; } -[class*="DayOfWeek-dayOfWeek-"] { - background: var(--transparency-dark-10); - color: var(--text-hover); -} - -[class*="CalendarDay-dayOfMonth-"] { - border-bottom: 1px solid hsla(0, 0%, 100%, .08); - background: var(--transparency-dark-25); -} - -[class*="CalendarDay-isToday-"], -[class*="DayOfWeek-isToday-"] { - background: var(--transparency-light-25) !important; - color: var(--text-hover); -} - [class*="CalendarEvent-authorName-"] a, [class*="CalendarEvent-authorName-"], [class*="CalendarEvent-bookTitle-"] a, [class*="CalendarEvent-bookTitle-"]{ -color: #fff !important; +color: #eee !important; } [class*="CalendarEvent-authorName-"] a:hover, [class*="CalendarEvent-bookTitle-"] a:hover{ -color: var(--text-hover) !important; +color: #fff !important; } -[class*="CalendarEvent-event-"] { - border-left: 4px solid var(--text); -} - -[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); - color: var(--text-hover); -} - -[class*="CalendarEvent-event-"] { - border-bottom: 1px solid transparent; -} - -[class*="CalendarEventGroup-eventGroup-"] { - border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; -} - -/* calendar agenda */ -[class*="AgendaEvent-event-"]:hover { - background: var(--transparency-dark-10) !important; -} - -/* SETTINGS */ -[class*="Settings-link-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="Settings-summary-"] { - color: var(--text); -} - -[class*="FormLabel-large-"] { - color: var(--text-hover); -} - -[class*="FormLabel-isAdvanced-"] { - color: #ff902b; -} - -/* MEDIA MANAGEMENT - FILE NAME TOKENS */ -[class*="NamingOption-small-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-token-"] { - background: var(--transparency-light-15); -} - -[class*="NamingOption-token-"] { - background: var(--transparency-light-15); -} - -[class*="NamingOption-example-"] { - background: var(--transparency-light-25); -} - -[class*="NamingOption-option-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { - background: var(--transparency-light-25); -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { - background: var(--transparency-light-35); -} - -/* PROFILES */ -[class*="Card-card-"], -[class*="QualityProfiles-addQualityProfile-"] { - background: var(--transparency-dark-45); - box-shadow: 0 0 10px 1px #000000; - color: var(--text); -} - - -[class*="-cloneButton-"][class*="IconButton-button-"]:hover { - color: var(--text-hover); -} - -[class*="Card-card-"]:hover { - color: var(--text-hover); -} - -[class*="QualityProfiles-center-"], -[class*="LanguageProfiles-center-"], -[class*="ReleaseProfiles-center-"] { - background-color: transparent; - border: none; -} - -[class*="QualityProfileItem-qualityProfileItem-"], -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], -[class*="LanguageProfileItem-languageProfileItem-"] { - border: none; - background: var(--transparency-dark-25); - color: var(--text-hover); -} - -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { - background: var(--transparency-dark-25) -} - -[class*="KeyValueListInputItem-keyInput-"], -[class*="KeyValueListInputItem-valueInput-"] { - border: none; - background: transparent; - color: var(--text-hover); -} - -[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { - border: 1px solid transparent; - background: var(--transparency-dark-25) -} - -[class*="QualityDefinitions-sizeLimitHelpText-"] { - color: var(--text); -} - -/* PROFILES */ -[class*="Indexers-center-"] { - background-color: transparent; - border: none; -} - -[class*="Card-card-"], -[class*="QualityProfiles-addQualityProfile-"] { - background: var(--transparency-dark-45); - box-shadow: 0 0 10px 1px #000000; - color: var(--text); -} - -[class*="QualityProfiles-center-"], -[class*="LanguageProfiles-center-"], -[class*="MetadataProfiles-center-"], -[class*="RootFolders-center-"] { - background-color: transparent; - border: none; -} - -[class*="RootFolders-center-"] { - border: 1px solid transparent; -} - -[class*="Indexers-center-"], -[class*="Restrictions-center-"], -[class*="DownloadClients-center-"], -[class*="ImportLists-center-"], -[class*="Notifications-center-"] { - display: inline-block; - padding: 15px 20px 15px; - border-radius: 4px; -} - -/* DOWNLOAD CLIENTS */ -[class*="DownloadClients-center-"] { - background-color: transparent; - border: none; -} - -/* CONNECTIONS */ -[class*="Notifications-center-"] { - background-color: transparent; - border: none; -} - -/* LISTS */ -[class*="ImportLists-center-"] { - background-color: transparent; - border: none; -} - -/* LOG */ -[class*="Alert-info-"] { - border-color: transparent; - background: var(--transparency-dark-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: var(--transparency-dark-25); - color: var(--text); -} - -.panel-header { - background: var(--transparency-dark-45); -} - -.forgot-password { - color: var(--text) !important; -} - -input[type=email], -input[type=password] { - border: none; - background: var(--transparency-light-10); - color: var(--text-hover); -} - -.button { - border-color: var(--button-color); - background-color: var(--button-color); - cursor: pointer; -} - -.button:hover { - border-color: var(--button-color-hover); - background-color: var(--button-color-hover); - color: var(--button-text-hover); - text-decoration: none; -} - -.form-input:focus { - outline: 0; - border-color: var(--text-hover); - box-shadow: none; - background: var(--transparency-light-25); -} - -/* Custom filter */ -[class*="FilterBuilderRow-filterRow-"]:hover { - background-color: transparent; -} - -[class*="CustomFilter-customFilter-"]:hover { - background: var(--transparency-dark-10); -} - -/* Readarr */ - /* Library */ - [class*="AuthorIndexPoster-link-"], [class*="AuthorIndexPoster-title-"] { background: var(--transparency-light-10); @@ -1288,9 +394,4 @@ input[type=password] { /*Specific Book Page*/ [class*="BookDetails-tab-"] { color: var(--text-hover); -} - -/* Updates */ -[class*="Updates-info-"]{ - border-bottom: 1px solid rgb(var(--accent-color)); } \ No newline at end of file diff --git a/css/base/whisparr/whisparr-base.css b/css/base/whisparr/whisparr-base.css index be1c1b0e..0353e116 100644 --- a/css/base/whisparr/whisparr-base.css +++ b/css/base/whisparr/whisparr-base.css @@ -12,1193 +12,4 @@ @import url("/css/defaults/placeholders.css"); @import url("/css/defaults/transparent.css"); - -:root { - --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-missing-unmonitored: 255 165 0; - --calendar-available: 39 194 76; - } - -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-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]):not([class*="AgendaEvent"]) { - color: var(--link-color); - } - -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover { -color: var(--link-color-hover); -} - -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-"] { - color: var(--text); -} - -[class*="LoadingIndicator-ripple-"] { - border: 2px solid var(--text-hover); -} - -/* MODAL */ -[class*="ModalHeader-modalHeader-"] { - background: var(--modal-header-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); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="ModalContent-modalContent-"] { - 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); -} - -[class*="ModalFooter-modalFooter-"] { - background: var(--modal-footer-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); - border-top: 1px solid rgb(var(--accent-color)); -} - -[class*="ModalContent-closeButton-"]:hover { - color: var(--text-hover); -} - -/* INPUT */ -[class*="TagInput-internalInput-"] { - background-color: transparent; - color: var(--text-hover); -} - -[class*="SelectInput-select-"] { - background: var(--transparency-dark-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: var(--transparency-dark-10); -} - -[class*="CheckInput-primaryIsChecked-"] { - border-color: rgb(var(--accent-color)) !important; - background-color: rgb(var(--accent-color)) !important; - color: var(--label-text-color) !important; -} - -[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] { - background: #fff; -} - -/* HEADER */ - -[class*="PageHeader-header-"] { - background: var(--transparency-dark-35); - color: var(--text); -} - -/* SEARCH DROPDOWN HEADER */ - -[class*="PageHeader-donate-"] { - color: #c4273c !important; -} - -/* RADARR SPECIFIC */ -[class*="MovieSearchInput-sectionTitle-"] { - color: var(--text-hover); -} - -[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] { - 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*="MovieSearchInput-highlighted-"] { - background: var(--transparency-dark-10); -} - -[class*="MovieSearchInput-movieContainer-"]::-webkit-scrollbar-thumb { - background: var(--transparency-light-25); -} - -/* SIDE MENU */ -[class*="PageSidebar-sidebarContainer-"] { - background: var(--transparency-dark-25); -} - -[class*="PageSidebar-sidebar-"] { - background-color: transparent; -} - -[class*="PageSidebarItem-link-"] { - color: var(--text-hover) -} - -[class*="PageSidebarItem-link-"]:hover { - color: rgb(var(--accent-color)); - text-decoration: none; -} - -[class*="PageSidebarItem-isActiveLink-"], -[class*="PageSidebarItem-isActiveLink-"]:hover, -[class*="PageSidebarItem-link-"]:focus { - color: rgb(var(--accent-color)) !important; -} - -[class*="PageSidebarItem-isActiveParentLink-"] { - background: var(--transparency-dark-15); -} - -@media only screen and (max-width: 768px) { - [class*="PageSidebar-sidebarContainer-"] { - background: var(--main-bg-color) !important; - 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; - } -} - -[class*="PageSidebarItem-isActiveItem-"] { - border-left: 3px solid rgb(var(--accent-color)); -} - -#sidebar-toggle-button { - color: var(--text); -} -#sidebar-toggle-button:hover, -#sidebar-toggle-button:focus, -#sidebar-toggle-button:active { - color: var(--text-hover); -} - -/* MOVIES PAGE */ -/* RADARR SPECIFIC */ -[class*="MovieIndexPoster-controls-"] { - background-color: rgb(var(--accent-color)) !important; -} - -[class*="MovieTitlesTableContent-blankpad-"], -[class*="ExtraFileTableContent-blankpad-"], -[class*="MovieHistoryTableContent-blankpad-"] { - color: var(--text); -} - -/* 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: var(--transparency-light-10); -} - -[class*="AddListMoviePoster-title-"] { - background: var(--transparency-light-10); -} - -[class*="MovieIndexOverview-content-"]:hover { - background: var(--transparency-dark-10) !important; -} - -[class*="MovieIndexOverview-link-"]:hover { - text-decoration: none; -} - -[class*="ProgressBar-container-"] { - background: var(--transparency-dark-25); -} - -[class*=".ProgressBar-purple-"] { - background-color: rgb(var(--accent-color)); -} - -/* MOVIE PAGE */ -[class*="MovieDetailsSeason-season-"], -[class*="MovieDetailsSeason-collapseButtonContainer-"] { - border: none !important; - background: var(--transparency-dark-25) !important; -} - -[class*="MovieDetailsSeason-actionButton-"], -[class*="MovieDetailsSeason-collapseButtonIcon-"] { - color: var(--text) !important; -} - -[class*="MovieFileStatus-missing"].colorImpaired { - background: transparent; -} - -.fa-search:hover { - color: var(--text-hover) !important; -} - -[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) { - color: var(--text-hover); -} - -[class*="MonitorToggleButton-toggleButton-"] { - color: #dadada; -} - - -[class*="ProtocolLabel-torrent-"] { - border-color: #00853d !important; - background-color: #00853d !important; - color: #fff !important; -} - -[class*="ProtocolLabel-usenet-"] { - border-color: #17b1d9 !important; - background-color: #17b1d9 !important; - color: #fff !important; -} - -[class*="MovieDetailsSeason-seasonNumber-"] { - color: var(--text-hover); -} - -[class*="MovieDetailsSeason-collapseButtonContainer-"] { - border: none !important; - background: var(--transparency-dark-25) !important; -} - -[class*="MovieFileEditorTable-container-"] { - border: 1px solid transparent; - background: var(--transparency-dark-25); -} - -[class*="ExtraFileTable-container-"] { - border: 1px solid transparent; - background: var(--transparency-dark-25); -} - -[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], -[class*="Popover-title-"], -[class*="SeasonInfo-title-"], -[class*="Popover-body-"], -[class*="Tooltip-body-"], -[class*="Tooltip-tooltipContainer-"], -[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] { - background: #1f1f1f; - color: #eee; -} - -/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], - [class*="Popover-title-"], - [class*="SeasonInfo-title-"], - [class*="Popover-body-"], - [class*="Tooltip-body-"], - [class*="Tooltip-tooltipContainer-"], - [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] { - -webkit-backdrop-filter: saturate(1) blur(1.5em); - backdrop-filter: saturate(1) blur(1.5em); - background: rgb(var(--accent-color),0.05); - color: white; - } -} */ - -[class*="Tooltip-top-"][class*="Tooltip-inverse-"] { - border-top-color: var(--text); -} - -[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: var(--text-hover); - text-decoration: none; -} - -[class*="IconButton-button-"] { - color: var(--text); -} - -[class*="Label-default-"] [class*="IconButton-button-"], -[class*="Label-small-"] [class*="IconButton-button-"]:hover { - color: var(--label-text-color); -} - -[class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--text-hover); -} - -[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--text-hover); -} - -[class*="Label-default-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -[class*="Label-info-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -[class*="PageSidebarItem-status-"][class*="Label-info-"] { - border-color: var(--arr-queue-color); - background-color: var(--arr-queue-color); - color: var(--label-text-color); -} - -[class*="MovieDetails-selectedTab-"] { - border-bottom: 4px solid rgb(var(--accent-color)); -} - -[class*="MovieDetails-tabList-"] { - color: var(--text-hover); -} - -[class*="Label-success-"] { - border-color: #27c24c; - background-color: #27c24c; - color: #000; -} - -[class*="Label-disabled-"][class*="Label-outline-"] { - color: #000; -} - -[class*="Label-outline-"] { - background-color: #999; -} - -[class*="Label-disabled-"] { - border-color: #999; - background-color: #999; - color: #000; -} - -/* Table options*/ -[class*="TableOptionsColumn-column-"] { - background: var(--transparency-dark-25); - color: var(--text-hover); - border: none; -} - -[class*="TableHeaderCell-headerCell-"] { - color: var(--text-hover); -} - -[class*="Table-table-"] { - color: var(--text); -} - -[class*="TableRow-row-"]:hover { - background: var(--transparency-dark-10); - color: var(--text-hover); -} - -[class*="TableRowCell-cell-"] { - border-top: 1px solid var(--transparency-light-25); -} - -/* TOP MENU SERIES */ -[class*="PageToolbar-toolbar-"] { - background: var(--transparency-dark-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: rgb(var(--accent-color)); -} - -[class*="MenuButton-menuButton-"]:hover { - color: rgb(var(--accent-color)); -} - -/* POSTERS */ -[class*="MovieIndexPoster-title-"], -[class*="MovieIndexPoster-nextAiring-"], -[class*="MovieIndexPosterInfo-info-"], -[class*="MovieIndexPosterInfo-info-"], -[class*="MovieCreditPoster-title-"] { - background: var(--transparency-light-10); - color: var(--text-hover); -} - -/* LIBRARY TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"] { - color: var(--text); - background: 0; -} - -[class*="MenuContent-menuContent-"] { - background: var(--drop-down-menu-bg); - 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; -} - -[class*="MenuContent-scroller-"] { - box-shadow: black 0 0 5px 0px; -} - -[class*="MenuItem-menuItem-"]:hover, -[class*="MenuItem-menuItem-"]:focus { - background: var(--transparency-dark-10) !important; - color: var(--text-hover); - text-decoration: none; -} - -[class*="MenuItemSeparator-separator-"] { - background: var(--transparency-dark-10) !important; -} - -/* ALPHABET JUMP BAR */ -[class*="PageJumpBar-jumpBar-"] { - color: var(--text-hover); -} - -/* MINI RIGHT SCROLL BAR */ -[class*="OverlayScroller-thumb-"], -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { - background: var(--transparency-dark-10) !important; -} - -[class*="OverlayScroller-thumb-"]:hover, -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { - background: var(--transparency-light-25) !important; -} - -/* ADD NEW */ - -[class*="EnhancedSelectInput-options-"] { - border-radius: 4px; - background: var(--drop-down-menu-bg); - 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); -} - -[class*="EnhancedSelectInput-options-"] { - border: 1px solid rgba(var(--accent-color)) !important; -} - -[class*="EnhancedSelectInputOption-isSelected-"], -[class*="EnhancedSelectInputOption-isSelected-"]:hover { - background: var(--transparency-light-20) !important; - color: var(--text-hover); -} - -[class*="EnhancedSelectInputOption-option-"]:hover { - background: var(--transparency-light-10); -} - -[class*="HintedSelectInputOption-hintText-"] { - color: var(--text); -} - -[class*="EnhancedSelectInput-optionsModalScroller-"] { - border: 1px solid var(--drop-down-menu-bg); - border-radius: 4px; - background: var(--drop-down-menu-bg); - 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); -} - -[class*="EnhancedSelectInput-mobileCloseButton-"] { - color: var(--button-text); -} - -[class*="EnhancedSelectInput-mobileCloseButton-"]:hover { - color: var(--button-text-hover); -} - -[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] { - - border-bottom: 1px solid rgba(255, 255, 255, 0.25); -} - -/* SEARCH BAR */ -[class*="Input-input-"], -[class*="AddNewMovie-searchIconContainer-"], -[class*="CheckInput-isIndeterminate-"] { - border: none; - background: var(--transparency-light-10); - color: var(--text-hover); -} - -[class*="MovieSearchInput-container-"] [class*="Input-input-"] { - background: transparent; - border-bottom: solid 1px var(--text); -} - -[class*="MovieSearchInput-container-"] [class*="Input-input-"]:focus { - border-bottom: none; - background: transparent; -} - -[class*="MovieSearchResult-alternateTitle-"] { - color: var(--text-hover); - font-size: 12px; -} - -[class*="AddNewMovieSearchResult-year-"] { - color: var(--text-hover) !important; -} - -[class*="Input-input-"]:focus { - outline: 0; - border-color: var(--text-hover); - box-shadow: none; - background: var(--transparency-light-25); -} - -[class*="TagInput-input-"][class*="TagInput-isFocused-"] { - outline: 0; - border-color: var(--text-hover); - box-shadow: none; -} - -/* TEXT COLOR */ - -[class*="PageContentBody-innerContentBody-"], -[class*="PageContentBody-contentBody-"], -.react-tabs__tab-panel .react-tabs__tab-panel--selected>div { - color: var(--text); -} - -/* SEARCH RESULTS */ -[class*="SearchResult-title-"]{ - color:var(--link-color); -} - -[class*="AddNewMovieSearchResult-searchResult-"], -[class*="AddNewMovieSearchResult-underlay-"] { - background-color: transparent !important; -} - -[class*="AddNewMovieSearchResult-searchResult-"]:hover, -[class*="AddNewMovieSearchResult-underlay-"]:hover { - background: var(--transparency-dark-10) !important; -} - -[class*="AddNewmovieModalContent-year-"] { - color: var(--text-hover); -} - -[class*="RootFolderSelectInputSelectedValue-movieFolder-"], -[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { - color: var(--text-hover); -} - -[class*="RootFolderSelectInputOption-freeSpace-"], -[class*="RootFolderSelectInputOption-movieFolder-"] { - color: var(--text-muted); -} - -/* IMPORT */ - -[class*="FieldSet-legend-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="VirtualTableRow-row-"]:hover { - background: var(--transparency-light-10); -} - -/* Drop down menu/button*/ -[class*="ImportMovieSelectMovie-button-"] { - border: none !important; - background: var(--transparency-dark-25) !important; -} - -[class*="ImportMovieSelectMovie-content-"], -[class*="ImportMovieSelectMovie-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*="ImportMovieSearchResult-movie-"]:hover { - background: var(--transparency-light-10); -} - -[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; -} - -[class*="DiscoverMoviePoster-title-"], -[class*="DiscoverMoviePosterInfo-info-"] { - background: var(--transparency-light-10); - color: var(--text-hover); -} - -/*Title*/ -[class*="AddListMovieOverview-link-"] { - color: var(--text); -} - -[class*="AddListMovieOverview-link-"]:hover { - color: var(--text-hover); -} - -[class*="AddListMovieOverview-content-"]:hover { - background: var(--transparency-dark-10) !important; -} - -[class*="PageJumpBarItem-jumpBarItem-"]:hover { - color: var(--text-hover); - background: var(--transparency-dark-10); -} - -/*Posters*/ -[class*="AddListMoviePoster-title-"] { - background: var(--transparency-light-10); - color: var(--text-hover); -} - -/* MASS EDITOR */ -/* FOOTER */ -[class*="PageContentFooter-contentFooter-"] { - border: none; - background: var(--transparency-dark-25); - color: var(--text-hover); -} - -/* CALENDAR */ -[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle { - stroke: #fff; -} - -[class*="CalendarEvent-downloaded-"] { - background: rgb(var(--calendar-available) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover { - background: rgb(var(--calendar-available) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-missing-"], -[class*="CalendarEvent-missingMonitored"] { - background: rgb(var(--calendar-missing) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover, -[class*="Calendar-calendar-"] [class*="CalendarEvent-missingMonitored"]:hover { - background: rgba(var(--calendar-missing) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-missingUnmonitored-"] { - background: rgb(var(--calendar-missing-unmonitored) / .7) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-missingUnmonitored-"]:hover { - background: rgb(var(--calendar-missing-unmonitored) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unreleased-"], -[class*="CalendarEvent-continuing-"] { - background: rgb(var(--calendar-unaired) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover, -[class*="Calendar-calendar-"] [class*="CalendarEvent-continuing-"]:hover { - background: rgb(var(--calendar-unaired) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-event-"] { - background: rgb(var(--calendar-unmonitored) / .7); - border-left-color: transparent; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-event-"]:hover { - background: rgb(var(--calendar-unmonitored) / .5); - border-left-color: transparent; -} - -[class*="CalendarEvent-unmonitored-"] { - background: rgb(var(--calendar-unmonitored) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover { - background: rgb(var(--calendar-unmonitored) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-downloading-"], -[class*="CalendarEvent-queue-"] { - background: rgb(var(--calendar-downloading) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover, -[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover { - background: rgb(var(--calendar-downloading) / .5) !important; - border-left-color: transparent !important; -} - -[class*="DayOfWeek-dayOfWeek-"] { - background: var(--transparency-dark-10); - color: var(--text-hover); -} - -[class*="CalendarDay-dayOfMonth-"] { - border-bottom: 1px solid hsla(0, 0%, 100%, .08); - background: var(--transparency-dark-25); -} - -[class*="CalendarDay-isToday-"], -[class*="DayOfWeek-isToday-"] { - background: var(--transparency-light-25) !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); - color: var(--text-hover); -} - -[class*="CalendarEvent-movieTitle-"], -[class*="CalendarEvent-movieInfo-"], -[class*="CalendarEvent-episodeInfo-"], -[class*="CalendarEvent-airTime-"], -[class*="CalendarEvent-link-"] { - color: #fff !important; -} - -[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: var(--text-hover) !important; -} - -[class*="CalendarEventGroup-airTime-"] { - color: #fff; -} - -[class*="CalendarEventGroup-episodeInfo-"] { - color: #fff; -} - -[class*="LegendItem-missingMonitoredColorImpaired-"], -[class*="LegendItem-missingUnmonitoredColorImpaired-"] { - background: transparent; -} - -/* calendar agenda */ -[class*="AgendaEvent-event-"]:hover { - background: var(--transparency-dark-10) !important; -} - -/* SETTINGS */ -[class*="Settings-link-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="Settings-summary-"] { - color: var(--text); -} - -[class*="FormLabel-large-"] { - color: var(--text-hover); -} - -[class*="FormLabel-isAdvanced-"] { - color: #ff902b; -} - -/* MEDIA MANAGEMENT - FILE NAME TOKENS */ -[class*="NamingOption-small-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-token-"] { - background: var(--transparency-light-15); -} - -[class*="NamingOption-token-"] { - background: var(--transparency-light-15); -} - -[class*="NamingOption-example-"] { - background: var(--transparency-light-25); -} - -[class*="NamingOption-option-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { - background: var(--transparency-light-25); -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { - background: var(--transparency-light-35); -} - -/* PROFILES */ -[class*="Card-card-"], -[class*="QualityProfiles-addQualityProfile-"] { - background: var(--transparency-dark-45); - box-shadow: 0 0 10px 1px #000000; - color: var(--text); -} - - -[class*="-cloneButton-"][class*="IconButton-button-"]:hover { - color: var(--text-hover); -} - -[class*="Card-card-"]:hover { - color: var(--text-hover); -} - -[class*="QualityProfiles-center-"], -[class*="LanguageProfiles-center-"], -[class*="ReleaseProfiles-center-"] { - background-color: transparent; - border: none; -} - -[class*="QualityProfileItem-qualityProfileItem-"], -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], -[class*="LanguageProfileItem-languageProfileItem-"] { - border: none; - background: var(--transparency-dark-25); - color: var(--text-hover); -} - -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { - background: var(--transparency-dark-25) -} - -[class*="KeyValueListInputItem-keyInput-"], -[class*="KeyValueListInputItem-valueInput-"] { - border: none; - background: transparent; - color: var(--text-hover); -} - -[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { - border: 1px solid transparent; - background: var(--transparency-dark-25) -} - -[class*="QualityDefinitions-sizeLimitHelpText-"] { - color: var(--text); -} - -/* PROFILES */ -[class*="Indexers-center-"] { - background-color: transparent; - border: none; -} - -/* DOWNLOAD CLIENTS */ -[class*="DownloadClients-center-"] { - background-color: transparent; - border: none; -} - -/* CONNECTIONS */ -[class*="Notifications-center-"] { - background-color: transparent; - border: none; -} - -/* LISTS */ -[class*="ImportLists-center-"] { - background-color: transparent; - border: none; -} - -/* LOG */ -[class*="Alert-info-"] { - border-color: transparent; - background: var(--transparency-dark-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: var(--transparency-dark-25); - color: var(--text); -} - -.panel-header { - background: var(--transparency-dark-45); -} - -.forgot-password { - color: var(--text) !important; -} - -input[type=email], -input[type=password] { - border: none; - background: var(--transparency-light-10); - color: var(--text-hover); -} - -.button { - border-color: var(--button-color); - background-color: var(--button-color); - cursor: pointer; -} - -.button:hover { - border-color: var(--button-color-hover); - background-color: var(--button-color-hover); - color: var(--button-text-hover); - text-decoration: none; -} - -.form-input:focus { - outline: 0; - border-color: var(--text-hover); - box-shadow: none; - background: var(--transparency-light-25); -} - -/* Custom filter */ -[class*="FilterBuilderRow-filterRow-"]:hover { - background-color: transparent; -} - -[class*="CustomFilter-customFilter-"]:hover { - background: var(--transparency-dark-10); -} - -[class*="SelectMovieModalContent-path-"] { - color: var(--text); -} - -/* Updates */ -[class*="Updates-info-"]{ - border-bottom: 1px solid rgb(var(--accent-color)); -} \ No newline at end of file +@import url("/css/base/radarr/radarr-base.css"); \ No newline at end of file diff --git a/css/defaults/servarr-base.css b/css/defaults/servarr-base.css index 53656679..c5e79267 100644 --- a/css/defaults/servarr-base.css +++ b/css/defaults/servarr-base.css @@ -37,14 +37,22 @@ body { } /* LINKS */ -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]):not([class*="AgendaEvent"]) { +[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]):not([class*="AgendaEvent"]):not([class*="PageHeader-"]) { color: var(--link-color); } -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover { +[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover{ color: var(--link-color-hover); } +[class*="PageHeader-donate-"]:hover { + color: #9c1f30 !important; +} + +[class*="PageHeaderActionsMenu-menuButton-"]:hover { + color: var(--link-color-hover); +} + a { color: var(--link-color); } @@ -195,6 +203,7 @@ a:hover { [class*="PageHeader-header-"] { background: var(--transparency-dark-35); color: var(--text); + box-shadow: none; } /* SEARCH DROPDOWN HEADER */ @@ -273,6 +282,11 @@ a:hover { color: var(--text); } +[class*="ExtraFileTable-container-"] { + border: 1px solid transparent; + background: var(--transparency-dark-25); +} + .fa-search:hover { color: var(--text-hover) !important; } @@ -298,10 +312,6 @@ a:hover { color: #fff !important; } -[class*="ExtraFileTable-container-"] { - border: 1px solid transparent; - background: var(--transparency-dark-25); -} [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], [class*="Popover-title-"], @@ -341,11 +351,6 @@ a:hover { border-right-color: var(--text); } -[class*="EpisodeTitleLink-link-"]:hover { - color: var(--text-hover); - text-decoration: none; -} - [class*="IconButton-button-"] { color: var(--text); } @@ -748,17 +753,26 @@ a:hover { color: var(--text-hover); } -[class*="Card-card-"]:hover { +[class*="Card-card-"]:hover, +[class*="Applications-center-"]:hover { color: var(--text-hover); } [class*="QualityProfiles-center-"], [class*="LanguageProfiles-center-"], -[class*="ReleaseProfiles-center-"] { +[class*="ReleaseProfiles-center-"], +[class*="MetadataProfiles-center-"], +[class*="RootFolders-center-"], +[class*="Applications-center-"], +[class*="AppProfiles-center-"] { background-color: transparent; border: none; } +[class*="RootFolders-center-"] { + border: 1px solid transparent; +} + [class*="QualityProfileItem-qualityProfileItem-"], [class*="QualityProfileItemGroup-qualityProfileItemGroup-"], [class*="LanguageProfileItem-languageProfileItem-"] { @@ -787,11 +801,15 @@ a:hover { color: var(--text); } -/* PROFILES */ +/* INDEXSERS */ [class*="Indexers-center-"] { background-color: transparent; border: none; } +[class*="Restrictions-center-"] { + border: 1px solid transparent; + background-color: transparent; +} /* DOWNLOAD CLIENTS */ [class*="DownloadClients-center-"] { @@ -818,12 +836,6 @@ a:hover { color: #FFC107; } -/* INDEXER */ -[class*="Restrictions-center-"] { - border: 1px solid transparent; - background-color: transparent; -} - /* LISTS */ [class*="NetImports-center-"] { border: 1px solid transparent;