From dda84440b4623aa378ee37b9f0b43d30b934cd86 Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Tue, 6 Apr 2021 00:18:21 +0200 Subject: [PATCH] start --- CSS/themes/lidarr/aquamarine.css | 10 + CSS/themes/lidarr/lidarr-base copy.css | 1125 ++++++++++++++++ CSS/themes/lidarr/lidarr-base.css | 1087 ++++++++------- CSS/themes/lidarr/organizr-dark.css | 10 + CSS/themes/radarr/radarr-base.css | 1710 +++++++++--------------- CSS/themes/radarr/radarrv2.css | 640 +++++++++ CSS/themes/sonarr/aquamarine.css | 7 +- CSS/themes/sonarr/organizr-dark.css | 6 +- CSS/themes/sonarr/sonarr-base.css | 1172 +++------------- CSS/themes/sonarr/sonarrv2.css | 773 +++++++++++ 10 files changed, 4045 insertions(+), 2495 deletions(-) create mode 100644 CSS/themes/lidarr/lidarr-base copy.css create mode 100644 CSS/themes/radarr/radarrv2.css create mode 100644 CSS/themes/sonarr/sonarrv2.css diff --git a/CSS/themes/lidarr/aquamarine.css b/CSS/themes/lidarr/aquamarine.css index 6f11373b..1b39ede8 100644 --- a/CSS/themes/lidarr/aquamarine.css +++ b/CSS/themes/lidarr/aquamarine.css @@ -26,6 +26,16 @@ --button-color: #009688; --button-color-hover: #12afa0; + --button-text: #eee; + --button-text-hover: #FFF; + --accent-color: #009688; --accent-color-hover: #12afa0; + --queue-color: #009688; + --link-color: #0ed2bf; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #b6b0b0; } \ No newline at end of file diff --git a/CSS/themes/lidarr/lidarr-base copy.css b/CSS/themes/lidarr/lidarr-base copy.css new file mode 100644 index 00000000..e8a595e9 --- /dev/null +++ b/CSS/themes/lidarr/lidarr-base copy.css @@ -0,0 +1,1125 @@ +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +body { + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + color: var(--text); +} + +/* scroller +::-webkit-scrollbar-corner { + background-color: hsla(0, 0%, 100%, .08); +} + +::-webkit-scrollbar { + width: 10px; + height: 10px; + background: rgba(0, 0, 0, .25); +} + +::-webkit-scrollbar-thumb { + -webkit-border-radius: 2px; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.25) !important; +} + +::-webkit-scrollbar-thumb:hover { + -webkit-border-radius: 2px; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.45) !important; +} + +/* MINI RIGHT SCROLL BAR */ +.OverlayScroller-thumb-1Lhfi { + background-color: hsla(0, 0%, 100%, .25) !important; +} + +.OverlayScroller-thumb-1Lhfi:hover { + background-color: rgba(255, 255, 255, 0.45) !important; +} + +/* LINKS */ +.Link-to-6fmSq { + color: #FFF; +} + +.Link-to-6fmSq:hover { + color: #FFF; + text-decoration: none; +} + +/* LOADING PAGE */ +.ErrorPage-page-3GptQ, +.ErrorPage-version-3txe6, +.LoadingMessage-loadingMessage-1gR5r { + color: #FFF; +} + +.LoadingIndicator-ripple-358v5 { + border: 2px solid #fff; +} + +/* MODAL */ +.ModalHeader-modalHeader-gpcvG { + background: var(--main-bg-color); + color: #fff; + border-bottom: 1px solid var(--accent-color); +} + +.ModalContent-modalContent--txrl { + background: var(--main-bg-color); + color: #fff; +} + +.ModalFooter-modalFooter-1N5Ku { + background: var(--main-bg-color); + color: #fff; + border-top: 1px solid var(--accent-color); +} + +/* INPUT */ +.TagInput-internalInput-Jbb1T { + background-color: transparent; + color: #fff; +} + +.TagInput-input-3E1DX { + border: none; + background-color: rgba(255, 255, 255, 0.08); + color: #FFF; +} + +.TagInput-input-3E1DX.TagInput-isFocused-13j-F { + outline: 0; + border-color: #fff; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.25); +} + +.TagInput-suggestion-3jRkQ, +.TagInput-containerOpen-2g0Wc, +.TagInput-suggestionsContainer-1vjHY { + background-color: #1e1e1e !important; +} + +.TagInput-suggestion-3jRkQ:hover { + background-color: hsla(0, 0%, 100%, .3) !important; +} + +.SelectInput-select-1qCdc { + background-color: #1e1e1e !important; +} + +.AutoSuggestInput-suggestionsList-_bVXO, +.AutoSuggestInput-suggestionsContainerOpen-3TAB7, +.AutoSuggestInput-suggestionsContainer-3MmlD { + background-color: #323232 !important; + color: white; + border: none !important; +} + +.AutoSuggestInput-suggestionHighlighted-2BWyt { + background-color: hsla(0, 0%, 100%, .08); +} + +.FormInputHelpText-helpText-3_AVV { + color: #fff; +} + +.CheckInput-primaryIsChecked-3mVN0 { + border-color: transparent; + background-color: var(--accent-color); +} + +/* HEADER */ + +.PageHeader-header-1IhlM { + background-color: rgba(0, 0, 0, .7); +} + +.PageHeader-donate-ZT-3N { + color: #c4273c !important; +} + +/* SIDE MENU */ + +@media only screen and (max-width: 768px) { + .PageSidebar-sidebar-3IOcI { + background-color: rgba(0, 0, 0, .45) !important; + } +} + +.PageSidebar-sidebar-2UXc0 { + background-color: rgba(0, 0, 0, .45); +} + +.PageSidebar-sidebarContainer-3Hxpq { + background-color: rgba(0, 0, 0, .45) !important; +} + +.PageSidebar-sidebar-3IOcI { + background-color: transparent; +} + +.PageSidebarItem-link-TuHn2:hover, +.PageSidebarItem-link-TuHn2:focus { + color: #FFF !important; + background-color: hsla(0, 0%, 100%, .08); + text-decoration: none; +} + +.PageSidebarItem-isActiveLink-1Hupc { + color: #FFF; + background-color: hsla(0, 0%, 100%, .08); +} + +.PageSidebarItem-isActiveParentLink-2uxKf { + background-color: transparent; +} + +@media only screen and (max-width: 768px) { + .PageSidebar-sidebarContainer-3Hxpq { + background: var(--main-bg-color) !important; + } +} + +.PageSidebarItem-isActiveItem-bUesh { + border-left: 3px solid var(--accent-color); +} + +.fa-search:hover { + color: #FFF !important; +} + +.Icon-default-3C-KJ:hover { + color: #fff; +} + +.MonitorToggleButton-toggleButton-3CcN9 { + color: #dadada; +} + +.Table-table-2C3O8 { + color: #fff; +} + +.Popover-title-326tA, +.SeasonInfo-title-1tid_, +.Popover-body-10Yh7 { + background-color: #1f1f1f !important; + color: #fff !important; +} + +.Tooltip-tooltipContainer-2693s { + color: #fff; +} + +.Tooltip-right-2MxTa, +.Tooltip-default-2NTKh { + border-right-color: #1f1f1f !important; +} + +.Tooltip-tooltip-3HJXy.Tooltip-inverse-yMvcm { + background: var(--modal-bg-color); + box-shadow: 0 5px 10px rgba(0, 0, 0, .2) +} + +.Tooltip-bottom-3Ewbi.Tooltip-inverse-yMvcm { + border-bottom-color: #eee; +} + + +/* TOP MENU */ +.PageToolbar-toolbar-1Lo1N { + background-color: rgba(0, 0, 0, .25); + color: hsla(0, 0%, 100%, .7); +} + +/* HOVEL LABELS */ +.Label-default-2zdw6 { + border-color: #1b1b1b; + background-color: #1b1b1b; +} + +/* TOP HEADER DROPDOWN */ +.MenuItem-menuItem-zB-Up, +.MenuContent-menuContent-3Zkj4 { + background: var(--modal-bg-color); + color: #e1e2e3; +} + +.MenuItem-menuItem-zB-Up:hover, +.MenuItem-menuItem-zB-Up:focus { + background: hsla(0, 0%, 100%, .08) !important; + color: #fbfcfc; + text-decoration: none; +} + +.MenuItemSeparator-separator-1ayq0 { + background-color: #e1e2e3; +} + +/* TOP HEADER HOVER */ +.PageToolbarButton-toolbarButton-QiQEt:hover { + color: #FFF; +} + +.MenuButton-menuButton-3nh0N:hover { + color: #FFF; +} + +/* ALPHABET JUMP BAR */ +.PageJumpBar-jumpBar-3owcF { + color: #FFF; +} + +/* ADD NEW */ + +/* SEARCH BAR */ +.Input-input-2YWzR { + border: none; + background-color: rgba(255, 255, 255, 0.08); + color: #FFF; +} + +.Input-input-2YWzR:focus { + outline: 0; + border-color: #fff; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.25); +} + +.Button-default-2uiHU:hover { + border-color: transparent; + background-color: hsla(0, 0%, 100%, .3) !important; + color: #fff; +} + +/* TEXT COLOR */ +.PageContentBody-innerContentBody-tEszh { + color: #fff; +} + +::placeholder { + color: #eee; +} + +:-moz-placeholder { + color: #eee; +} + +:-ms-input-placeholder { + color: #eee; +} + +::-webkit-input-placeholder { + color: #eee; +} + +/* IMPORT */ + +.FieldSet-legend-3x6NF { + color: #FFF; + border-bottom: 1px solid var(--accent-color); +} + +.TableRow-row-33xJE:hover { + background-color: hsla(0, 0%, 100%, .08); + color: #FFF; +} + +.VirtualTableRow-row-2-JS9:hover { + background-color: hsla(0, 0%, 100%, .08); +} + + +/* MASS EDITOR */ +/* FOOTER */ +.PageContentFooter-contentFooter-3ODMj { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +/* SEASON PASS */ + +.SeasonPassSeason-season-2FWuT { + border: none; + background-color: rgba(0, 0, 0, .25) !important; +} + +.SeasonPassSeason-allEpisodes-1zGja { + background-color: #5cb85c; +} + +/* CALENDAR */ +.Button-default-2uiHU { + color: #FFF; + background-color: rgba(0, 0, 0, .25); + border-color: transparent; +} + +.DayOfWeek-dayOfWeek-1iw4D { + background-color: hsla(0, 0%, 100%, .08); +} + +.CalendarDay-day-2TMXA { + -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); +} + +.CalendarEvent-event-3Uyb9 { + border-bottom: none !important; +} + +.CalendarEvent-event-3Uyb9:hover { + background-color: hsla(0, 0%, 100%, .08) !important; + border-bottom: none !important; +} + +/* CALENDAR COLORS */ +.CalendarEvent-downloading-1kwSO { +background: rgb(var(--calendar-Downloading) / .7) !important; +border-left-color: transparent !important; +} +.CalendarEvent-downloading-1kwSO:hover { +background: rgb(var(--calendar-Downloading) / .5) !important; +border-left-color: transparent !important; +} +.CalendarEvent-downloaded-2vSrJ { +background: rgb(var(--calendar-Downloaded) / .7) !important; +border-left-color: transparent !important; +} +.CalendarEvent-downloaded-2vSrJ:hover { +background: rgb(var(--calendar-Downloaded) / .5) !important; +border-left-color: transparent !important; +} +.CalendarEvent-unreleased-mSAoI { +background: rgb(var(--calendar-Unreleased) / .7) !important; +border-left-color: transparent !important; +} +.CalendarEvent-unreleased-mSAoI:hover { +background: rgb(var(--calendar-Unreleased) / .5) !important; +border-left-color: transparent !important; +} +.CalendarEvent-partial-2_4q1 { +background: rgb(var(--calendar-Partial) / .7) !important; +border-left-color: transparent !important; +} +.CalendarEvent-partial-2_4q1:hover { +background: rgb(var(--calendar-Partial) / .5) !important; +border-left-color: transparent !important; +} +.CalendarEvent-unmonitored-Zvc-m { +background: rgb(var(--calendar-Unmonitored) / .7) !important; +border-left-color: transparent !important; +} +.CalendarEvent-unmonitored-Zvc-m:hover { +background: rgb(var(--calendar-Unmonitored) / .5) !important; +border-left-color: transparent !important; +} +.CalendarEvent-missing-1y6vZ { +background: rgb(var(--calendar-Missing) / .7) !important; +border-left-color: transparent !important; +} +.CalendarEvent-missing-1y6vZ:hover { +background: rgb(var(--calendar-Missing) / .5) !important; +border-left-color: transparent !important; +} + +/* ACTIVITY */ +.ProgressBar-primary-3YDfb { + background-color: var(--accent-color); +} + +/* SETTINGS */ + +.Settings-summary-3KPAv { + color: #fff; +} + +/* PROFILES */ +.Card-card-1iGZk, +.QualityProfiles-addQualityProfile-2U2Io { + background-color: rgba(0, 0, 0, .45); + box-shadow: 0 0 10px 1px #000000; + color: #fff; +} + +.QualityProfiles-center-1iiKm, +.LanguageProfiles-center-7EV_2, +.ReleaseProfiles-center-114Qx { + background-color: transparent; + border: none; + color: #c2c6c8; +} + +.QualityProfileItem-qualityProfileItem-VFp-W, +.QualityProfileItemGroup-qualityProfileItemGroup-2U1l5 { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +.QualityProfileItemGroup-qualityProfileItemGroup-2U1l5.QualityProfileItemGroup-editGroups-2KzDp { + background: rgba(0, 0, 0, 0.25); +} +.KeyValueListInputItem-keyInput-3YYEs, .KeyValueListInputItem-valueInput-3zlQA { + background: transparent; + color:white; +} + +/* PROFILES */ +.Indexers-center-11Csq { + background-color: transparent; + border: none; + color: #c2c6c8; +} + +/* INDEXERS */ + +/* DOWNLOAD CLIENTS */ +.DownloadClients-center-FvACx { + background-color: transparent; + border: none; + color: #c2c6c8; +} + +/* IMPORT LISTS */ + +/* CONNECTIONS */ +.Notifications-center-8iwmy { + background-color: transparent; + border: none; + color: #c2c6c8; +} + +/* LOG */ +.Alert-info-1J8mE { + border-color: transparent; + color: #FFC107; + background-color: rgba(0, 0, 0, 0.25); +} + +/* -------------------------LIDARR STUFF------------------------------*/ + +/* Buttons */ + +.Button-default-2uiHU { + color: #FFF; + background-color: var(--button-color); + border-color: transparent; +} + +.Button-default-2uiHU:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: #fff; +} + +.Button-primary-1F1YL { + border-color: transparent; + background-color: var(--button-color); + color: #fff; +} + +.Button-primary-1F1YL:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: #fff; +} + +.Button-success-36KsU { + border-color: var(--button-color); + background-color: var(--button-color); + color: #fff; +} + +.Button-success-36KsU:hover { + border-color: var(--button-color-hover); + background-color: var(--button-color-hover); + color: #fff; +} + +.LoadingIndicator-ripple-1264V { + border: 2px solid #FFFFFF; +} + +/* Popup modal */ +.Modal-large-I2McN, +.Modal-modal-3oHjA, +.ModalContent-modalContent-1B9AX { + background-color: #282828; + color: #FFF; +} + +.ModalHeader-modalHeader-P3MTG, +.ModalFooter-modalFooter-3izCM { + background-color: #323232; + color: #FFF; +} + +.ModalContent-closeButton-37Puk:hover { + color: #fff; +} + +.ModalFooter-modalFooter-3izCM a:first-child, +.ModalFooter-modalFooter-3izCM button:first-child { + background-color: #656565 !important; + border-color: transparent; +} + +.ModalFooter-modalFooter-3izCM a:first-child, +.ModalFooter-modalFooter-3izCM button:first-child:hover { + margin-left: 0; + background-color: hsla(0, 0%, 100%, .3) !important; + color: white; + border-bottom-color: transparent; +} + +.Button-default-1X0nf { + border-color: transparent; + background-color: #656565; + color: #FFF; +} + +.Button-default-1X0nf:hover { + border-color: transparent; + background-color: hsla(0, 0%, 100%, .3) !important; + color: #fff; +} + +.Button-primary-1F1YL { + border-color: transparent; +} + +.Button-primary-1F1YL:hover { + border-color: transparent; +} + +/* Main Menu Header */ +.PageHeader-header-1lnFT { + background-color: rgba(0, 0, 0, .7); +} + +.PageToolbar-toolbar-1oL_w { + background-color: rgba(0, 0, 0, .25); + color: hsla(0, 0%, 100%, .7); +} + +.PageHeader-donate-3Lk-h { + color: #c4273c !important; +} + +.PageToolbarButton-toolbarButton-3b5EM:hover { + color: #FFF; +} + +.MenuButton-menuButton-3cqRJ:hover { + color: #FFF; +} + +.MenuItem-menuItem-211VP, +.MenuContent-menuContent-e2UAN { + background-color: #191a1c; + color: #e1e2e3; +} + +.MenuItem-menuItem-211VP:hover, +.MenuItem-menuItem-211VP:focus { + background-color: hsla(0, 0%, 100%, .08) !important; + color: #fbfcfc; + text-decoration: none; +} + +.ArtistSearchInput-sectionTitle-3Xr5V { + color: #fff; +} + +.ArtistSearchInput-containerOpen-OZAuD .ArtistSearchInput-artistContainer-331xe { + border: none; + background: var(--modal-bg-color); + color: #fff; + box-shadow: 0 0 10px 1px #000000; +} + +.ArtistSearchInput-artistContainer-331xe::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.25); +} + +.ArtistSearchInput-highlighted-2oxYA { + background-color: hsla(0, 0%, 100%, .08) +} + +/* Sidebar */ +@media only screen and (max-width: 768px) { + .PageSidebar-sidebar-2UXc0 { + background: rgba(0, 0, 0, .25); + background-image: 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; + } +} + +.PageSidebar-sidebarContainer-2kLcI { + background: transparent; +} + +.PageSidebarItem-isActiveLink-1JpOZ { + color: hsla(0, 0%, 100%, .7) !important; +} + +.PageSidebarItem-isActiveItem-34xgs { + border-left: 3px solid hsla(0, 0%, 100%, .08); +} + +.PageSidebar-sidebar-2UXc0 { + background-color: rgba(0, 0, 0, .25); +} + +.PageSidebarItem-isActiveParentLink-2qgS5 { + background-color: rgba(0, 0, 0, 0); +} + +.PageSidebarItem-isActiveParentLink-2qgS5:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +.PageSidebarItem-link-2ron8:hover, +.PageSidebarItem-link-2ron8:focus { + color: #FFF !important; + background-color: hsla(0, 0%, 100%, .08); + text-decoration: none; +} + +.PageSidebarItem-link-2ron8 { + color: hsla(0, 0%, 100%, .7) !important; +} + +/*ARTIST PAGE*/ +.ArtistIndexPoster-title-38afV, +.ArtistIndexPosterInfo-info-3J_DB { + background-color: rgba(255, 255, 255, 0.08); +} + +.ArtistDetailsSeason-albumType-3aBd- { + border: none; + background-color: rgba(0, 0, 0, .25); +} + +.ArtistDetailsSeason-header-2GIDr { + color: #fff; +} + +.ArtistDetailsSeason-albumCount-14dOS { + color: #ffffff; +} + +.ArtistDetailsSeason-collapseButtonContainer-1c4Kb { + border: none; + background-color: rgba(0, 0, 0, .25); +} + +.ArtistDetails-metadataMessage-2NtMl { + color: #ffffff; +} + +.ArtistDetailsSeason-albumCount-36Ow9 { + color: #ffffff; +} + +.Label-default-2AF1C { + border-color: var(--accent-color); + background-color: var(--accent-color); +} + +.ProtocolLabel-torrent-3aqvR { + border-color: #00853d !important; + background-color: #00853d !important; +} + +.ProtocolLabel-usenet-3qKV1 { + border-color: #17b1d9 !important; + background-color: #17b1d9 !important; +} + +/*ARTIST ALBUM PAGE*/ +.AlbumDetailsMedium-mediumNumber-3ZUko { + color: #fff; +} + +.AlbumDetailsMedium-medium-dqPTF { + border: none; + background-color: rgba(0, 0, 0, .25); +} + +.AlbumDetailsMedium-collapseButtonContainer-33Y3Z { + border-top: none; + background-color: rgba(0, 0, 0, .25); +} + +.ArtistIndexOverview-container-3_iEh:hover .ArtistIndexOverview-content-3zZhb, +.ArtistIndexProgressBar-progress-3DLoM { + background-color: hsla(0, 0%, 100%, .08); +} + +.ArtistIndexBanner-title-3TKM6 { + background-color: rgba(0, 0, 0, .25); + color: #fff; +} + +.ProgressBar-container-14z4A { + background-color: rgba(0, 0, 0, 0.25); +} + +/* OVERVIEW PAGE */ +.ArtistIndexOverview-container-29HZM, +.ArtistIndexOverview-container-29HZM:hover { + background-color: transparent !important; +} + +.ArtistIndexOverview-content-hiNUl:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +.ArtistIndexOverview-container-29HZM:hover .ArtistIndexOverview-content-hiNUl { + background-color: transparent; +} + +.ArtistIndexOverview-content-hiNUl:hover { + text-decoration: none; +} + +/* BANNER PAGE */ +.ArtistIndexBanner-title-dKZ3c { + background-color: rgba(0, 0, 0, .25); +} + +/* Table view*/ +.VirtualTableRow-row-2osBd:hover { + background-color: rgba(0, 0, 0, .25); +} + +.VirtualTableRow-row-2osBd:hover, +.ArtistIndexHeader-sortName-3sIoX:hover, +.ArtistIndexHeader-artistType-1bUEX:hover, +.ArtistIndexHeader-trackCount-2fAYt:hover, +.ArtistIndexHeader-qualityProfileId-33lgF:hover, +.ArtistIndexHeader-languageProfileId-F8uCr:hover, +.ArtistIndexHeader-metadataProfileId-258c_:hover, +.ArtistIndexHeader-nextAlbum-2P-CJ:hover, +.ArtistIndexHeader-lastAlbum-18Y9w:hover, +.ArtistIndexHeader-added-z5UiU:hover, +.ArtistIndexHeader-genres-3YVsn:hover, +.ArtistIndexHeader-albumCount-1CnIC:hover, +.ArtistIndexHeader-trackProgress-5psBe:hover, +.ArtistIndexHeader-latestAlbum-KzyAA:hover, +.ArtistIndexHeader-actions-KjYeY:hover { + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +.IconButton-button-2qiGi:hover { + color: #fff !important; + background-color: transparent; +} + +.IconButton-button-2qiGi { + color: #bac5cc; +} + +/* Table options*/ +.TableOptionsColumn-column-2H7ic { + background: rgba(0, 0, 0, .25); + color: #FFF; + border: none; +} + +/* Fix rating border*/ +.ArtistIndexRow-ratings-nqXPx { + border-top: 1px solid #eee !important; +} + +/* ADD NEW ARTIST */ +.AddNewArtist-searchIconContainer-7ygSM, +.Input-input-dS7Oc, +.AddNewArtist-clearLookupButton-2ym1, +.ImportArtistSelectArtist-button-WUML4, +.PageContentFooter-contentFooter-1t6xx { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +.AddNewArtistSearchResult-year-3Ziif { + color: #ccc; +} + +.AddNewArtistSearchResult-searchResult-fxW3m, +.AddNewAlbumSearchResult-searchResult-XtaL3, +.AddNewArtistSearchResult-searchResult-N5Vx4, +.AddNewArtistSearchResult-underlay-3aVNi, +.AddNewAlbumSearchResult-underlay-2Egnf { + background-color: transparent; +} + +.AddNewArtistSearchResult-searchResult-fxW3m:hover, +.AddNewAlbumSearchResult-searchResult-XtaL3:hover, +.AddNewArtistSearchResult-searchResult-N5Vx4:hover, +.AddNewArtistSearchResult-underlay-3aVNi:hover, +.AddNewAlbumSearchResult-underlay-2Egnf:hover { + background-color: hsla(0, 0%, 100%, .08); + color: inherit; + text-decoration: none; +} + +.AddNewItem-searchIconContainer-2CBFJ { + border: none; + border-right: none; + background-color: rgba(255, 255, 255, 0.08); +} + +.ImportArtistSearchResult-artist-IVs0T:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +.Input-input-dS7Oc:focus { + outline: 0; + border-color: transparent; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, 0); + background-color: rgb(30, 30, 30); +} + +/* IMPORT ARTIST */ +.ImportArtistSelectArtist-content-qicZY { + background-color: #1e1e1e; + color: #FFF; + border: 1px solid #00000000; +} + +.ImportArtistSelectArtist-button-1zPPw { + border: 1px solid #00000000; + background-color: #1f1f1f; +} + +.ImportArtistSelectArtist-searchIconContainer-3YJva { + background-color: rgba(0, 0, 0, .25); + border-color: transparent; +} + +.ImportArtistSearchResult-artist-11vxQ:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +.Button-default-1X0nf { + color: #FFF; + background-color: rgba(0, 0, 0, .25); +} + +.AddNewArtist-noResults-L1xcp, +.AddNewArtist-message-c33sh { + color: #FFF; +} + +.Button-default-1X0nf:hover { + background-color: hsla(0, 0%, 100%, .08); +} + + +/* IMPORT */ +/* Text color */ +.ImportArtistSelectFolder-header-1AE_l, +.PageContent-content-2-LcY, +.FieldSet-legend-3mbvV { + color: #FFF; +} + +.TableRow-row-2tPLX { + color: #FFF; +} + +.TableRow-row-2tPLX:hover { + background-color: hsla(0, 0%, 100%, .08); + color: #FFF; +} +.ExpandingFileDetails-fileDetails-ja8Cz { + border: 1px solid rgb(255 255 255 / .1); + background-color: rgb(255 255 255 / 8%); +} +/* ALBUM STUDIO */ +.AlbumStudioAlbum-album-mOsjl, +.AlbumStudioAlbum-tracks-14O0r { + border: none; + background-color: rgba(0, 0, 0, 0.25); + color: #fff; +} + +.AlbumStudioAlbum-albumType-3QdT4, +.AlbumStudioAlbum-tracks-14O0r { + padding: 0 4px; + background-color: rgba(0, 0, 0, 0.25); + color: #fff; +} + +.AlbumStudioAlbum-missingWanted-1jEbu { + background-color: #f05050; +} + +.AlbumStudioAlbum-allTracks-1KGPc { + background-color: #0b8750; +} + +/* CALENDAR */ +.CalendarDay-day-2TMXA, +.CalendarDays-days-girjM { + -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); +} + +.CalendarDay-dayOfMonth-2CzdW { + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + background-color: rgba(0, 0, 0, .25); +} + +.DayOfWeek-dayOfWeek--jS1P { + background-color: hsla(0, 0%, 100%, .08); +} + +.CalendarDay-isToday-1rFJO { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +/* SETTINGS */ +/* TEXT */ +.Settings-summary-1BIsi { + color: #fff; +} + +/* MEDIA MANAGEMENT */ +/* DROPDOWNS SELECT */ +div[class*='EnhancedSelectInputOption'] { + background-color: #1e1e1e; + color: #fff; + } + div[class*='EnhancedSelectInputOption']:hover { + background-color: rgba(255, 255, 255, 0.08); + color: #fff; + } + .EnhancedSelectInput-options-3yy65 { + border: 1px solid #1e1e1e; + border-radius: 4px; + background-color: #1e1e1e; + } +/* FILE NAME TOKENS */ +.NamingOption-token-1y5bz { + background-color: rgba(255, 255, 255, 0.15); +} + +.NamingOption-option-giCGd { + border: 1px solid transparent; +} + +.NamingOption-example-RNR6x { + background-color: rgba(255, 255, 255, 0.25); +} + +.NamingOption-option-giCGd:hover .NamingOption-token-1y5bz { + background-color: rgba(255, 255, 2550, 0.25); +} + +.NamingOption-option-giCGd:hover .NamingOption-example-RNR6x { + background-color: rgba(255, 255, 2550, 0.35); +} + +/* PROFILES/INDEXERS/DL-CLIENTS/IMPORT-LIST/CONNECTIONS */ +.Card-card-SvrkG { + background-color: rgba(0, 0, 0, .25); + box-shadow: 0 0 10px 1px #000000; + color: #fff; +} + +.LanguageProfileItem-languageProfileItem-18XGg { + border: none; + background: rgba(0, 0, 0, 0.25); +} + +.QualityProfiles-addQualityProfile-2q4Re { + background-color: rgba(0, 0, 0, .25); + border: none; + color: #c2c6c8; +} + +.QualityProfiles-center-3qTb_, +.LanguageProfiles-center-18sh2, +.MetadataProfiles-center-dOatB, +.Indexers-center-3HUez, +.Restrictions-center-3cS8T, +.DownloadClients-center-30cx9, +.ImportLists-center-17Qdu, +.Notifications-center-13jM2, +.RootFolders-center-XcFPy { + background-color: transparent; + border: none; + color: #c2c6c8; +} + +.Indexers-center-3HUez, +.Restrictions-center-3cS8T, +.DownloadClients-center-30cx9, +.ImportLists-center-17Qdu, +.Notifications-center-13jM2 { + display: inline-block; + padding: 15px 20px 15px; + border-radius: 4px; +} + +/* CONNECTIONS */ +.Label-danger-1rVtt.Label-outline-2ZP8n { + color: #FFF; + background-color: #f05050; +} + +/* EDIT QUALITY PROFILES */ +.QualityProfileItem-qualityProfileItem-VFp-W, +.QualityProfileItemGroup-qualityProfileItemGroup-2U1l5 { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +.QualityProfileItemGroup-qualityProfileItemGroup-2U1l5.QualityProfileItemGroup-editGroups-2KzDp { + background: rgba(0, 0, 0, 0.25); +} \ No newline at end of file diff --git a/CSS/themes/lidarr/lidarr-base.css b/CSS/themes/lidarr/lidarr-base.css index 32e1865b..056743db 100644 --- a/CSS/themes/lidarr/lidarr-base.css +++ b/CSS/themes/lidarr/lidarr-base.css @@ -19,336 +19,635 @@ body { -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; + color: var(--text); } -/* scroller */ -::-webkit-scrollbar-corner { - background-color: hsla(0, 0%, 100%, .08); +/* Froms */ + +[class*="FormInputHelpText-helpText-"] { + color: var(--text); } -::-webkit-scrollbar { - width: 10px; - height: 10px; - background: rgba(0, 0, 0, .25); +[class*="FormInputGroup-inputUnit-"] { + color: #eee !important; } -::-webkit-scrollbar-thumb { - -webkit-border-radius: 2px; - border-radius: 2px; - background-color: rgba(255, 255, 255, 0.25) !important; +/* LINKS */ +[class*="Link-to-"] { + color: var(--text); } -::-webkit-scrollbar-thumb:hover { - -webkit-border-radius: 2px; - border-radius: 2px; - background-color: rgba(255, 255, 255, 0.45) !important; +[class*="Link-to-"]:hover { + color: var(--text-hover); + text-decoration: none; } -/* MINI RIGHT SCROLL BAR */ -.OverlayScroller-thumb-1Lhfi { - background-color: hsla(0, 0%, 100%, .25) !important; +a { + color: var(--link-color); } -.OverlayScroller-thumb-1Lhfi:hover { - background-color: rgba(255, 255, 255, 0.45) !important; +a:hover { + color: var(--link-color-hover); } -/* LINKS */ -.Link-to-6fmSq { - color: #FFF; +[class*="TableRowCell-cell-"] [class*="Link-to-"] { + color: var(--link-color) !important; } -.Link-to-6fmSq:hover { - color: #FFF; - text-decoration: none; +[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 */ -.ErrorPage-page-3GptQ, -.ErrorPage-version-3txe6, -.LoadingMessage-loadingMessage-1gR5r { - color: #FFF; +[class*="ErrorPage-page-"], +[class*="ErrorPage-version-"], +[class*="LoadingMessage-loadingMessage-"] { + color: var(--text); } -.LoadingIndicator-ripple-358v5 { +[class*="LoadingIndicator-ripple-"] { border: 2px solid #fff; } /* MODAL */ -.ModalHeader-modalHeader-gpcvG { - background: var(--main-bg-color); +[class*="ModalHeader-modalHeader-"] { + background: var(--modal-bg-color); color: #fff; - border-bottom: 1px solid var(--accent-color); + border-bottom: var(--accent-color); } -.ModalContent-modalContent--txrl { - background: var(--main-bg-color); - color: #fff; +[class*="ModalContent-modalContent-"] { + background: var(--modal-bg-color); + color: var(--text); } -.ModalFooter-modalFooter-1N5Ku { - background: var(--main-bg-color); +[class*="ModalFooter-modalFooter-"] { + background: var(--modal-bg-color); color: #fff; border-top: 1px solid var(--accent-color); } -/* INPUT */ -.TagInput-internalInput-Jbb1T { - background-color: transparent; +[class*="ModalContent-closeButton-"]:hover { color: #fff; } -.TagInput-input-3E1DX { - border: none; - background-color: rgba(255, 255, 255, 0.08); - color: #FFF; -} - -.TagInput-input-3E1DX.TagInput-isFocused-13j-F { - outline: 0; - border-color: #fff; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.TagInput-suggestion-3jRkQ, -.TagInput-containerOpen-2g0Wc, -.TagInput-suggestionsContainer-1vjHY { - background-color: #1e1e1e !important; +/* INPUT */ +[class*="TagInput-internalInput-"] { + background-color: transparent; + color: #fff; } -.TagInput-suggestion-3jRkQ:hover { - background-color: hsla(0, 0%, 100%, .3) !important; +[class*="SelectInput-select-"] { + background-color: rgba(0, 0, 0, 0.25) !important; } -.SelectInput-select-1qCdc { - background-color: #1e1e1e !important; +[class*="SelectInput-select-"]:active, +[class*="SelectInput-select-"]:focus { + background: #1e1e1e !important; } -.AutoSuggestInput-suggestionsList-_bVXO, -.AutoSuggestInput-suggestionsContainerOpen-3TAB7, -.AutoSuggestInput-suggestionsContainer-3MmlD { +[class*="AutoSuggestInput-suggestionsList-"], +[class*="AutoSuggestInput-suggestionsContainerOpen-"], +[class*="AutoSuggestInput-suggestionsContainer-"] { background-color: #323232 !important; color: white; border: none !important; } -.AutoSuggestInput-suggestionHighlighted-2BWyt { +[class*="AutoSuggestInput-suggestionHighlighted-"] { background-color: hsla(0, 0%, 100%, .08); } -.FormInputHelpText-helpText-3_AVV { - color: #fff; -} - -.CheckInput-primaryIsChecked-3mVN0 { - border-color: transparent; - background-color: var(--accent-color); +[class*="CheckInput-primaryIsChecked-"] { + border-color: var(--accent-color) !important; + background-color: var(--accent-color) !important; } /* HEADER */ -.PageHeader-header-1IhlM { +[class*="PageHeader-header-"] { background-color: rgba(0, 0, 0, .7); } -.PageHeader-donate-ZT-3N { +/* SEARCH DROPDOWN HEADER */ + +[class*="PageHeader-donate-"] { color: #c4273c !important; } -/* SIDE MENU */ +/* LIDARR SPECIFIC */ +[class*="ArtistSearchInput-sectionTitle-"] { + color: #fff; +} -@media only screen and (max-width: 768px) { - .PageSidebar-sidebar-3IOcI { - background-color: rgba(0, 0, 0, .45) !important; - } +[class*="ArtistSearchInput-containerOpen-"] [class*="ArtistSearchInput-artistContainer-"] { + border: none !important; + background: var(--modal-bg-color); + color: #fff !important; + box-shadow: 0 0 10px 1px transparent !important; } -.PageSidebar-sidebar-2UXc0 { - background-color: rgba(0, 0, 0, .45); +[class*="ArtistSearchInput-highlighted-"] { + background-color: hsla(0, 0%, 100%, .08) } -.PageSidebar-sidebarContainer-3Hxpq { - background-color: rgba(0, 0, 0, .45) !important; +[class*"=ArtistSearchInput-artistContainer-"]::-webkit-scrollbar-thumb, +[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.25); +} +/* MINI RIGHT SCROLL BAR */ +[class*="OverlayScroller-thumb-"], +[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb { + background-color: hsla(0, 0%, 100%, .08) !important; +} +[class*="OverlayScroller-thumb-"]:hover, +[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb:hover { + background-color: rgba(255, 255, 255, 0.25) !important; } -.PageSidebar-sidebar-3IOcI { + +/* SIDE MENU */ +[class*="PageSidebar-sidebarContainer-"] { + background-color: rgba(0, 0, 0, .25); +} + +[class*="PageSidebar-sidebar-"] { background-color: transparent; } -.PageSidebarItem-link-TuHn2:hover, -.PageSidebarItem-link-TuHn2:focus { - color: #FFF !important; +[class*="PageSidebarItem-link-"]:hover, +[class*="PageSidebarItem-link-"]:focus { + color: var(--text-hover) !important; background-color: hsla(0, 0%, 100%, .08); text-decoration: none; } -.PageSidebarItem-isActiveLink-1Hupc { +[class*="PageSidebarItem-isActiveLink-"] { color: #FFF; background-color: hsla(0, 0%, 100%, .08); } -.PageSidebarItem-isActiveParentLink-2uxKf { +[class*="PageSidebarItem-isActiveParentLink-"] { background-color: transparent; } @media only screen and (max-width: 768px) { - .PageSidebar-sidebarContainer-3Hxpq { + [class*="PageSidebar-sidebarContainer-"] { background: var(--main-bg-color) !important; } } -.PageSidebarItem-isActiveItem-bUesh { +[class*="PageSidebarItem-isActiveItem-"] { border-left: 3px solid var(--accent-color); } +/* LIBRARY PAGE */ +/* LIDARR SPECIFIC */ +[class*="ArtistIndexPoster-controls-"] { + background-color: #000 !important; +} +/* OVERVIEW PAGE */ + +/* OVERVIEW PAGE */ +[class*="ArtistIndexOverview-container-"], +[class*="ArtistIndexOverview-container-"]:hover { + background-color: transparent !important; +} + +[class*="ArtistIndexOverview-container-"]:hover [class*="ArtistIndexOverview-content-"] { + background-color: transparent; +} + +[class*="ArtistIndexOverview-content-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="ArtistIndexOverview-link-"]:hover { + text-decoration: none; +} + +[class*="ProgressBar-container-"] { + background-color: rgba(0, 0, 0, 0.25); +} + +[class*=".ProgressBar-purple-"] { + background-color: var(--accent-color); +} + + +/*ARTIST PAGE*/ +[class*="ArtistDetailsSeason-albumType-"], +[class*="ArtistDetailsSeason-collapseButtonContainer-"] { + border: none !important; + background-color: rgba(0, 0, 0, .25) !important; +} + +[class*="ArtistDetailsSeason-header-"], +[class*="ArtistDetailsSeason-albumCount-"], +[class*="ArtistDetails-metadataMessage-"], +[class*="ArtistDetailsSeason-albumCount-"] { + color: #fff; +} + .fa-search:hover { - color: #FFF !important; + color: var(--text-hover) !important; } -.Icon-default-3C-KJ:hover { +[class*="Label-default-"] { + border-color: var(--accent-color); + background-color: var(--accent-color); +} + +[class*="Icon-default-"]:hover { color: #fff; } -.MonitorToggleButton-toggleButton-3CcN9 { +[class*="MonitorToggleButton-toggleButton-"] { color: #dadada; } -.Table-table-2C3O8 { +[class*="ProtocolLabel-torrent-"] { + border-color: #00853d !important; + background-color: #00853d !important; +} + +[class*="ProtocolLabel-usenet-"] { + border-color: #17b1d9 !important; + background-color: #17b1d9 !important; +} + +/*ARTIST ALBUM PAGE*/ +[class*="AlbumDetailsMedium-mediumNumber-"] { color: #fff; } -.Popover-title-326tA, -.SeasonInfo-title-1tid_, -.Popover-body-10Yh7 { - background-color: #1f1f1f !important; - color: #fff !important; +[class*="AlbumDetailsMedium-medium-"] { + border: none; + background-color: rgba(0, 0, 0, .25); +} + +[class*="ExtraFileTable-container-"] { + border: 1px solid transparent; + background-color: rgba(0, 0, 0, .25); +} + +[class*="AlbumDetails-selectedTab-"] { + border-bottom: 4px solid var(--accent-color); +} + +[class*="AlbumDetailsMedium-collapseButtonContainer-"] { + border: none; + background-color: rgba(0, 0, 0, .25); +} +[class*="ArtistIndexProgressBar-progress-"] { + background-color: hsla(0, 0%, 100%, .08); } -.Tooltip-tooltipContainer-2693s { +[class*="ArtistIndexBanner-title-"], +[class*="ArtistIndexBannerInfo-info-"] { + background-color: rgba(0, 0, 0, .25); color: #fff; } -.Tooltip-right-2MxTa, -.Tooltip-default-2NTKh { - border-right-color: #1f1f1f !important; +[class*="Popover-title-"], +[class*="SeasonInfo-title-"], +[class*="Popover-body-"], +[class*="Tooltip-body-"] { + background: var(--modal-bg-color) !important; } -.Tooltip-tooltip-3HJXy.Tooltip-inverse-yMvcm { - background: var(--modal-bg-color); - box-shadow: 0 5px 10px rgba(0, 0, 0, .2) +[class*="Tooltip-tooltipContainer-"] { + color: #fff; } -.Tooltip-bottom-3Ewbi.Tooltip-inverse-yMvcm { +[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { border-bottom-color: #eee; } +[class*="Tooltip-right-"][class*="Tooltip-default-"] { + border-right-color: #eee; +} -/* TOP MENU */ -.PageToolbar-toolbar-1Lo1N { +[class*="EpisodeTitleLink-link-"]:hover { + color: #ffffff; + text-decoration: none; +} + +[class*="IconButton-button-"] { + color: var(--text); +} + +[class*="IconButton-button-"]:hover { + background-color: transparent; + color: var(--text-hover); +} + +[class*="Label-default-"] { + border-color: var(--accent-color); + background-color: var(--accent-color); +} + +[class*="Label-info-"]{ + border-color: var(--accent-color); + background-color: var(--accent-color); + color: #fff; +} + +[class*="PageSidebarItem-status-"][class*="Label-info-"] { + border-color: var(--queue-color); + background-color: var(--queue-color); + color: #fff; +} + +/* Table options*/ +[class*="TableOptionsColumn-column-"] { + background: rgba(0, 0, 0, .25); + color: #FFF; + border: none; +} + +[class*="TableHeaderCell-headerCell-"] { + color: #fff; +} + +[class*="Table-table-"] { + color: var(--text); +} + +[class*="TableRow-row-"]:hover { + background-color: hsla(0, 0%, 100%, .08); + color: var(--text-hover); +} + +/* TOP MENU SERIES */ +[class*="PageToolbar-toolbar-"] { background-color: rgba(0, 0, 0, .25); - color: hsla(0, 0%, 100%, .7); + color: var(--text); } -/* HOVEL LABELS */ -.Label-default-2zdw6 { - border-color: #1b1b1b; - background-color: #1b1b1b; +[class*="PageToolbarButton-label-"] { + color: var(--text); } -/* TOP HEADER DROPDOWN */ -.MenuItem-menuItem-zB-Up, -.MenuContent-menuContent-3Zkj4 { +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] { + opacity: .5; + color: var(--text); +} +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover, +[class*="PageToolbarButton-isDisabled-"]:hover { + color: var(--text) !important; +} + +[class*="PageToolbarButton-label-"] { + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"]:hover { + color: var(--text-hover); +} + +[class*="MenuButton-menuButton-"]:hover { + color: var(--text-hover); +} + +/* POSTERS */ +[class*="ArtistIndexPoster-title-"], +[class*="ArtistIndexPosterInfo-info-"] { + background-color: rgba(255, 255, 255, 0.08); + color: var(--text); +} + + +/* MOVIES TOP HEADER DROPDOWN */ +[class*="MenuItem-menuItem-"], +[class*="MenuContent-menuContent-"] { background: var(--modal-bg-color); - color: #e1e2e3; + color: var(--text); +} + +[class*="MenuContent-scroller-"] { + box-shadow: black 0 0 5px 0px; } -.MenuItem-menuItem-zB-Up:hover, -.MenuItem-menuItem-zB-Up:focus { +[class*="MenuItem-menuItem-"]:hover, +[class*="MenuItem-menuItem-"]:focus { background: hsla(0, 0%, 100%, .08) !important; - color: #fbfcfc; + color: var(--text-hover); text-decoration: none; } -.MenuItemSeparator-separator-1ayq0 { - background-color: #e1e2e3; +[class*="MenuItemSeparator-separator-"] { + background-color: hsla(0, 0%, 100%, .08) !important; } -/* TOP HEADER HOVER */ -.PageToolbarButton-toolbarButton-QiQEt:hover { +/* ALPHABET JUMP BAR */ +[class*="PageJumpBar-jumpBar-"] { color: #FFF; } -.MenuButton-menuButton-3nh0N:hover { - color: #FFF; +/* ADD NEW */ +div[class*='EnhancedSelectInputOption'] { + background-color: #1e1e1e; + color: #fff; } -/* ALPHABET JUMP BAR */ -.PageJumpBar-jumpBar-3owcF { - color: #FFF; +div[class*='EnhancedSelectInputOption']:hover { + background-color: rgba(255, 255, 255, 0.08); + color: #fff; } -/* ADD NEW */ +[class*="EnhancedSelectInput-options-"] { + border: 1px solid #1e1e1e; + border-radius: 4px; + background-color: #1e1e1e; +} /* SEARCH BAR */ -.Input-input-2YWzR { +[class*="Input-input-"], +[class*="AddNewArtist-searchIconContainer-"], +[class*="CheckInput-isIndeterminate-"] { border: none; background-color: rgba(255, 255, 255, 0.08); - color: #FFF; + color: #FFF } -.Input-input-2YWzR:focus { +[class*="ArtistSearchInput-container-"] [class*="Input-input-"] { + background: transparent; + border-bottom: solid 1px #fff; +} + +[class*="ArtistSearchInput-container-"] [class*="Input-input-"]:focus { + border-bottom: none; + background: transparent; +} + +[class*="ArtistSearchResult-alternateTitle-"] { + color: #ffffff; + font-size: 12px; +} + +[class*="Input-input-"]:focus { outline: 0; border-color: #fff; box-shadow: none; background-color: rgba(255, 255, 255, 0.25); } -.Button-default-2uiHU:hover { - border-color: transparent; - background-color: hsla(0, 0%, 100%, .3) !important; - color: #fff; +[class*="TagInput-input-"][class*="TagInput-isFocused-"] { + outline: 0; + border-color: #fff; + box-shadow: none; } /* TEXT COLOR */ -.PageContentBody-innerContentBody-tEszh { + +[class*="PageContentBody-innerContentBody-"] { + color: var(--text); +} + +/* SEARCH RESULTS */ +[class*="AddNewArtistSearchResult-year-"] { color: #fff; } -::placeholder { - color: #eee; +[class*="AddNewArtistSearchResult-searchResult-"], +[class*="AddNewArtistSearchResult-underlay-"], +[class*="AddNewAlbumSearchResult-underlay-"] { + background-color: transparent; } -:-moz-placeholder { - color: #eee; +[class*="AddNewArtistSearchResult-searchResult-"]:hover, +[class*="AddNewArtistSearchResult-underlay-"]:hover, +[class*="AddNewAlbumSearchResult-underlay-"]:hover { + background-color: hsla(0, 0%, 100%, .08); + color: inherit; + text-decoration: none; +} + +[class*="RootFolderSelectInputSelectedValue-movieFolder-"], +[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { + color: #fff; +} + +/* IMPORT ARTIST */ +[class*="ImportArtistSelectArtist-content-"], +[class*="ImportArtistSelectArtist-searchIconContainer-"] { + background: var(--modal-bg-color); + color: #FFF; + border: 1px solid transparent; +} + +[class*="ImportArtistName-disambiguation-"] { + color: var(--text-muted); +} + +[class*="ImportArtistSearchResult-artist-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +/* MOVE THIS */ +::placeholder { + color: var(--text); } :-ms-input-placeholder { - color: #eee; + color: var(--text) } ::-webkit-input-placeholder { - color: #eee; + color: var(--text); } /* IMPORT */ +/* Text color */ +[class*="ImportArtistSelectFolder-header-"] { + color: #FFF; +} + +[class*="ExpandingFileDetails-fileDetails-"] { + border: 1px solid rgb(255 255 255 / .1); + background-color: rgb(255 255 255 / 8%); +} + +/* IMPORT NEW ARTIST */ +/* Drop down menu/button*/ +[class*="ImportArtistSelectArtist-button-"] { + border: none; + background-color: rgba(0, 0, 0, 0.25) !important; + color: #fff; +} -.FieldSet-legend-3x6NF { + +/* IMPORT */ + +[class*="FieldSet-legend-"] { color: #FFF; border-bottom: 1px solid var(--accent-color); } -.TableRow-row-33xJE:hover { - background-color: hsla(0, 0%, 100%, .08); - color: #FFF; +[class*="VirtualTableRow-row-"]:hover { + background-color: rgba(255, 255, 255, 0.08); } -.VirtualTableRow-row-2-JS9:hover { - background-color: hsla(0, 0%, 100%, .08); +[class*="ImportMovieSelectMovie-button-"] { + border: none !important; + background-color: rgba(0, 0, 0, 0.25) !important; } +/*Title*/ + +.PageJumpBarItem-jumpBarItem-3F58I:hover { + color: #fff; + background: hsla(0, 0%, 100%, .08); +} + +/*Posters*/ +.AddListMoviePoster-title-2qKvg { + background-color: rgba(255, 255, 255, 0.08); + color: #fff; +} + /* MASS EDITOR */ + /* FOOTER */ .PageContentFooter-contentFooter-3ODMj { border: none; @@ -368,17 +667,71 @@ body { } /* CALENDAR */ -.Button-default-2uiHU { - color: #FFF; - background-color: rgba(0, 0, 0, .25); - border-color: transparent; +.CalendarEvent-downloaded-2vSrJ { + background: rgb(var(--calendar-available) / .7) !important; + border-left-color: transparent !important; +} + +.CalendarEvent-downloaded-2vSrJ:hover { + background: rgb(var(--calendar-available) / .5) !important; + border-left-color: transparent !important; +} + +.CalendarEvent-missing-1y6vZ { + background: rgb(var(--calendar-missing) / .7) !important; + border-left-color: transparent !important; +} + +.CalendarEvent-missing-1y6vZ:hover { + background: rgb(var(--calendar-missing) / .5) !important; + border-left-color: transparent !important; +} + +.CalendarEvent-unreleased-mSAoI { + background: rgb(var(--calendar-Unaired) / .7) !important; + border-left-color: transparent !important; +} + +.CalendarEvent-unreleased-mSAoI:hover { + background: rgb(var(--calendar-Unaired) / .5) !important; + border-left-color: transparent !important; +} + +.CalendarEvent-unmonitored-Zvc-m { + background: rgb(var(--calendar-Unmonitored) / .7) !important; + border-left-color: transparent !important; +} + +.CalendarEvent-unmonitored-Zvc-m:hover { + background: rgb(var(--calendar-Unmonitored) / .5) !important; + border-left-color: transparent !important; +} + +.CalendarEvent-downloading-1kwSO { + background: rgb(var(--calendar-Downloading) / .7) !important; + border-left-color: transparent !important; +} + +.CalendarEvent-downloading-1kwSO:hover { + background: rgb(var(--calendar-Downloading) / .5) !important; + border-left-color: transparent !important; } .DayOfWeek-dayOfWeek-1iw4D { background-color: hsla(0, 0%, 100%, .08); } -.CalendarDay-day-2TMXA { +.CalendarDay-dayOfMonth-2CzdW { + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + background-color: rgba(0, 0, 0, .25); +} + +.CalendarDay-isToday-1rFJO { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +.CalendarDay-day-2TMXA, +.CalendarDays-days-girjM { -webkit-box-flex: 1; -webkit-flex: 1 0 14.28%; flex: 1 0 14.28%; @@ -389,74 +742,62 @@ body { border-right: 1px solid hsla(0, 0%, 100%, .08); } +.CalendarEvent-movieTitle-2-WAP, +.CalendarEvent-episodeInfo-IWdbW, +.CalendarEvent-airTime-3Wzho { + color: #ffffff !important; +} + +.CalendarEvent-movieInfo-2LF5- { + color: #eee; +} + .CalendarEvent-event-3Uyb9 { border-bottom: none !important; } -.CalendarEvent-event-3Uyb9:hover { - background-color: hsla(0, 0%, 100%, .08) !important; - border-bottom: none !important; +.CalendarEventGroup-eventGroup-gWPtK { + border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; } -/* CALENDAR COLORS */ -.CalendarEvent-downloading-1kwSO { -background: rgb(var(--calendar-Downloading) / .7) !important; -border-left-color: transparent !important; -} -.CalendarEvent-downloading-1kwSO:hover { -background: rgb(var(--calendar-Downloading) / .5) !important; -border-left-color: transparent !important; -} -.CalendarEvent-downloaded-2vSrJ { -background: rgb(var(--calendar-Downloaded) / .7) !important; -border-left-color: transparent !important; -} -.CalendarEvent-downloaded-2vSrJ:hover { -background: rgb(var(--calendar-Downloaded) / .5) !important; -border-left-color: transparent !important; -} -.CalendarEvent-unreleased-mSAoI { -background: rgb(var(--calendar-Unreleased) / .7) !important; -border-left-color: transparent !important; -} -.CalendarEvent-unreleased-mSAoI:hover { -background: rgb(var(--calendar-Unreleased) / .5) !important; -border-left-color: transparent !important; -} -.CalendarEvent-partial-2_4q1 { -background: rgb(var(--calendar-Partial) / .7) !important; -border-left-color: transparent !important; +.CalendarEventGroup-movieTitle-ThqKe { + color: #ffffff !important; } -.CalendarEvent-partial-2_4q1:hover { -background: rgb(var(--calendar-Partial) / .5) !important; -border-left-color: transparent !important; + +.CalendarEventGroup-airTime-1Z6G9 { + color: #eee; } -.CalendarEvent-unmonitored-Zvc-m { -background: rgb(var(--calendar-Unmonitored) / .7) !important; -border-left-color: transparent !important; + +.CalendarEventGroup-episodeInfo-vfg0M { + color: #eee; } -.CalendarEvent-unmonitored-Zvc-m:hover { -background: rgb(var(--calendar-Unmonitored) / .5) !important; -border-left-color: transparent !important; + +/* calendar agenda */ +.AgendaEvent-event-2a83A:hover { + background-color: hsla(0, 0%, 100%, .08) !important; } -.CalendarEvent-missing-1y6vZ { -background: rgb(var(--calendar-Missing) / .7) !important; -border-left-color: transparent !important; + + +/* SETTINGS */ +[class*="PageContentBody-innerContentBody-"] [class*="Link-to-"] { + color: #fff; } -.CalendarEvent-missing-1y6vZ:hover { -background: rgb(var(--calendar-Missing) / .5) !important; -border-left-color: transparent !important; + +[class*="Settings-summary-"] { + color: var(--text); } -/* ACTIVITY */ -.ProgressBar-primary-3YDfb { - background-color: var(--accent-color); +/* MEDIA MANGEMENT */ +.NamingOption-small-2nxIl { + border: 1px solid transparent; } -/* SETTINGS */ +.NamingOption-token-1y5bz { + background-color: rgba(255, 255, 255, 0.15); +} -.Settings-summary-3KPAv { - color: #fff; +.NamingOption-example-RNR6x { + background-color: rgba(255, 255, 255, 0.25); } /* PROFILES */ @@ -464,7 +805,11 @@ border-left-color: transparent !important; .QualityProfiles-addQualityProfile-2U2Io { background-color: rgba(0, 0, 0, .45); box-shadow: 0 0 10px 1px #000000; - color: #fff; + color: #c2c6c8; +} + +.Card-card-1iGZk:hover { + color: white; } .QualityProfiles-center-1iiKm, @@ -476,7 +821,8 @@ border-left-color: transparent !important; } .QualityProfileItem-qualityProfileItem-VFp-W, -.QualityProfileItemGroup-qualityProfileItemGroup-2U1l5 { +.QualityProfileItemGroup-qualityProfileItemGroup-2U1l5, +.LanguageProfileItem-languageProfileItem-18XGg { border: none; background-color: rgba(0, 0, 0, .25); color: #FFF; @@ -485,9 +831,17 @@ border-left-color: transparent !important; .QualityProfileItemGroup-qualityProfileItemGroup-2U1l5.QualityProfileItemGroup-editGroups-2KzDp { background: rgba(0, 0, 0, 0.25); } -.KeyValueListInputItem-keyInput-3YYEs, .KeyValueListInputItem-valueInput-3zlQA { + +.KeyValueListInputItem-keyInput-3YYEs, +.KeyValueListInputItem-valueInput-3zlQA { + border: none; background: transparent; - color:white; + color: white; +} + +.QualityProfileFormatItem-qualityProfileFormatItem-19XrK { + border: 1px solid transparent; + background: rgba(0, 0, 0, .25); } /* PROFILES */ @@ -497,8 +851,6 @@ border-left-color: transparent !important; color: #c2c6c8; } -/* INDEXERS */ - /* DOWNLOAD CLIENTS */ .DownloadClients-center-FvACx { background-color: transparent; @@ -506,8 +858,6 @@ border-left-color: transparent !important; color: #c2c6c8; } -/* IMPORT LISTS */ - /* CONNECTIONS */ .Notifications-center-8iwmy { background-color: transparent; @@ -515,11 +865,65 @@ border-left-color: transparent !important; color: #c2c6c8; } +/* LISTS */ +.ImportLists-center-17Qdu { + background-color: transparent; + border: none; + color: #c2c6c8; +} + /* LOG */ .Alert-info-1J8mE { border-color: transparent; + background-color: rgba(0, 0, 0, 0.25); color: #FFC107; +} + +/* INDEXER */ +.Restrictions-center-3ngzk { + border: 1px solid transparent; + background-color: transparent; +} + +/* LISTS */ +.NetImports-center-3otL- { + border: 1px solid transparent; + background-color: transparent; +} + +/* CUSTOM FORMAT */ +.CustomFormats-center-1w6Bw, +.EditCustomFormatModalContent-center-3QU87 { + border: 1px solid transparent; + background-color: transparent; +} + +/* Login Page */ + +.panel-body { background-color: rgba(0, 0, 0, 0.25); + color: white; +} + +.panel-header { + background-color: rgba(0, 0, 0, 0.45); +} + +.forgot-password { + color: #eee !important; +} + +/* Custom filter */ +.FilterBuilderRow-filterRow-1ozij:hover { + background-color: transparent; +} + +.CustomFilter-customFilter-zBSMd:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +.SelectMovieModalContent-path-32FI- { + color: #eee; } /* -------------------------LIDARR STUFF------------------------------*/ @@ -562,9 +966,7 @@ border-left-color: transparent !important; color: #fff; } -.LoadingIndicator-ripple-1264V { - border: 2px solid #FFFFFF; -} + /* Popup modal */ .Modal-large-I2McN, @@ -636,42 +1038,6 @@ border-left-color: transparent !important; color: #FFF; } -.MenuButton-menuButton-3cqRJ:hover { - color: #FFF; -} - -.MenuItem-menuItem-211VP, -.MenuContent-menuContent-e2UAN { - background-color: #191a1c; - color: #e1e2e3; -} - -.MenuItem-menuItem-211VP:hover, -.MenuItem-menuItem-211VP:focus { - background-color: hsla(0, 0%, 100%, .08) !important; - color: #fbfcfc; - text-decoration: none; -} - -.ArtistSearchInput-sectionTitle-3Xr5V { - color: #fff; -} - -.ArtistSearchInput-containerOpen-OZAuD .ArtistSearchInput-artistContainer-331xe { - border: none; - background: var(--modal-bg-color); - color: #fff; - box-shadow: 0 0 10px 1px #000000; -} - -.ArtistSearchInput-artistContainer-331xe::-webkit-scrollbar-thumb { - background-color: rgba(255, 255, 255, 0.25); -} - -.ArtistSearchInput-highlighted-2oxYA { - background-color: hsla(0, 0%, 100%, .08) -} - /* Sidebar */ @media only screen and (max-width: 768px) { .PageSidebar-sidebar-2UXc0 { @@ -722,99 +1088,9 @@ border-left-color: transparent !important; color: hsla(0, 0%, 100%, .7) !important; } -/*ARTIST PAGE*/ -.ArtistIndexPoster-title-38afV, -.ArtistIndexPosterInfo-info-3J_DB { - background-color: rgba(255, 255, 255, 0.08); -} - -.ArtistDetailsSeason-albumType-3aBd- { - border: none; - background-color: rgba(0, 0, 0, .25); -} - -.ArtistDetailsSeason-header-2GIDr { - color: #fff; -} - -.ArtistDetailsSeason-albumCount-14dOS { - color: #ffffff; -} - -.ArtistDetailsSeason-collapseButtonContainer-1c4Kb { - border: none; - background-color: rgba(0, 0, 0, .25); -} - -.ArtistDetails-metadataMessage-2NtMl { - color: #ffffff; -} - -.ArtistDetailsSeason-albumCount-36Ow9 { - color: #ffffff; -} - -.Label-default-2AF1C { - border-color: var(--accent-color); - background-color: var(--accent-color); -} - -.ProtocolLabel-torrent-3aqvR { - border-color: #00853d !important; - background-color: #00853d !important; -} - -.ProtocolLabel-usenet-3qKV1 { - border-color: #17b1d9 !important; - background-color: #17b1d9 !important; -} - -/*ARTIST ALBUM PAGE*/ -.AlbumDetailsMedium-mediumNumber-3ZUko { - color: #fff; -} - -.AlbumDetailsMedium-medium-dqPTF { - border: none; - background-color: rgba(0, 0, 0, .25); -} -.AlbumDetailsMedium-collapseButtonContainer-33Y3Z { - border-top: none; - background-color: rgba(0, 0, 0, .25); -} - -.ArtistIndexOverview-container-3_iEh:hover .ArtistIndexOverview-content-3zZhb, -.ArtistIndexProgressBar-progress-3DLoM { - background-color: hsla(0, 0%, 100%, .08); -} - -.ArtistIndexBanner-title-3TKM6 { - background-color: rgba(0, 0, 0, .25); - color: #fff; -} - -.ProgressBar-container-14z4A { - background-color: rgba(0, 0, 0, 0.25); -} - -/* OVERVIEW PAGE */ -.ArtistIndexOverview-container-29HZM, -.ArtistIndexOverview-container-29HZM:hover { - background-color: transparent !important; -} -.ArtistIndexOverview-content-hiNUl:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -.ArtistIndexOverview-container-29HZM:hover .ArtistIndexOverview-content-hiNUl { - background-color: transparent; -} -.ArtistIndexOverview-content-hiNUl:hover { - text-decoration: none; -} /* BANNER PAGE */ .ArtistIndexBanner-title-dKZ3c { @@ -845,15 +1121,6 @@ border-left-color: transparent !important; color: #FFF; } -.IconButton-button-2qiGi:hover { - color: #fff !important; - background-color: transparent; -} - -.IconButton-button-2qiGi { - color: #bac5cc; -} - /* Table options*/ .TableOptionsColumn-column-2H7ic { background: rgba(0, 0, 0, .25); @@ -866,112 +1133,6 @@ border-left-color: transparent !important; border-top: 1px solid #eee !important; } -/* ADD NEW ARTIST */ -.AddNewArtist-searchIconContainer-7ygSM, -.Input-input-dS7Oc, -.AddNewArtist-clearLookupButton-2ym1, -.ImportArtistSelectArtist-button-WUML4, -.PageContentFooter-contentFooter-1t6xx { - border: none; - background-color: rgba(0, 0, 0, .25); - color: #FFF; -} - -.AddNewArtistSearchResult-year-3Ziif { - color: #ccc; -} - -.AddNewArtistSearchResult-searchResult-fxW3m, -.AddNewAlbumSearchResult-searchResult-XtaL3, -.AddNewArtistSearchResult-searchResult-N5Vx4, -.AddNewArtistSearchResult-underlay-3aVNi, -.AddNewAlbumSearchResult-underlay-2Egnf { - background-color: transparent; -} - -.AddNewArtistSearchResult-searchResult-fxW3m:hover, -.AddNewAlbumSearchResult-searchResult-XtaL3:hover, -.AddNewArtistSearchResult-searchResult-N5Vx4:hover, -.AddNewArtistSearchResult-underlay-3aVNi:hover, -.AddNewAlbumSearchResult-underlay-2Egnf:hover { - background-color: hsla(0, 0%, 100%, .08); - color: inherit; - text-decoration: none; -} - -.AddNewItem-searchIconContainer-2CBFJ { - border: none; - border-right: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.ImportArtistSearchResult-artist-IVs0T:hover { - background-color: hsla(0, 0%, 100%, .08); -} - -.Input-input-dS7Oc:focus { - outline: 0; - border-color: transparent; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, 0); - background-color: rgb(30, 30, 30); -} - -/* IMPORT ARTIST */ -.ImportArtistSelectArtist-content-qicZY { - background-color: #1e1e1e; - color: #FFF; - border: 1px solid #00000000; -} - -.ImportArtistSelectArtist-button-1zPPw { - border: 1px solid #00000000; - background-color: #1f1f1f; -} - -.ImportArtistSelectArtist-searchIconContainer-3YJva { - background-color: rgba(0, 0, 0, .25); - border-color: transparent; -} - -.ImportArtistSearchResult-artist-11vxQ:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -.Button-default-1X0nf { - color: #FFF; - background-color: rgba(0, 0, 0, .25); -} - -.AddNewArtist-noResults-L1xcp, -.AddNewArtist-message-c33sh { - color: #FFF; -} - -.Button-default-1X0nf:hover { - background-color: hsla(0, 0%, 100%, .08); -} - - -/* IMPORT */ -/* Text color */ -.ImportArtistSelectFolder-header-1AE_l, -.PageContent-content-2-LcY, -.FieldSet-legend-3mbvV { - color: #FFF; -} - -.TableRow-row-2tPLX { - color: #FFF; -} - -.TableRow-row-2tPLX:hover { - background-color: hsla(0, 0%, 100%, .08); - color: #FFF; -} -.ExpandingFileDetails-fileDetails-ja8Cz { - border: 1px solid rgb(255 255 255 / .1); - background-color: rgb(255 255 255 / 8%); -} /* ALBUM STUDIO */ .AlbumStudioAlbum-album-mOsjl, .AlbumStudioAlbum-tracks-14O0r { diff --git a/CSS/themes/lidarr/organizr-dark.css b/CSS/themes/lidarr/organizr-dark.css index fbdd1ba9..c16b9666 100644 --- a/CSS/themes/lidarr/organizr-dark.css +++ b/CSS/themes/lidarr/organizr-dark.css @@ -26,6 +26,16 @@ --button-color: #2cabe3; --button-color-hover: rgb(44 171 227 / .8); + --button-text: #eee; + --button-text-hover: #fff; + --accent-color: #2cabe3; --accent-color-hover: white; + --queue-color: #2cabe3; + --link-color: #2cabe3; + --link-color-hover: #fff; + + --text:#96a2b4; + --text-hover: #fff; + --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/radarr/radarr-base.css b/CSS/themes/radarr/radarr-base.css index 08f3b7a0..e444384a 100644 --- a/CSS/themes/radarr/radarr-base.css +++ b/CSS/themes/radarr/radarr-base.css @@ -1,4 +1,3 @@ - /* dP dP dP */ /* 88 88 88 */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ @@ -12,1334 +11,894 @@ /* https://github.com/gilbN/theme.park */ body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: #fff !important; + 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); } -/* VERSION */ +/* Froms */ -#footer-region::after { - content: "\A theme.park 2.0"; - font-size: 20px; +[class*="FormInputHelpText-helpText-"] { + color: var(--text); } -.footer { - color: #fff; + +[class*="FormInputGroup-inputUnit-"] { + color: #eee !important; } -#scroll-up { - color: white; + +/* LINKS */ +[class*="Link-to-"] { + color: var(--text); } -@media (max-width: 991px) { - .toolbar .page-toolbar .x-toolbar-left-1 { - display: block; - } - .toolbar .page-toolbar .btn-group { - display: block; - } - .btn-group.btn-group-collapse > .btn { - margin: 2px; - display: block; - float: none; - border-radius: 4px!important; - word-wrap: normal; - white-space: normal; - } + +[class*="Link-to-"]:hover { + color: var(--text-hover); + text-decoration: none; } -@media screen and (max-width: 767px) { - .table-responsive { - border: none; - } + +a { + color: var(--link-color); } -.modal-content { - box-shadow: 0 0 10px 1px #000; - border-radius: 3px; - 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; -} -/* scroller */ -::-webkit-scrollbar-corner, .MovieSearchInput-movieContainer-3FWAq::-webkit-scrollbar-thumb, .Scroller-scroller-26MBT::-webkit-scrollbar-thumb { - background-color: hsla(0,0%,100%,.08); -} -::-webkit-scrollbar { - width: 10px; - height: 10px; - background: rgba(0, 0, 0, .25); +a:hover { + color: var(--link-color-hover); +} +[class*="TableRowCell-cell-"] [class*="Link-to-"] { + color: var(--link-color) !important; } -::-webkit-scrollbar-thumb { - -webkit-border-radius: 2px; - border-radius: 2px; - background-color: hsla(0,0%,100%,.08); + +[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover { + color: var(--link-color-hover) !important; } -/* navbar and searchbar */ -.navbar-nzbdrone li a { - color: hsla(0,0%,100%,.7); +/* Buttons */ + +[class*="Button-default-"] { + color: var(--button-text); + background-color: var(--button-color); + border-color: transparent; } -.navbar-nzbdrone li a:hover { - background-color: hsla(0,0%,100%,.08); - color: #ffffff; + +[class*="Button-default-"]:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: var(--button-text-hover); } -.search .input-group .input-group-addon, .search .input-group input { - background-color: rgba(0, 0, 0, .25) !important; - color: #FFF; + +[class*="Button-primary-"] { border-color: transparent; - height: 40px; + background-color: var(--button-color); + color: var(--button-text); } -.search .input-group .input-group-addon, .search .input-group input:focus { - color: #FFF; + +[class*="Button-primary-"]:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: var(--button-text-hover); } -.input-group-addon { - background-color: rgba(255, 255, 255, 0.25); - border: 1px solid transparent; + +[class*="Button-success-"] { + border-color: var(--button-color); + background-color: var(--button-color); + color: var(--button-text); } -.tt-suggestion.tt-cursor { - background-color: #191a1c !important; - color: #ffffff !important; + +[class*="Button-success-"]:hover { + border-color: var(--button-color-hover); + background-color: var(--button-color-hover); + color: var(--button-text-hover); } -.search .tt-dropdown-menu { - background-color: #1f1f1f; + +/* LOADING PAGE */ +[class*="ErrorPage-page-"], +[class*="ErrorPage-version-"], +[class*="LoadingMessage-loadingMessage-358v5"] { + color: var(--text); } -.fa-search { - color: white; + +[class*="LoadingIndicator-ripple-"] { + border: 2px solid #fff; } -.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { - height: 50px; + +/* MODAL */ +[class*="ModalHeader-modalHeader-"] { + background: var(--modal-bg-color); + color: #fff; + border-bottom: var(--accent-color); } -.navbar-inverse, .navbar-toggle { - background-color: rgba(0, 0, 0, .25); - border-color: rgba(0, 0, 0, .25); - color: #FFF; + +[class*="ModalContent-modalContent-"] { + background: var(--modal-bg-color); + color: var(--text); } -.navbar-nzbdrone .navbar-toggle:focus, .navbar-nzbdrone .navbar-toggle:hover { - color: #FFF; - background-color: hsla(0,0%,100%,.08); + +[class*="ModalFooter-modalFooter-"] { + background: var(--modal-bg-color); + color: #fff; + border-top: 1px solid var(--accent-color); } -@media (max-width: 767px) { -.navbar-nzbdrone .navbar-collapse .navbar-nav li:focus, .navbar-nzbdrone .navbar-collapse .navbar-nav li:hover { - background-color: hsla(0,0%,100%,.08); - } + +[class*="ModalContent-closeButton-"]:hover { + color: #fff; } -/* Form Stuff */ -.form-control { - color: #FFF; - background-color: rgba(0, 0, 0, .25) !important; - border: 1px solid transparent; +/* INPUT */ +[class*="TagInput-internalInput-"] { + background-color: transparent; + color: #fff; } -.form-control:focus { - background-color: #1f1f1f !important; - border-color: rgba(0, 0, 0, 0.51); - outline: 0; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); +[class*="SelectInput-select-"] { + background-color: rgba(0, 0, 0, 0.25) !important; } -.bootstrap-tagsinput { - background-color: rgba(0, 0, 0, .25); - border: 1px solid rgba(0, 0, 0, .25); - color: #FFF; +[class*="SelectInput-select-"]:active, +[class*="SelectInput-select-"]:focus { + background: #1e1e1e !important; } -.form-group i { - color: #ffffff; + +[class*="AutoSuggestInput-suggestionsList-"], +[class*="AutoSuggestInput-suggestionsContainerOpen-"], +[class*="AutoSuggestInput-suggestionsContainer-"] { + background-color: #323232 !important; + color: white; + border: none !important; } -/* /Movies/Series/Season page */ -.started #page { - background-color: rgba(0, 0, 0, .25); - color: White; - box-shadow: none; - max-width: 1280px; +[class*="AutoSuggestInput-suggestionHighlighted-"] { + background-color: hsla(0, 0%, 100%, .08); } -.series-item a { - color: #FFF; + +[class*="CheckInput-primaryIsChecked-"] { + border-color: var(--accent-color) !important; + background-color: var(--accent-color) !important; } -.series-posters .series-posters-item, .movie-posters-item { - background-color: rgba(0, 0, 0, .25) !important; - color: #444; - box-shadow: 0 0 10px 1px #000000 !important; + +/* HEADER */ + +[class*="PageHeader-header-"] { + background-color: rgba(0, 0, 0, .7); } -.movie-posters-item { - min-height: 302px !important; + +/* SEARCH DROPDOWN HEADER */ + +[class*="PageHeader-donate-"] { + color: #c4273c !important; } -.header-text .year { - color: #FFF; + +/* RADARR SPECIFIC */ +[class*="MovieSearchInput-sectionTitle-"] { + color: #fff; } -.backdrop .navbar-nzbdrone { - opacity: 0.98; - box-shadow: 0 0 10px 1px #000; - border-radius: 3px; - 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; + +[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] { + border: none !important; + background: var(--modal-bg-color); + color: #fff !important; + box-shadow: 0 0 10px 1px transparent !important; } -.series-page-header, .movie-page-header { - opacity: 0.98; - box-shadow: 0 0 10px 1px #000; - color: #ffffff; - 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; -} -.series-season, .movie-tabs-card { - opacity: 0.98; - box-shadow: 0 0 10px 1px #000; - color: #ffffff; - 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; -} -.episode-title-cell { - color: #ffffff; +[class*="MovieSearchInput-highlighted-"] { + background-color: hsla(0, 0%, 100%, .08); } -a, .episode-title-cell { - color: #FFFFFF !important; - text-decoration: none; + +[class*="MovieSearchInput-movieContainer-"]::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.25); } -th.sortable:hover, .table-hover > tbody > tr:hover { + +/* SIDE MENU */ +[class*="PageSidebar-sidebarContainer-"] { background-color: rgba(0, 0, 0, .25); - color: #ffffff; -} -.progress.episode-progress .progressbar-back-text { - color: #000 !important; -} -.text-warning { - color: #ffffff; } -/* SEARCH */ -#add-series-screen .new-series .search-item, -#add-movies-screen .new-movies .search-item { - background-color: rgba(0, 0, 0, .25) !important; - color: #FFFFFF !important; - box-shadow: none; +[class*="PageSidebar-sidebar-"] { + background-color: transparent; } -div.form-group > label { - font-weight: 500; + +[class*="PageSidebarItem-link-"]:hover, +[class*="PageSidebarItem-link-"]:focus { + color: var(--text-hover) !important; + background-color: hsla(0, 0%, 100%, .08); + text-decoration: none; } -#add-series-screen .add-series-search > input.form-control.x-series-search, -#add-movies-screen .add-movies-search > input.form-control.x-movies-search { - background-color: rgba(0, 0, 0, .25) !important; - color: #FFFFFF !important; - border: none; - box-shadow: none; + +[class*="PageSidebarItem-isActiveLink-"] { + color: #FFF; + background-color: hsla(0, 0%, 100%, .08); } -#add-series-screen .search-item select.form-control, -#add-movies-screen .search-item select.form-control { - background-color: #1f1f1f ; - color: #FFFFFF; + +[class*="PageSidebarItem-isActiveParentLink-"] { + background-color: transparent; } -.dropdown-menu>li>a { - color: #ffffff; + +@media only screen and (max-width: 768px) { + [class*="PageSidebar-sidebarContainer-"] { + background: var(--main-bg-color) !important; + } } -.dropdown-menu>li>a:hover { - color: #000; + +[class*="PageSidebarItem-isActiveItem-"] { + border-left: 3px solid var(--accent-color); } -.input-group.input-group-lg.add-series-search > .input-group-addon, -.input-group.input-group-lg.add-movies-search > .input-group-addon { - color: #FFFFFF; - background-color: rgba(0, 0, 0, .25); - border: 0px solid rgba(0, 0, 0, .25); +/* MOVIES PAGE */ +/* RADARR SPECIFIC */ +[class*="MovieIndexPoster-controls-"] { + background-color: #000 !important; } -/* Add Movies */ -.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { - background-color: hsla(0,0%,100%,.08); - border-color: #FFF; +/* OVERVIEW PAGE */ + +[class*="MovieIndexOverviews-container-"], +[class*="MovieIndexOverviews-container-"]:hover { + background-color: transparent !important; } -.discoverable-list-item:hover { - background-color: #1f1f1f; - color: white; + +[class*="MovieIndexOverview-container-"]:hover [class*="MovieIndexOverview-content-"] { + background-color: transparent; } -.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, -.btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { - background-color: hsla(0,0%,100%,.08); + +[class*="AddListMovieOverview-container-"]:hover [class*="AddListMovieOverview-content-"] { + background-color: rgba(255, 255, 255, 0.08); } -/* Add Series */ -#add-series-screen .existing-series { - background-color: rgba(0, 0, 0, 0); - color: #fff; - box-shadow: 0 0 10px 1px #000000; +[class*="AddListMoviePoster-title-"] { + background-color: rgba(255, 255, 255, 0.08); } -/* Calendar page */ - /* In Cinemas */ - .calendar .premiere { - border-color: rgb(var(--calendar-in-cinemas)); - background-color: rgb(var(--calendar-in-cinemas)); - } - /* Missing */ - .calendar .danger { - border-color: rgb(var(--calendar-missing)); - background-color: rgb(var(--calendar-missing)); - color: #fff; - } - /* Announced */ - .calendar .primary { - border-color: rgb(var(--calendar-announced)); - background-color: rgb(var(--calendar-announced)); - } - /* Downloaded */ - .calendar .success { - border-color: rgb(var(--calendar-downloaded)); - background-color: rgb(var(--calendar-downloaded)); - } - /* Downloading */ - .calendar .purple { - border-color: rgb(var(-calendar-downloading)); - background-color: rgb(var(-calendar-downloading)); - } - /* Unmonitored */ - .calendar .unmonitored { - border-color: rgb(var(--calendar-unmonitored)); - background-color: rgb(var(--calendar-unmonitored)); - } +[class*="MovieIndexOverview-content-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} - .event .primary { - border-color: rgba(0, 0, 0, .25); - } +[class*="MovieIndexOverview-link-"]:hover { + text-decoration: none; +} - /* upcoming panel */ -.event h4, .date h4, .event .episode-title { - color: #FFFFFF !important; +[class*="ProgressBar-container-"] { + background-color: rgba(0, 0, 0, 0.25); } -.event .episode-title { - color: #f9be03 !important; + +[class*=".ProgressBar-purple-"] { + background-color: var(--accent-color); } -.event .episode-title:focus, .event .episode-title:hover { - color: #f9be03; - text-decoration: underline; - background-color: transparent; + +/* MOVIE PAGE */ +[class*="MovieDetailsSeason-season-"], +[class*="MovieDetailsSeason-collapseButtonContainer-"] { + border: none !important; + background-color: rgba(0, 0, 0, .25) !important; } -a:focus, a:hover { - color: #ffffff; + +[class*="MovieDetailsSeason-actionButton-"], +[class*="MovieDetailsSeason-collapseButtonIcon-"] { + color: var(--text) !important; } -.event p { - color: #FFF; + +.fa-search:hover { + color: var(--text-hover) !important; } -.fc-title { - color: #FFF; + +[class*="Icon-default-"]:hover { + color: #fff; } -/* calendar month */ -.calendar th { - background-color: hsla(0,0%,100%,.08); - color: #FFFFFF; +[class*="MonitorToggleButton-toggleButton-"] { + color: #dadada; } -.fc-day.fc-today.fc-state-highlight, -.fc-day-number.fc-today.fc-state-highlight, -.fc-day-top.fc-today.fc-state-highlight { - background-color: hsla(0,0%,100%,.08); - color: #f9be03; + + +[class*="ProtocolLabel-torrent-"] { + border-color: #00853d !important; + background-color: #00853d !important; } -/* Calendar List */ +[class*="ProtocolLabel-usenet-"] { + border-color: #17b1d9 !important; + background-color: #17b1d9 !important; +} -.fc-list-item:hover td { - background-color: rgba(0, 0, 0, 0.1) !important; +[class*="MovieDetailsSeason-seasonNumber-"] { + color: #fff; } -.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header { - background: rgba(0, 0, 0, 0.1) !important; + +[class*="MovieDetailsSeason-collapseButtonContainer-"] { + border: none !important; + background-color: rgba(0, 0, 0, .25) !important; } -.fc-unthemed .fc-list-view { - border-color: rgba(0, 0, 0, 0.1); + +[class*="MovieFileEditorTable-container-"] { + border: 1px solid transparent; + background-color: rgba(0, 0, 0, 0.25); } -/* Activity Page */ -.popover.in { - opacity: .9; +[class*="ExtraFileTable-container-"]{ + border: 1px solid transparent; + background-color: rgba(0, 0, 0, .25); } -.popover { - background-color: #000; + +.Table-table-2C3O8 { color: #fff; } -.popover > .popover-title { - background-color: #000; + +[class*="Popover-title-"], +[class*="SeasonInfo-title-"], +[class*="Popover-body-"], +[class*="Tooltip-body-"] { + background: var(--modal-bg-color) !important; +} + +[class*="Tooltip-tooltipContainer-"] { color: #fff; - border: none; } -.popover.left > .arrow, -.popover.left > .arrow:after { - border-left-color: #000; + +[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { + border-bottom-color: #eee; } -.popover.right > .arrow:after { - border-right-color: #000; + +[class*="Tooltip-right-"][class*="Tooltip-default-"] { + border-right-color: #eee; } -.backgrid-paginator ul .active span { - background-color: rgba(0, 0, 0, 0); +[class*="EpisodeTitleLink-link-"]:hover { + color: #ffffff; + text-decoration: none; } -.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { - background-color: hsla(0,0%,100%,.08); + +[class*="IconButton-button-"] { + color: var(--text); } -.nav>li>a:focus, .nav>li>a:hover { - background-color: hsla(0,0%,100%,.08); + +[class*="IconButton-button-"]:hover { + background-color: transparent; + color: var(--text-hover); } -.TableRowCell-cell-2fbg4 .ProgressBar-primary-3YDfb { + +[class*="Label-default-"] { + border-color: var(--accent-color); background-color: var(--accent-color); } -/* Season Pass */ -.alert-info { - background-color: rgba(255, 255, 255, 0.25); - border-color: transparent; - color: #ffffff; -} -/* alerts */ -.alert-warning { - background-color: rgba(0, 0, 0, 0.25); - border-color: transparent; - color: #f0ad4e; +[class*="Label-info-"]{ + border-color: var(--accent-color); + background-color: var(--accent-color); + color: #fff; } -.alert-danger, .manual-import-error { - background-color: rgba(0, 0, 0, 0.25); - border-color: transparent; - color: #d9534f; + +[class*="PageSidebarItem-status-"][class*="Label-info-"] { + border-color: var(--queue-color); + background-color: var(--queue-color); + color: #fff; } -/* Settings Page */ -legend { - color: #FFFFFF; +[class*="MovieDetails-selectedTab-"] { + border-bottom: 4px solid var(--accent-color); } -/* nav bar tabs */ -.nav-tabs { - border-bottom: 1px solid #ddd !important; + +/* Table options*/ +[class*="TableOptionsColumn-column-"] { + background: rgba(0, 0, 0, .25); + color: #FFF; + border: none; } -@media (min-width: 768px) { -.nav-tabs.nav-justified>li>a { - margin-bottom: -1px; +[class*="TableHeaderCell-headerCell-"] { + color: #fff; } + +[class*="Table-table-"] { + color: var(--text); } -/* Settings Page - Profile */ -/*thingy*/ -.thingy { - background-color: rgba(0, 0, 0, 0.25); - color: #FFFFFF; - box-shadow: none; - border: 1px solid rgba(0, 0, 0, 0.25); +[class*="TableRow-row-"]:hover { + background-color: hsla(0, 0%, 100%, .08); + color: var(--text-hover); } -.add-card .center { - background-color: rgba(0, 0, 0, 0); - border: 1px solid rgba(0, 0, 0, 0); +/* TOP MENU SERIES */ +[class*="PageToolbar-toolbar-"] { + background-color: rgba(0, 0, 0, .25); + color: var(--text); } -.metadata-item { - background-color: rgba(0, 0, 0, 0.25); - color: #FFFFFF; - box-shadow: none; +[class*="PageToolbarButton-label-"] { + color: var(--text); } -/* Settings add thingy*/ +[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; +} -.add-thingy { - background-color: rgba(0, 0, 0, 0.25); - color: #FFFFFF; - box-shadow: none; +[class*="PageToolbarButton-label-"] { + color: var(--text); } -.add-thingy > div > .btn-default, -.add-thingy > div > div > .btn.btn-xs.btn-default.dropdown-toggle { - color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.25); - border-color: #FFFFFF; - outline-style: none; +[class*="PageToolbarButton-toolbarButton-"]:hover { + color: var(--text-hover); } -.add-thingy > div > .btn-default:hover, -.add-thingy > div > div > .btn.btn-xs.btn-default.dropdown-toggle:hover { - color: #FFF; - background-color: rgba(0, 0, 0, 0.25); - border-color: #FFF; - outline-style: none; +[class*="MenuButton-menuButton-"]:hover { + color: var(--text-hover); } -li.save-and-add { - color: #ffffff; + +/* POSTERS */ +[class*="MovieIndexPoster-title-"], +[class*="MovieIndexPoster-nextAiring-"], +[class*="MovieIndexPosterInfo-info-"], +[class*="MovieIndexPosterInfo-info-"], +[class*="MovieCreditPoster-title-"] { + background-color: rgba(255, 255, 255, 0.08); + color: var(--text); } -/* Settings qualities*/ -ul.qualities li { - border: 1px solid rgba(0, 0, 0, .25); - background: rgba(0, 0, 0, .25); +/* LIBRARY TOP HEADER DROPDOWN */ +[class*="MenuItem-menuItem-"], +[class*="MenuContent-menuContent-"] { + background: var(--modal-bg-color); + color: var(--text); } -ul.qualities li:hover { - border: 1px solid rgba(0, 0, 0, .25); - background: rgba(255, 255, 255, .25); + +[class*="MenuContent-scroller-"] { + box-shadow: black 0 0 5px 0px; } -ul.qualities li.selected .quality-label { - color: #ffffff; + +[class*="MenuItem-menuItem-"]:hover, +[class*="MenuItem-menuItem-"]:focus { + background: hsla(0, 0%, 100%, .08) !important; + color: var(--text-hover); + text-decoration: none; } -/* Settings Quality sliders */ -#quality-definition-list .rows .row .ui-slider .ui-slider-range { - background-color: rgb(46, 47, 49); +[class*="MenuItemSeparator-separator-"] { + background-color: hsla(0, 0%, 100%, .08) !important; } -#quality-definition-list .rows .row .ui-slider .ui-slider-handle { - background-color: #f5f5f5; - border: 1px solid #c7c7c7; + +/* ALPHABET JUMP BAR */ +[class*="PageJumpBar-jumpBar-"] { + color: #FFF; } -#quality-definition-list .rows .row .ui-slider { - border: 1px solid #2e2f31; + +/* MINI RIGHT SCROLL BAR */ +[class*="OverlayScroller-thumb-"] { + background-color: hsla(0, 0%, 100%, .08) !important; } -.label-warning { - background-color: #d58512; +[class*="OverlayScroller-thumb-"] :hover { + background-color: rgba(255, 255, 255, 0.25) !important; } -.label-info { - background-color: #337ab7; + +/* ADD NEW */ +div[class*='EnhancedSelectInputOption'] { + background-color: #1e1e1e; + color: #fff; } -/* SYSTEM logs */ -pre { +div[class*='EnhancedSelectInputOption']:hover { + background-color: rgba(255, 255, 255, 0.08); color: #fff; - background-color: rgba(0, 0, 0, .25); } -/* BUTTONS */ - /* YES/NO Switch */ -.well { - background-color: rgba(0, 0, 0, .25); - border: 1px solid transparent; +[class*="EnhancedSelectInput-options-"] { + border: 1px solid #1e1e1e; + border-radius: 4px; + background-color: #1e1e1e; } -.toggle p span { - color: rgba(0, 0, 0, 0); + +/* SEARCH BAR */ +[class*="Input-input-"], +[class*="AddNewMovie-searchIconContainer-"], +[class*="CheckInput-isIndeterminate-"] { + border: none; + background-color: rgba(255, 255, 255, 0.08); + color: #FFF } -.toggle input:checked ~ p span:nth-child(1) { - color: #FFFFFF; +[class*="MovieSearchInput-container-"] [class*="Input-input-"] { + background: transparent; + border-bottom: solid 1px #fff; } -.toggle input:not(:checked) ~ p span:nth-child(2) { - color: #FFFFFF; +[class*="MovieSearchInput-container-"] [class*="Input-input-"]:focus { + border-bottom: none; + background: transparent; } - /* Close X button */ -.close, -.close:hover, -.close:focus { - color: #FFF !important; - opacity: 1; - outline: none; -} -.btn-default { - color: hsla(0,0%,100%,.7); - background-color: rgba(0, 0, 0, .25); - border-color: transparent; - outline-style: none; -} -.btn-default:hover { - color: #FFFFFF; - background-color: hsla(0,0%,100%,.08); - border-color: transparent; - outline-style: none; -} -.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { - color: #fff; -} -.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { - margin-left: 0px; -} -.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { - color: #fff; - background-color: hsla(0,0%,100%,.08); - border-color: #FFF; -} -.fc-state-default { - color: #FFF; - background-color: rgba(0, 0, 0, .25); - border-color: #FFF; - outline-style: none; - background-image: none; - text-shadow: none; -} -.fc-state-default:hover { - background-color: hsla(0,0%,100%,.08); -} -.input-group-btn > button.btn.btn-icon-only.dropdown-toggle, -.btn.btn-icon-only.x-copy-api-key.hidden-xs { - color: #FFFFFF; - background-color: #5cb85c; -} -.input-group-btn > button.btn.btn-icon-only.dropdown-toggle:hover { - color: #FFFFFF; - background-color: #449d44; + +[class*="MovieSearchResult-alternateTitle-"] { + color: #ffffff; + font-size: 12px; } -.btn { - color: #FFF; - outline: 0 !important; -} -.btn.btn-lg.btn-block.x-search-auto { - color: #FFF; - background-color: rgba(0, 0, 0, .25); -} -.btn.btn-lg.btn-block.x-search-auto:hover { - color: #FFF; - background-color: rgba(255, 255, 255, 0.05); -} -.btn.focus, .btn:focus, .btn:hover { - color: #fff; - border-color: transparent; -} -.modal-footer > button:not([class*="btn-primary"]):not([class*="btn-danger"]):not([class*="btn-success"]) { - color: #FFF; - background-color: rgba(0, 0, 0, .25); - border-color: transparent; - outline-style: none; -} -.modal-footer > button:hover:not([class*="btn-primary"]):not([class*="btn-danger"]):not([class*="btn-success"]) { - color: #FFF; - background-color: rgba(255, 255, 255, .25); - border-color: transparent; - outline-style: none; -} -/* green button */ - .btn-success { - color: #FFF; +[class*="AddNewMovieSearchResult-year-"] { + color: #fff !important; } -/* save button */ -.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, -.btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { - color: #fff; - background-color: #286090 !important; - border-color: transparent; +[class*="Input-input-"]:focus { + outline: 0; + border-color: #fff; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.25); } -/* blue button */ -.btn-primary.focus, .btn-primary:focus, .btn-primary:hover { - color: #fff; - background-color: #286090 !important; -} -.btn-success.focus, .btn-success:focus, .btn-success:hover { - color: #fff; - background-color: #449d44 !important; -} -.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { - background-color: hsla(0,0%,100%,.08); -} -.btn-danger:hover { - color: #fff; - background-color: #c9302c; - border-color: transparent; -} -.btn-primary, .btn-danger { - border-color: transparent; -} -.dropdown-menu { - background-color: #1f1f1f; -} -.dropdown-menu>li>a { - color: #ffffff; -} -.dropdown-menu>li>a:hover { - color: #000 !important; +[class*="TagInput-input-"][class*="TagInput-isFocused-"] { + outline: 0; + border-color: #fff; + box-shadow: none; } +/* TEXT COLOR */ - -/* -------------------------Radarr V3------------------------------*/ -/* Radarr v3 theme */ - -/* Froms */ -.FormInputHelpText-helpText-3_AVV { - color: #ffffff; -} -.FormInputGroup-inputUnit-19QXo { - color: #eee !important; - } - -/* LINKS */ -.Link-to-6fmSq { - color: #FFF; +[class*="PageContentBody-innerContentBody-"] { + color: var(--text); } -.Link-to-6fmSq:hover { - color: #FFF; - text-decoration: none; +/* SEARCH RESULTS */ +[class*="AddNewMovieSearchResult-searchResult-"], +[class*="AddNewMovieSearchResult-underlay-"] { + background-color: transparent !important; } -/* Buttons */ - -.Button-default-2uiHU { - color: #FFF; - background-color: var(--button-color); - border-color: transparent; +[class*="AddNewMovieSearchResult-searchResult-"]:hover, +[class*="AddNewMovieSearchResult-underlay-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; } -.Button-default-2uiHU:hover { - border-color: transparent; - background-color: var(--button-color-hover) !important; - color: #fff; - } -.Button-primary-1F1YL { - border-color: transparent; - background-color: var(--button-color); - color: #fff; - } - -.Button-primary-1F1YL:hover { - border-color: transparent; - background-color: var(--button-color-hover) !important; +[class*="AddNewmovieModalContent-year-"] { color: #fff; } -.Button-success-36KsU { - border-color: var(--button-color); - background-color: var(--button-color); - color: #fff; -} -.Button-success-36KsU:hover { - border-color: var(--button-color-hover); - background-color: var(--button-color-hover); + +[class*="RootFolderSelectInputSelectedValue-movieFolder-"], +[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { color: #fff; } -/* LOADING PAGE */ -.ErrorPage-page-3GptQ, .ErrorPage-version-3txe6, .LoadingMessage-loadingMessage-1gR5r { - color: #FFF; -} -.LoadingIndicator-ripple-358v5 { - border: 2px solid #fff; +/* MOVE THIS */ +::placeholder { + color: var(--text); } -/* MODAL */ -.ModalHeader-modalHeader-gpcvG { - background: var(--modal-bg-color); - color: #fff; - border-bottom: 1px solid var(--accent-color); +:-ms-input-placeholder { + color: var(--text) } -.ModalContent-modalContent--txrl { - background: var(--modal-bg-color); - color: #fff; -} -.ModalFooter-modalFooter-1N5Ku { - background: var(--modal-bg-color); - color: #fff; - border-top: 1px solid var(--accent-color); -} -.ModalContent-closeButton-37Puk:hover { - color: #fff; -} - -/* INPUT */ - .TagInput-internalInput-Jbb1T { - background-color: transparent; - color: #fff; - } - .SelectInput-select-1qCdc { - background-color: #1e1e1e !important; - } - .AutoSuggestInput-suggestionsList-_bVXO, .AutoSuggestInput-suggestionsContainerOpen-3TAB7, .AutoSuggestInput-suggestionsContainer-3MmlD { - background-color: #323232 !important; - color: white; - border: none !important; - } - .AutoSuggestInput-suggestionHighlighted-2BWyt { - background-color: hsla(0,0%,100%,.08); - } - - .CheckInput-primaryIsChecked-3mVN0 { - border-color: transparent; - background-color: var(--accent-color); - } -/* HEADER */ - .PageHeader-header-1IhlM { - background-color: rgba(0, 0, 0, .7); - } - - /* SEARCH DROPDOWN HEADER */ - - .MovieSearchInput-containerOpen-3c93F .MovieSearchInput-movieContainer-3FWAq { - border: none !important; - background: var(--modal-bg-color); - color: #fff !important; - box-shadow: 0 0 10px 1px transparent !important; - } - .MovieSearchInput-highlighted-1ACUC { - background-color: hsla(0,0%,100%,.08); - } - .PageHeader-donate-ZT-3N { - color: #c4273c !important; - } - .MovieSearchInput-movieContainer-2yDTR::-webkit-scrollbar-thumb { - background-color: rgba(255, 255, 255, 0.25); - } - .MovieSearchInput-sectionTitle-1j29e { - color: #fff; - } - - - -/* SIDE MENU */ - .PageSidebar-sidebar-2UXc0 { - background-color: rgba(0, 0, 0, .45); - } - .PageSidebar-sidebarContainer-3Hxpq { - background-color: rgba(0, 0, 0, .45) !important; - } - .PageSidebar-sidebar-3IOcI { - background-color: transparent; - } - .PageSidebarItem-link-TuHn2:hover, .PageSidebarItem-link-TuHn2:focus { - color: #FFF !important; - background-color: hsla(0,0%,100%,.08); - text-decoration: none; - } - .PageSidebarItem-isActiveLink-1Hupc { - color: #FFF; - background-color: hsla(0,0%,100%,.08); - } - .PageSidebarItem-isActiveParentLink-2uxKf { - background-color: transparent; - } - - @media only screen and (max-width: 768px) { - .PageSidebar-sidebarContainer-3Hxpq { - background: var(--main-bg-color) !important; - } - } - .PageSidebarItem-isActiveItem-bUesh { - border-left: 3px solid var(--accent-color); - } +::-webkit-input-placeholder { + color: var(--text); +} -/* MOVIES PAGE */ +/* IMPORT */ - /* OVERVIEW PAGE */ - - .MovieIndexPoster-controls-COwa9 { - background-color: #000 !important; -} - .MovieIndexOverview-container-4LMzH, .MovieIndexOverview-container-4LMzH:hover { - background-color: transparent !important; - } - .AddListMovieOverview-container-1O7bo:hover .AddListMovieOverview-content-1orZ3 { - background-color: rgba(255, 255, 255, 0.08); - } - .AddListMoviePoster-title-13ogN { - background-color: rgba(255, 255, 255, 0.08); -} - .MovieIndexOverview-content-3GKJk:hover { - background-color: hsla(0,0%,100%,.08) !important; - } - .MovieIndexOverview-container-4LMzH:hover .MovieIndexOverview-content-3GKJk { - background-color: transparent; - } - .MovieIndexOverview-link-1i54B:hover { - text-decoration: none; - } - .TableRowCell-cell-2fbg4 .ProgressBar-container-14z4A { - background-color: rgba(0, 0, 0, 0.25); +[class*="FieldSet-legend-"] { + color: #FFF; + border-bottom: 1px solid var(--accent-color); } -.ProgressBar-purple-3DlHm { - background-color: var(--accent-color); +[class*="VirtualTableRow-row-"]:hover { + background-color: rgba(255, 255, 255, 0.08); } - /* MOVIE PAGE */ - .MovieDetailsSeason-season-3XIYa, .MovieDetailsSeason-collapseButtonContainer-3XxzX { +/* Drop down menu/button*/ +[class*="ImportMovieSelectMovie-button-"] { border: none !important; - background-color: rgba(0, 0, 0, .25) !important; - } - .MovieDetailsSeason-actionButton-3BQuA { - color: hsla(0,0%,100%,.7) !important; - } - .MovieDetailsSeason-collapseButtonIcon-17xZI { - color: #bac5cc; - } - .MovieFileEditorTable-container-3VYDG { - border: 1px solid transparent; - background-color: rgba(0, 0, 0, 0.25); - } - .ExtraFileTable-container-1NM2r { - border: 1px solid transparent; - background-color: rgba(0, 0, 0, .25); - } - - .fa-search:hover { - color: #FFF !important; - } - .Icon-default-3C-KJ:hover { - color: #fff !important; - } - .MonitorToggleButton-toggleButton-3CcN9 { - color: #dadada; - } - .MovieDetailsSeason-seasonNumber-FL7Dt { - color: #fff; - } - .Table-table-2C3O8 { - color: #fff; - } - .MovieDetailsSeason-collapseButtonContainer-trs6s { - border: none !important; - background-color: rgba(0, 0, 0, .25) !important; - } - .Popover-title-326tA, .SeasonInfo-title-1tid_, .Popover-body-10Yh7,.Tooltip-body-kGG0h { - background: var(--modal-bg-color) !important; - } - .Tooltip-tooltipContainer-2693s { - color: #fff; - } - .Tooltip-bottom-3Ewbi.Tooltip-default-2NTKh { - border-bottom-color: #eee; - } - .Tooltip-right-2MxTa.Tooltip-default-2NTKh { - border-right-color: #eee; - } - .EpisodeTitleLink-link-3ynTw:hover { - color: #ffffff; - text-decoration: none; - } - .IconButton-button-2qiGi:hover { - background-color: transparent; - color: #fff; - } - .IconButton-button-2qiGi { - color: #bac5cc; - } - .Label-default-2AF1C { - border-color: transparent; - background-color: var(--accent-color); - } - .ProtocolLabel-usenet-3qKV1 { - border-color: #17b1d9 !important; - background-color: #17b1d9 !important; - } - .ProtocolLabel-torrent-3aqvR { - border-color: #00853d !important; - background-color: #00853d !important; - } - - .Label-info-3YD3Y { - border-color: transparent; - background-color: var(--accent-color); - color: #fff; - } - .PageSidebarItem-status-34pTa > .Label-info-3YD3Y { - border-color: transparent; - background-color: var(--queue-color); - color: #fff; - } - .MovieDetails-selectedTab-3hMLN { - border-bottom: 4px solid var(--accent-color); - } - /* Table options*/ - .TableOptionsColumn-column-2H7ic { - background: rgba(0, 0, 0, .25); - color: #FFF; - border: none; - } + background-color: rgba(0, 0, 0, 0.25) !important; +} - /* TOP MENU SERIES */ - .PageToolbar-toolbar-1Lo1N { - background-color: rgba(0, 0, 0, .25); - color: hsla(0,0%,100%,.7); - } - /* POSTERS */ - .MovieIndexPoster-title-Umirt, .MovieIndexPoster-nextAiring-1FZy6, .MovieIndexPosterInfo-info-2JsCg, .MovieIndexPosterInfo-info-2Oh-5, .MovieCreditPoster-title-EGksL { - background-color: rgba(255, 255, 255, 0.08); - color: #fff; - } - /* HOVEL LABELS */ - .Label-default-2zdw6 { - border-color: #1b1b1b; - background-color: #1b1b1b; - } - /* SERIES TOP HEADER DROPDOWN */ - .MenuItem-menuItem-zB-Up, .MenuContent-menuContent-3Zkj4 { +[class*="ImportMovieSelectMovie-content-"], +[class*="ImportMovieSelectMovie-searchIconContainer-"] { + border: none; background: var(--modal-bg-color); - color: #e1e2e3; - } - .MenuItem-menuItem-zB-Up:hover, .MenuItem-menuItem-zB-Up:focus { - background: hsla(0,0%,100%,.08) !important; - color: #fbfcfc; - text-decoration: none; - } - .MenuItemSeparator-separator-1ayq0 { - background-color: hsla(0,0%,100%,.08) !important; - } - /* SERIES TOP HEADER HOVER */ - .PageToolbarButton-toolbarButton-QiQEt:hover { - color: #FFF; - } - .MenuButton-menuButton-3nh0N:hover { - color: #FFF; - } - /* ALPHABET JUMP BAR */ - .PageJumpBar-jumpBar-3owcF { - color: #FFF; - } - /* MINI RIGHT SCROLL BAR */ - .OverlayScroller-thumb-1Lhfi { - background-color: hsla(0,0%,100%,.08) !important; + color: white; } -/* ADD NEW */ - div[class*='EnhancedSelectInputOption'] { - background-color: #1e1e1e; - color: #fff; - } - div[class*='EnhancedSelectInputOption']:hover { +[class*="ImportMovieSearchResult-movie-"]:hover { background-color: rgba(255, 255, 255, 0.08); - color: #fff; - } - .EnhancedSelectInput-options-3yy65 { - border: 1px solid #dde6e9; - border-radius: 4px; - background-color: #1e1e1e; - } - - /* SEARCH BAR */ - .Input-input-2YWzR, .AddNewMovie-searchIconContainer-zNKEC, .AddNewmovie-clearLookupButton-1dKG7 { - border: none; - background-color: rgba(255, 255, 255, 0.08); - color: #FFF - } - .MovieSearchResult-alternateTitle-21CfS { - color: #ffffff; - font-size: 12px; - } - .AddNewmovieSearchResult-year-2jW2b { - color: #fff; - } - .Input-input-2YWzR:focus { - outline: 0; - border-color: #fff; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.25); - } - .RootFolderSelectInputSelectedValue-movieFolder-2UNu1 { - color: #fff; - } - .TagInput-input-3E1DX.TagInput-isFocused-13j-F { - outline: 0; - border-color: #fff; - box-shadow: none; - } - - /* TEXT COLOR */ - .PageContentBody-innerContentBody-tEszh { - color: #fff; - } - /* SEARCH RESULTS */ - .AddNewMovieSearchResult-searchResult-1FdVg, .AddNewMovieSearchResult-underlay-1h0bG { - background-color: rgba(0, 0, 0, 0) !important; - } - .AddNewMovieSearchResult-searchResult-1FdVg:hover, .AddNewMovieSearchResult-underlay-1h0bG:hover { - background-color: hsla(0,0%,100%,.08) !important; - } - .AddNewmovieModalContent-year-2NWV9 { - color: #fff; - } - .RootFolderSelectInputSelectedValue-movieFolder-a7chC, .RootFolderSelectInputSelectedValue-freeSpace-1Irwm { - color: #fff; - } - ::placeholder {color: #eee;} - :-ms-input-placeholder {color: #eee;} - ::-webkit-input-placeholder {color: #eee ;} -/* IMPORT */ +} - .FieldSet-legend-3x6NF { - color: #FFF; - border-bottom: 1px solid var(--accent-color); - } - .TableRow-row-33xJE:hover { - background-color: hsla(0,0%,100%,.08); - color: #FFF; - } - .VirtualTableRow-row-2-JS9:hover { - background-color: hsla(0,0%,100%,.08); - } - .ImportMovieSelectMovie-button-3CL3L, .ImportMovieSelectMovie-button-1dL1Z { - border: none !important; - background-color: rgba(0, 0, 0, 0.25) !important; - } - .ImportMovieSelectMovie-content-3oSDj, .ImportMovieSelectMovie-searchIconContainer-1wOES, .ImportMovieSelectMovie-content-fSTb8, .ImportMovieSelectMovie-searchIconContainer-2yf6b { - border: none !important; - background: var(--modal-bg-color) !important; - color: white !important; - } - .ImportMovieSearchResult-movie-2kMrG:hover { - background-color: rgba(0, 0, 0, 0.25); - } +[class*="ImportMovieTitle-year-"] { + color: var(--text-muted); +} /* DISCOVER */ -.DiscoverMovieOverview-link-3ukU2 { - display: block; - color: #eee; +[class*="DiscoverMovieOverview-link-"] { + color: var(--text); } -.DiscoverMovieOverview-link-3ukU2:hover { - color: #fff; + +[class*="DiscoverMovieOverview-link-"]:hover { + color: var(--text-hover); text-decoration: none; } + /*Title*/ .AddListMovieOverview-link-3_RaH { color: #eee; } + .AddListMovieOverview-link-3_RaH:hover { color: #fff; } .AddListMovieOverview-content-2dBtg:hover { - background-color: hsla(0,0%,100%,.08) !important; + background-color: hsla(0, 0%, 100%, .08) !important; } + .PageJumpBarItem-jumpBarItem-3F58I:hover { color: #fff; - background: hsla(0,0%,100%,.08); + background: hsla(0, 0%, 100%, .08); } + /*Posters*/ .AddListMoviePoster-title-2qKvg { background-color: rgba(255, 255, 255, 0.08); color: #fff; } + /* MASS EDITOR */ - /* FOOTER */ - .PageContentFooter-contentFooter-3ODMj { +/* FOOTER */ +.PageContentFooter-contentFooter-3ODMj { border: none; background-color: rgba(0, 0, 0, .25); color: #FFF; - } +} /* SEASON PASS */ - .SeasonPassSeason-season-2FWuT { - border: none; - background-color: rgba(0, 0, 0, .25) !important; - } - .SeasonPassSeason-allEpisodes-1zGja { - background-color: #5cb85c; - } +.SeasonPassSeason-season-2FWuT { + border: none; + background-color: rgba(0, 0, 0, .25) !important; +} + +.SeasonPassSeason-allEpisodes-1zGja { + background-color: #5cb85c; +} /* CALENDAR */ - .CalendarEvent-downloaded-2vSrJ { +.CalendarEvent-downloaded-2vSrJ { background: rgb(var(--calendar-available) / .7) !important; border-left-color: transparent !important; - } - .CalendarEvent-downloaded-2vSrJ:hover { +} + +.CalendarEvent-downloaded-2vSrJ:hover { background: rgb(var(--calendar-available) / .5) !important; border-left-color: transparent !important; - } - .CalendarEvent-missing-1y6vZ { +} + +.CalendarEvent-missing-1y6vZ { background: rgb(var(--calendar-missing) / .7) !important; border-left-color: transparent !important; - } - .CalendarEvent-missing-1y6vZ:hover { +} + +.CalendarEvent-missing-1y6vZ:hover { background: rgb(var(--calendar-missing) / .5) !important; border-left-color: transparent !important; - } - .CalendarEvent-unreleased-mSAoI { +} + +.CalendarEvent-unreleased-mSAoI { background: rgb(var(--calendar-Unaired) / .7) !important; border-left-color: transparent !important; - } - .CalendarEvent-unreleased-mSAoI:hover { +} + +.CalendarEvent-unreleased-mSAoI:hover { background: rgb(var(--calendar-Unaired) / .5) !important; border-left-color: transparent !important; - } - .CalendarEvent-unmonitored-Zvc-m { +} + +.CalendarEvent-unmonitored-Zvc-m { background: rgb(var(--calendar-Unmonitored) / .7) !important; border-left-color: transparent !important; - } - .CalendarEvent-unmonitored-Zvc-m:hover { +} + +.CalendarEvent-unmonitored-Zvc-m:hover { background: rgb(var(--calendar-Unmonitored) / .5) !important; border-left-color: transparent !important; - } - .CalendarEvent-downloading-1kwSO { +} + +.CalendarEvent-downloading-1kwSO { background: rgb(var(--calendar-Downloading) / .7) !important; border-left-color: transparent !important; - } - .CalendarEvent-downloading-1kwSO:hover { +} + +.CalendarEvent-downloading-1kwSO:hover { background: rgb(var(--calendar-Downloading) / .5) !important; border-left-color: transparent !important; - } - .DayOfWeek-dayOfWeek-1iw4D { - background-color: hsla(0,0%,100%,.08); - } - .CalendarDay-dayOfMonth-2CzdW { - border-bottom: 1px solid hsla(0,0%,100%,.08); - background-color: rgba(0, 0, 0, .25); - } - .CalendarDay-isToday-1rFJO { - background-color: hsla(0,0%,100%,.08) !important; - } +} - .CalendarDay-day-2TMXA, .CalendarDays-days-girjM { - -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); - } - .CalendarEvent-movieTitle-2-WAP, .CalendarEvent-episodeInfo-IWdbW, .CalendarEvent-airTime-3Wzho { - color: #ffffff !important; - } - .CalendarEvent-movieInfo-2LF5- { - color: #eee; - } - .CalendarEvent-event-3Uyb9 { - border-bottom: none !important; - } +.DayOfWeek-dayOfWeek-1iw4D { + background-color: hsla(0, 0%, 100%, .08); +} - .CalendarEventGroup-eventGroup-gWPtK { - border-bottom: 1px solid hsla(0,0%,100%,.08) !important; - } - - .CalendarEventGroup-movieTitle-ThqKe { - color: #ffffff !important; - } - .CalendarEventGroup-airTime-1Z6G9 { - color: #eee; - } - .CalendarEventGroup-episodeInfo-vfg0M { - color: #eee; - } - /* calendar agenda */ - .AgendaEvent-event-2a83A:hover { - background-color: hsla(0,0%,100%,.08) !important; - } +.CalendarDay-dayOfMonth-2CzdW { + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + background-color: rgba(0, 0, 0, .25); +} + +.CalendarDay-isToday-1rFJO { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +.CalendarDay-day-2TMXA, +.CalendarDays-days-girjM { + -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); +} + +.CalendarEvent-movieTitle-2-WAP, +.CalendarEvent-episodeInfo-IWdbW, +.CalendarEvent-airTime-3Wzho { + color: #ffffff !important; +} + +.CalendarEvent-movieInfo-2LF5- { + color: #eee; +} + +.CalendarEvent-event-3Uyb9 { + border-bottom: none !important; +} + +.CalendarEventGroup-eventGroup-gWPtK { + border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; +} + +.CalendarEventGroup-movieTitle-ThqKe { + color: #ffffff !important; +} + +.CalendarEventGroup-airTime-1Z6G9 { + color: #eee; +} + +.CalendarEventGroup-episodeInfo-vfg0M { + color: #eee; +} + +/* calendar agenda */ +.AgendaEvent-event-2a83A:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} /* SETTINGS */ +[class*="PageContentBody-innerContentBody-"] [class*="Link-to-"] { + color: #fff; +} + +[class*="Settings-summary-"] { + color: var(--text); +} + +/* MEDIA MANGEMENT */ +.NamingOption-small-2nxIl { + border: 1px solid transparent; +} + +.NamingOption-token-1y5bz { + background-color: rgba(255, 255, 255, 0.15); +} + +.NamingOption-example-RNR6x { + background-color: rgba(255, 255, 255, 0.25); +} - .Settings-summary-3KPAv { - color: #fff; - } - - /* MEDIA MANGEMENT */ - .NamingOption-small-2nxIl { - border: 1px solid transparent; - } - - .NamingOption-token-1y5bz { - background-color: rgba(255, 255, 255, 0.15); - } - - .NamingOption-example-RNR6x { - background-color: rgba(255, 255, 255, 0.25); - } - - /* PROFILES */ - .Card-card-1iGZk, .QualityProfiles-addQualityProfile-2U2Io { - background-color: rgba(0,0,0,.45); +/* PROFILES */ +.Card-card-1iGZk, +.QualityProfiles-addQualityProfile-2U2Io { + background-color: rgba(0, 0, 0, .45); box-shadow: 0 0 10px 1px #000000; color: #c2c6c8; - } - .Card-card-1iGZk:hover { - color: white; - } - .QualityProfiles-center-1iiKm, .LanguageProfiles-center-7EV_2, .ReleaseProfiles-center-114Qx { - background-color: transparent; +} + +.Card-card-1iGZk:hover { + color: white; +} + +.QualityProfiles-center-1iiKm, +.LanguageProfiles-center-7EV_2, +.ReleaseProfiles-center-114Qx { + background-color: transparent; border: none; color: #c2c6c8; - } - .QualityProfileItem-qualityProfileItem-VFp-W, .QualityProfileItemGroup-qualityProfileItemGroup-2U1l5, .LanguageProfileItem-languageProfileItem-18XGg { +} + +.QualityProfileItem-qualityProfileItem-VFp-W, +.QualityProfileItemGroup-qualityProfileItemGroup-2U1l5, +.LanguageProfileItem-languageProfileItem-18XGg { border: none; background-color: rgba(0, 0, 0, .25); color: #FFF; - } - .QualityProfileItemGroup-qualityProfileItemGroup-2U1l5.QualityProfileItemGroup-editGroups-2KzDp { +} + +.QualityProfileItemGroup-qualityProfileItemGroup-2U1l5.QualityProfileItemGroup-editGroups-2KzDp { background: rgba(0, 0, 0, 0.25); - } - .KeyValueListInputItem-keyInput-3YYEs, .KeyValueListInputItem-valueInput-3zlQA { - border: none; - background: transparent; - color: white; - } - .QualityProfileFormatItem-qualityProfileFormatItem-19XrK { - border: 1px solid transparent; - background: rgba(0, 0, 0, .25); - } - /* PROFILES */ - .Indexers-center-11Csq { - background-color: transparent; +} + +.KeyValueListInputItem-keyInput-3YYEs, +.KeyValueListInputItem-valueInput-3zlQA { + border: none; + background: transparent; + color: white; +} + +.QualityProfileFormatItem-qualityProfileFormatItem-19XrK { + border: 1px solid transparent; + background: rgba(0, 0, 0, .25); +} + +/* PROFILES */ +.Indexers-center-11Csq { + background-color: transparent; border: none; color: #c2c6c8; - } +} - /* DOWNLOAD CLIENTS */ - .DownloadClients-center-FvACx { - background-color: transparent; +/* DOWNLOAD CLIENTS */ +.DownloadClients-center-FvACx { + background-color: transparent; border: none; color: #c2c6c8; - } +} - /* CONNECTIONS */ - .Notifications-center-8iwmy { - background-color: transparent; +/* CONNECTIONS */ +.Notifications-center-8iwmy { + background-color: transparent; border: none; color: #c2c6c8; - } +} - /* LISTS */ - .ImportLists-center-17Qdu{ - background-color: transparent; - border: none; - color: #c2c6c8; - } +/* LISTS */ +.ImportLists-center-17Qdu { + background-color: transparent; + border: none; + color: #c2c6c8; +} - /* LOG */ - .Alert-info-1J8mE { +/* LOG */ +.Alert-info-1J8mE { border-color: transparent; background-color: rgba(0, 0, 0, 0.25); color: #FFC107; - } - - /* INDEXER */ - .Restrictions-center-3ngzk { - border: 1px solid transparent; - background-color: transparent; - } +} + +/* INDEXER */ +.Restrictions-center-3ngzk { + border: 1px solid transparent; + background-color: transparent; +} + +/* LISTS */ +.NetImports-center-3otL- { + border: 1px solid transparent; + background-color: transparent; +} + +/* CUSTOM FORMAT */ +.CustomFormats-center-1w6Bw, +.EditCustomFormatModalContent-center-3QU87 { + border: 1px solid transparent; + background-color: transparent; +} - /* LISTS */ - .NetImports-center-3otL- { - border: 1px solid transparent; - background-color: transparent; - } - /* CUSTOM FORMAT */ - .CustomFormats-center-1w6Bw, .EditCustomFormatModalContent-center-3QU87 { - border: 1px solid transparent; - background-color: transparent; - } /* Login Page */ .panel-body { background-color: rgba(0, 0, 0, 0.25); color: white; } + .panel-header { background-color: rgba(0, 0, 0, 0.45); } + .forgot-password { color: #eee !important; } @@ -1348,10 +907,11 @@ pre { .FilterBuilderRow-filterRow-1ozij:hover { background-color: transparent; } + .CustomFilter-customFilter-zBSMd:hover { - background-color: hsla(0,0%,100%,.08); + background-color: hsla(0, 0%, 100%, .08); } .SelectMovieModalContent-path-32FI- { - color: #eee; -} + color: #eee; +} \ No newline at end of file diff --git a/CSS/themes/radarr/radarrv2.css b/CSS/themes/radarr/radarrv2.css new file mode 100644 index 00000000..6e24b3b8 --- /dev/null +++ b/CSS/themes/radarr/radarrv2.css @@ -0,0 +1,640 @@ +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: #fff !important; + } + + +/* VERSION */ + +#footer-region::after { + content: "\A theme.park 2.0"; + font-size: 20px; +} +.footer { + color: #fff; +} +#scroll-up { + color: white; +} +@media (max-width: 991px) { + .toolbar .page-toolbar .x-toolbar-left-1 { + display: block; + } + .toolbar .page-toolbar .btn-group { + display: block; + } + .btn-group.btn-group-collapse > .btn { + margin: 2px; + display: block; + float: none; + border-radius: 4px!important; + word-wrap: normal; + white-space: normal; + } +} +@media screen and (max-width: 767px) { + .table-responsive { + border: none; + } +} + +.modal-content { + box-shadow: 0 0 10px 1px #000; + border-radius: 3px; + 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; +} + +/* navbar and searchbar */ +.navbar-nzbdrone li a { + color: hsla(0,0%,100%,.7); +} +.navbar-nzbdrone li a:hover { + background-color: hsla(0,0%,100%,.08); + color: #ffffff; +} +.search .input-group .input-group-addon, .search .input-group input { + background-color: rgba(0, 0, 0, .25) !important; + color: #FFF; + border-color: transparent; + height: 40px; +} +.search .input-group .input-group-addon, .search .input-group input:focus { + color: #FFF; +} +.input-group-addon { + background-color: rgba(255, 255, 255, 0.25); + border: 1px solid transparent; +} +.tt-suggestion.tt-cursor { + background-color: #191a1c !important; + color: #ffffff !important; +} +.search .tt-dropdown-menu { + background-color: #1f1f1f; +} +.fa-search { + color: white; +} +.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { + height: 50px; +} +.navbar-inverse, .navbar-toggle { + background-color: rgba(0, 0, 0, .25); + border-color: rgba(0, 0, 0, .25); + color: #FFF; +} +.navbar-nzbdrone .navbar-toggle:focus, .navbar-nzbdrone .navbar-toggle:hover { + color: #FFF; + background-color: hsla(0,0%,100%,.08); +} +@media (max-width: 767px) { +.navbar-nzbdrone .navbar-collapse .navbar-nav li:focus, .navbar-nzbdrone .navbar-collapse .navbar-nav li:hover { + background-color: hsla(0,0%,100%,.08); + } +} +/* Form Stuff */ + +.form-control { + color: #FFF; + background-color: rgba(0, 0, 0, .25) !important; + border: 1px solid transparent; +} + +.form-control:focus { + background-color: #1f1f1f !important; + border-color: rgba(0, 0, 0, 0.51); + outline: 0; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); +} + +.bootstrap-tagsinput { + background-color: rgba(0, 0, 0, .25); + border: 1px solid rgba(0, 0, 0, .25); + color: #FFF; +} +.form-group i { + color: #ffffff; +} + +/* /Movies/Series/Season page */ +.started #page { + background-color: rgba(0, 0, 0, .25); + color: White; + box-shadow: none; + max-width: 1280px; +} +.series-item a { + color: #FFF; +} +.series-posters .series-posters-item, .movie-posters-item { + background-color: rgba(0, 0, 0, .25) !important; + color: #444; + box-shadow: 0 0 10px 1px #000000 !important; +} +.movie-posters-item { + min-height: 302px !important; +} +.header-text .year { + color: #FFF; +} +.backdrop .navbar-nzbdrone { + opacity: 0.98; + box-shadow: 0 0 10px 1px #000; + border-radius: 3px; + 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; +} + +.series-page-header, .movie-page-header { + opacity: 0.98; + box-shadow: 0 0 10px 1px #000; + color: #ffffff; + 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; +} +.series-season, .movie-tabs-card { + opacity: 0.98; + box-shadow: 0 0 10px 1px #000; + color: #ffffff; + 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; +} +.episode-title-cell { + color: #ffffff; +} +a, .episode-title-cell { + color: #FFFFFF !important; + text-decoration: none; +} +th.sortable:hover, .table-hover > tbody > tr:hover { + background-color: rgba(0, 0, 0, .25); + color: #ffffff; +} +.progress.episode-progress .progressbar-back-text { + color: #000 !important; +} +.text-warning { + color: #ffffff; +} + +/* SEARCH */ +#add-series-screen .new-series .search-item, +#add-movies-screen .new-movies .search-item { + background-color: rgba(0, 0, 0, .25) !important; + color: #FFFFFF !important; + box-shadow: none; +} +div.form-group > label { + font-weight: 500; +} +#add-series-screen .add-series-search > input.form-control.x-series-search, +#add-movies-screen .add-movies-search > input.form-control.x-movies-search { + background-color: rgba(0, 0, 0, .25) !important; + color: #FFFFFF !important; + border: none; + box-shadow: none; +} +#add-series-screen .search-item select.form-control, +#add-movies-screen .search-item select.form-control { + background-color: #1f1f1f ; + color: #FFFFFF; +} +.dropdown-menu>li>a { + color: #ffffff; +} +.dropdown-menu>li>a:hover { + color: #000; +} + +.input-group.input-group-lg.add-series-search > .input-group-addon, +.input-group.input-group-lg.add-movies-search > .input-group-addon { + color: #FFFFFF; + background-color: rgba(0, 0, 0, .25); + border: 0px solid rgba(0, 0, 0, .25); +} +/* Add Movies */ +.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { + background-color: hsla(0,0%,100%,.08); + border-color: #FFF; +} +.discoverable-list-item:hover { + background-color: #1f1f1f; + color: white; +} +.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, +.btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { + background-color: hsla(0,0%,100%,.08); +} + +/* Add Series */ +#add-series-screen .existing-series { + background-color: rgba(0, 0, 0, 0); + color: #fff; + box-shadow: 0 0 10px 1px #000000; +} + +/* Calendar page */ + /* In Cinemas */ + .calendar .premiere { + border-color: rgb(var(--calendar-in-cinemas)); + background-color: rgb(var(--calendar-in-cinemas)); + } + /* Missing */ + .calendar .danger { + border-color: rgb(var(--calendar-missing)); + background-color: rgb(var(--calendar-missing)); + color: #fff; + } + /* Announced */ + .calendar .primary { + border-color: rgb(var(--calendar-announced)); + background-color: rgb(var(--calendar-announced)); + } + /* Downloaded */ + .calendar .success { + border-color: rgb(var(--calendar-downloaded)); + background-color: rgb(var(--calendar-downloaded)); + } + /* Downloading */ + .calendar .purple { + border-color: rgb(var(-calendar-downloading)); + background-color: rgb(var(-calendar-downloading)); + } + /* Unmonitored */ + .calendar .unmonitored { + border-color: rgb(var(--calendar-unmonitored)); + background-color: rgb(var(--calendar-unmonitored)); + } + + .event .primary { + border-color: rgba(0, 0, 0, .25); + } + + /* upcoming panel */ +.event h4, .date h4, .event .episode-title { + color: #FFFFFF !important; +} +.event .episode-title { + color: #f9be03 !important; +} +.event .episode-title:focus, .event .episode-title:hover { + color: #f9be03; + text-decoration: underline; + background-color: transparent; +} +a:focus, a:hover { + color: #ffffff; +} +.event p { + color: #FFF; +} +.fc-title { + color: #FFF; +} +/* calendar month */ + +.calendar th { + background-color: hsla(0,0%,100%,.08); + color: #FFFFFF; +} +.fc-day.fc-today.fc-state-highlight, +.fc-day-number.fc-today.fc-state-highlight, +.fc-day-top.fc-today.fc-state-highlight { + background-color: hsla(0,0%,100%,.08); + color: #f9be03; +} + +/* Calendar List */ + +.fc-list-item:hover td { + background-color: rgba(0, 0, 0, 0.1) !important; +} +.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header { + background: rgba(0, 0, 0, 0.1) !important; +} +.fc-unthemed .fc-list-view { + border-color: rgba(0, 0, 0, 0.1); +} + +/* Activity Page */ +.popover.in { + opacity: .9; +} +.popover { + background-color: #000; + color: #fff; +} +.popover > .popover-title { + background-color: #000; + color: #fff; + border: none; +} +.popover.left > .arrow, +.popover.left > .arrow:after { + border-left-color: #000; +} +.popover.right > .arrow:after { + border-right-color: #000; +} + +.backgrid-paginator ul .active span { + background-color: rgba(0, 0, 0, 0); +} +.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { + background-color: hsla(0,0%,100%,.08); +} +.nav>li>a:focus, .nav>li>a:hover { + background-color: hsla(0,0%,100%,.08); +} +.TableRowCell-cell-2fbg4 .ProgressBar-primary-3YDfb { + background-color: var(--accent-color); +} + +/* Season Pass */ +.alert-info { + background-color: rgba(255, 255, 255, 0.25); + border-color: transparent; + color: #ffffff; +} +/* alerts */ +.alert-warning { + background-color: rgba(0, 0, 0, 0.25); + border-color: transparent; + color: #f0ad4e; +} +.alert-danger, .manual-import-error { + background-color: rgba(0, 0, 0, 0.25); + border-color: transparent; + color: #d9534f; +} + +/* Settings Page */ +legend { + color: #FFFFFF; +} +/* nav bar tabs */ +.nav-tabs { + border-bottom: 1px solid #ddd !important; +} + +@media (min-width: 768px) { +.nav-tabs.nav-justified>li>a { + margin-bottom: -1px; +} +} +/* Settings Page - Profile */ +/*thingy*/ + +.thingy { + background-color: rgba(0, 0, 0, 0.25); + color: #FFFFFF; + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.add-card .center { + background-color: rgba(0, 0, 0, 0); + border: 1px solid rgba(0, 0, 0, 0); +} + +.metadata-item { + background-color: rgba(0, 0, 0, 0.25); + color: #FFFFFF; + box-shadow: none; +} + +/* Settings add thingy*/ + +.add-thingy { + background-color: rgba(0, 0, 0, 0.25); + color: #FFFFFF; + box-shadow: none; +} + +.add-thingy > div > .btn-default, +.add-thingy > div > div > .btn.btn-xs.btn-default.dropdown-toggle { + color: #FFFFFF; + background-color: rgba(0, 0, 0, 0.25); + border-color: #FFFFFF; + outline-style: none; +} + +.add-thingy > div > .btn-default:hover, +.add-thingy > div > div > .btn.btn-xs.btn-default.dropdown-toggle:hover { + color: #FFF; + background-color: rgba(0, 0, 0, 0.25); + border-color: #FFF; + outline-style: none; +} +li.save-and-add { + color: #ffffff; +} + +/* Settings qualities*/ +ul.qualities li { + border: 1px solid rgba(0, 0, 0, .25); + background: rgba(0, 0, 0, .25); +} +ul.qualities li:hover { + border: 1px solid rgba(0, 0, 0, .25); + background: rgba(255, 255, 255, .25); +} +ul.qualities li.selected .quality-label { + color: #ffffff; +} + +/* Settings Quality sliders */ +#quality-definition-list .rows .row .ui-slider .ui-slider-range { + background-color: rgb(46, 47, 49); +} +#quality-definition-list .rows .row .ui-slider .ui-slider-handle { + background-color: #f5f5f5; + border: 1px solid #c7c7c7; +} +#quality-definition-list .rows .row .ui-slider { + border: 1px solid #2e2f31; +} +.label-warning { + background-color: #d58512; +} +.label-info { + background-color: #337ab7; +} + +/* SYSTEM logs */ +pre { + color: #fff; + background-color: rgba(0, 0, 0, .25); +} + +/* BUTTONS */ + /* YES/NO Switch */ +.well { + background-color: rgba(0, 0, 0, .25); + border: 1px solid transparent; +} +.toggle p span { + color: rgba(0, 0, 0, 0); +} + +.toggle input:checked ~ p span:nth-child(1) { + color: #FFFFFF; +} + +.toggle input:not(:checked) ~ p span:nth-child(2) { + color: #FFFFFF; +} + /* Close X button */ +.close, +.close:hover, +.close:focus { + color: #FFF !important; + opacity: 1; + outline: none; +} +.btn-default { + color: hsla(0,0%,100%,.7); + background-color: rgba(0, 0, 0, .25); + border-color: transparent; + outline-style: none; +} +.btn-default:hover { + color: #FFFFFF; + background-color: hsla(0,0%,100%,.08); + border-color: transparent; + outline-style: none; +} +.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { + color: #fff; +} +.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { + margin-left: 0px; +} +.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { + color: #fff; + background-color: hsla(0,0%,100%,.08); + border-color: #FFF; +} +.fc-state-default { + color: #FFF; + background-color: rgba(0, 0, 0, .25); + border-color: #FFF; + outline-style: none; + background-image: none; + text-shadow: none; +} +.fc-state-default:hover { + background-color: hsla(0,0%,100%,.08); +} +.input-group-btn > button.btn.btn-icon-only.dropdown-toggle, +.btn.btn-icon-only.x-copy-api-key.hidden-xs { + color: #FFFFFF; + background-color: #5cb85c; +} +.input-group-btn > button.btn.btn-icon-only.dropdown-toggle:hover { + color: #FFFFFF; + background-color: #449d44; +} + +.btn { + color: #FFF; + outline: 0 !important; +} +.btn.btn-lg.btn-block.x-search-auto { + color: #FFF; + background-color: rgba(0, 0, 0, .25); +} +.btn.btn-lg.btn-block.x-search-auto:hover { + color: #FFF; + background-color: rgba(255, 255, 255, 0.05); +} +.btn.focus, .btn:focus, .btn:hover { + color: #fff; + border-color: transparent; +} +.modal-footer > button:not([class*="btn-primary"]):not([class*="btn-danger"]):not([class*="btn-success"]) { + color: #FFF; + background-color: rgba(0, 0, 0, .25); + border-color: transparent; + outline-style: none; +} +.modal-footer > button:hover:not([class*="btn-primary"]):not([class*="btn-danger"]):not([class*="btn-success"]) { + color: #FFF; + background-color: rgba(255, 255, 255, .25); + border-color: transparent; + outline-style: none; +} +/* green button */ + .btn-success { + color: #FFF; +} + +/* save button */ +.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, +.btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { + color: #fff; + background-color: #286090 !important; + border-color: transparent; +} + +/* blue button */ +.btn-primary.focus, .btn-primary:focus, .btn-primary:hover { + color: #fff; + background-color: #286090 !important; +} +.btn-success.focus, .btn-success:focus, .btn-success:hover { + color: #fff; + background-color: #449d44 !important; +} +.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { + background-color: hsla(0,0%,100%,.08); +} +.btn-danger:hover { + color: #fff; + background-color: #c9302c; + border-color: transparent; +} +.btn-primary, .btn-danger { + border-color: transparent; +} +.dropdown-menu { + background-color: #1f1f1f; +} +.dropdown-menu>li>a { + color: #ffffff; +} +.dropdown-menu>li>a:hover { + color: #000 !important; +} \ No newline at end of file diff --git a/CSS/themes/sonarr/aquamarine.css b/CSS/themes/sonarr/aquamarine.css index de7446bf..becfc0ca 100644 --- a/CSS/themes/sonarr/aquamarine.css +++ b/CSS/themes/sonarr/aquamarine.css @@ -11,7 +11,7 @@ /* https://github.com/gilbN/theme.park */ /* SONARR AQUAMARINE THEME */ -@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); +@import url(https://gflix.app/theme.park/CSS/themes/sonarr/sonarr-base.css); :root { --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; @@ -26,10 +26,13 @@ --button-color: #009688; --button-color-hover: #12afa0; + --button-text: #eee; + --button-text-hover: #FFF; + --accent-color: #009688; --accent-color-hover: #12afa0; --queue-color: #009688; - --link-color: #009688; + --link-color: #0ed2bf; --link-color-hover: #fff; --text:#eee; diff --git a/CSS/themes/sonarr/organizr-dark.css b/CSS/themes/sonarr/organizr-dark.css index f0b68b4f..0b1509e1 100644 --- a/CSS/themes/sonarr/organizr-dark.css +++ b/CSS/themes/sonarr/organizr-dark.css @@ -11,7 +11,7 @@ /* https://github.com/gilbN/theme.park */ /* SONARR ORGANIZR-DARK THEME */ -@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); +@import url(https://gflix.app/theme.park/CSS/themes/sonarr/sonarr-base.css); :root { --main-bg-color: #1f1f1f; --modal-bg-color: #1b1b1b; @@ -26,6 +26,9 @@ --button-color: #2cabe3; --button-color-hover: rgb(44 171 227 / .8); + --button-text: #eee; + --button-text-hover: #fff; + --accent-color: #2cabe3; --accent-color-hover: white; --queue-color: #2cabe3; @@ -34,4 +37,5 @@ --text:#96a2b4; --text-hover: #fff; + --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css index 8b097463..4c7fb537 100644 --- a/CSS/themes/sonarr/sonarr-base.css +++ b/CSS/themes/sonarr/sonarr-base.css @@ -20,790 +20,25 @@ body { -moz-background-size: auto, cover; -o-background-size: auto, cover; color: var(--text); - -} - -/* VERSION */ - -#footer-region::after { - content: "\A theme.park 2.0"; - font-size: 20px; -} - -.footer { - color: #fff; -} - -#scroll-up { - color: white; -} - -@media (max-width: 991px) { - .toolbar .page-toolbar .x-toolbar-left-1 { - display: block; - } - - .toolbar .page-toolbar .btn-group { - display: block; - } - - .btn-group.btn-group-collapse>.btn { - margin: 2px; - display: block; - float: none; - border-radius: 4px !important; - word-wrap: normal; - white-space: normal; - } -} - -@media screen and (max-width: 767px) { - .table-responsive { - border: none; - } -} - -.modal-content { - box-shadow: 0 0 10px 1px #000; - border-radius: 3px; - 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; -} - -/* scroller */ -::-webkit-scrollbar-corner { - background-color: hsla(0, 0%, 100%, .08); -} - -::-webkit-scrollbar { - width: 10px; - height: 10px; - background: rgba(0, 0, 0, .25); -} - -::-webkit-scrollbar-thumb { - -webkit-border-radius: 2px; - border-radius: 2px; - background-color: rgba(255, 255, 255, 0.25) !important; -} - -/* navbar and searchbar */ -.navbar-nzbdrone li a { - color: hsla(0, 0%, 100%, .7); -} - -.navbar-nzbdrone li a:hover { - background-color: hsla(0, 0%, 100%, .08); - color: var(--text-hover); -} - -.search .input-group .input-group-addon, -.search .input-group input { - background-color: rgba(0, 0, 0, .25) !important; - color: #FFF; - border-color: transparent; - height: 40px; -} - -.search .input-group .input-group-addon, -.search .input-group input:focus { - color: #FFF; -} - -.tt-suggestion.tt-cursor { - background-color: #191a1c !important; - color: #ffffff !important; -} - -.search .tt-dropdown-menu { - background-color: #1f1f1f; -} - -.input-group-lg>.form-control, -.input-group-lg>.input-group-addon, -.input-group-lg>.input-group-btn>.btn { - height: 50px; -} - -.navbar-inverse, -.navbar-toggle { - background-color: rgba(0, 0, 0, .25); - border-color: rgba(0, 0, 0, .25); - color: #FFF; -} - -.navbar-nzbdrone .navbar-toggle:focus, -.navbar-nzbdrone .navbar-toggle:hover { - color: var(--text-hover); - background-color: hsla(0, 0%, 100%, .08); -} - -@media (max-width: 767px) { - - .navbar-nzbdrone .navbar-collapse .navbar-nav li:focus, - .navbar-nzbdrone .navbar-collapse .navbar-nav li:hover { - background-color: hsla(0, 0%, 100%, .08); - } -} - -/* Form Stuff */ - -.form-control { - color: #FFF; - background-color: rgba(0, 0, 0, .25) !important; - border: 1px solid transparent; -} - -.form-control:focus { - background-color: #1f1f1f !important; - border-color: rgba(0, 0, 0, 0.51); - outline: 0; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); -} - -.bootstrap-tagsinput { - background-color: rgba(0, 0, 0, .25); - border: 1px solid transparent; - color: #FFF; -} - -.form-group i { - color: #ffffff; -} - -/* /Movies/Series/Season page */ -.started #page { - background-color: rgba(0, 0, 0, .25); - color: White; - box-shadow: none; - max-width: 1280px; -} - -.series-item a { - color: #FFF; -} - -.series-posters .series-posters-item, -.movie-posters-item { - background-color: rgba(0, 0, 0, .25) !important; - color: #444; - box-shadow: 0 0 10px 1px #000000 !important; -} - -.movie-posters-item { - min-height: 302px !important; -} - -.header-text .year { - color: #FFF; -} - -.backdrop .navbar-nzbdrone { - opacity: 0.98; - box-shadow: 0 0 10px 1px #000; - border-radius: 3px; - 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; -} - -.series-page-header, -.movie-page-header { - opacity: 0.98; - box-shadow: 0 0 10px 1px #000; - color: #ffffff; - 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; -} - -.series-season, -.movie-tabs-card { - opacity: 0.98; - box-shadow: 0 0 10px 1px #000; - color: #ffffff; - 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; -} - -.episode-title-cell { - color: #ffffff; -} - -th.sortable:hover, -.table-hover>tbody>tr:hover { - background-color: rgba(0, 0, 0, .25); - color: var(--text-hover); -} - -.progress.episode-progress .progressbar-back-text { - color: #000 !important; -} - -.text-warning { - color: #ffffff; -} - -/* SEARCH */ -#add-series-screen .new-series .search-item, -#add-movies-screen .new-movies .search-item { - background-color: rgba(0, 0, 0, .25) !important; - color: #FFFFFF !important; - box-shadow: none; -} - -div.form-group>label { - font-weight: 500; -} - -#add-series-screen .add-series-search>input.form-control.x-series-search, -#add-movies-screen .add-movies-search>input.form-control.x-movies-search { - background-color: rgba(0, 0, 0, .25) !important; - color: #FFFFFF !important; - border: none; - box-shadow: none; -} - -#add-series-screen .search-item select.form-control, -#add-movies-screen .search-item select.form-control { - background-color: #1f1f1f; - color: #FFFFFF; -} - -.dropdown-menu>li>a { - color: #ffffff; -} - -.dropdown-menu>li>a:hover { - color: #000; -} - -.input-group.input-group-lg.add-series-search>.input-group-addon, -.input-group.input-group-lg.add-movies-search>.input-group-addon { - color: #FFFFFF; - background-color: rgba(0, 0, 0, .25); - border: 0px solid rgba(0, 0, 0, .25); -} - -/* Add Movies */ -.nav .open>a, -.nav .open>a:focus, -.nav .open>a:hover { - background-color: hsla(0, 0%, 100%, .08); - border-color: var(--text-hover); -} - -.discoverable-list-item:hover { - background-color: #1f1f1f; - color: var(--text-hover); -} - -.btn-group-vertical>.btn.active, -.btn-group-vertical>.btn:active, -.btn-group-vertical>.btn:focus, -.btn-group-vertical>.btn:hover, -.btn-group>.btn.active, -.btn-group>.btn:active, -.btn-group>.btn:focus, -.btn-group>.btn:hover { - background-color: hsla(0, 0%, 100%, .08); -} - -/* Add Series */ -#add-series-screen .existing-series { - background-color: rgba(0, 0, 0, 0); - color: #fff; - box-shadow: 0 0 10px 1px #000000; -} - -/* Calendar page */ -/* Unaired Premiere */ -.calendar .premiere { - border-color: rgb(var(--calendar-tv-Unaired-Premiere)); - background-color: rgb(var(--calendar-tv-Unaired-Premiere)); -} - -/* Downloading */ -.calendar .purple { - border-color: rgb(var(--calendar-tv-Downloading)); - background-color: rgb(var(--calendar-tv-Downloading)); -} - -/* Downloading */ -.calendar .unmonitored { - border-color: rgb(var(--calendar-tv-Unmonitored)); - background-color: rgb(var(--calendar-tv-Unmonitored)); -} - -/* Unaired */ -.calendar .primary { - border-color: rgb(var(--calendar-tv-Unaired)); - background-color: rgb(var(--calendar-tv-Unaired)); -} - -/* Missing */ -.calendar .danger { - border-color: rgb(var(--calendar-tv-missing)); - background-color: rgb(var(--calendar-tv-missing)); -} - -/* On Air */ -.calendar .warning { - border-color: rgb(var(--calendar-tv-On-Air)); - background-color: rgb(var(--calendar-tv-On-Air)); -} - -/* Downloaded*/ -.calendar .success { - border-color: rgb(var(--calendar-tv-available)); - background-color: rgb(var(--calendar-tv-available)); -} - -.event .primary { - border-color: rgba(0, 0, 0, .25); -} - -/* upcoming panel */ -.event h4, -.date h4, -.event .episode-title { - color: #FFFFFF !important; -} - -.event .episode-title { - color: #f9be03 !important; -} - -.event .episode-title:focus, -.event .episode-title:hover { - color: #f9be03; - text-decoration: underline; - background-color: transparent; -} - -a:focus, -a:hover { - color: var(--text-hover); -} - -.event p { - color: #FFF; -} - -.fc-title { - color: #FFF; -} - -/* calendar month */ - -.calendar th { - background-color: hsla(0, 0%, 100%, .08); - color: #FFFFFF; -} - -.fc-day.fc-today.fc-state-highlight, -.fc-day-number.fc-today.fc-state-highlight, -.fc-day-top.fc-today.fc-state-highlight { - background-color: hsla(0, 0%, 100%, .08); - color: #f9be03; -} - -/* Activity Page */ -.popover.in { - opacity: .9; -} - -.popover { - background-color: #000; - color: #fff; -} - -.popover>.popover-title { - background-color: #000; - color: #fff; - border: none; -} - -.popover.left>.arrow, -.popover.left>.arrow:after { - border-left-color: #000; -} - -.popover.right>.arrow:after { - border-right-color: #000; -} - -.backgrid-paginator ul .active span { - background-color: rgba(0, 0, 0, 0); -} - -.nav-tabs>li.active>a, -.nav-tabs>li.active>a:focus, -.nav-tabs>li.active>a:hover { - background-color: hsla(0, 0%, 100%, .08); -} - -.nav>li>a:focus, -.nav>li>a:hover { - background-color: hsla(0, 0%, 100%, .08); -} - -/* Season Pass */ -.alert-info { - background-color: rgba(255, 255, 255, 0.25); - border-color: transparent; - color: #ffffff; -} - -/* alerts */ -.alert-warning { - background-color: rgba(0, 0, 0, 0.25); - border-color: transparent; - color: #f0ad4e; -} - -.alert-danger, -.manual-import-error { - background-color: rgba(0, 0, 0, 0.25); - border-color: transparent; - color: #d9534f; -} - -/* Settings Page */ -legend { - color: #FFFFFF; -} - -/* Settings Page - Profile */ -/*thingy*/ - -.thingy { - background-color: rgba(0, 0, 0, 0.25); - color: #FFFFFF; - box-shadow: none; - border: 1px solid rgba(0, 0, 0, 0.25); -} - -.add-card .center { - background-color: rgba(0, 0, 0, 0); - border: 1px solid rgba(0, 0, 0, 0); -} - -.metadata-item { - background-color: rgba(0, 0, 0, 0.25); - color: #FFFFFF; - box-shadow: none; } -/* Settings add thingy*/ - -.add-thingy { - background-color: rgba(0, 0, 0, 0.25); - color: #FFFFFF; - box-shadow: none; -} - -.add-thingy>div>.btn-default, -.add-thingy>div>div>.btn.btn-xs.btn-default.dropdown-toggle { - color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.25); - border-color: #FFFFFF; - outline-style: none; -} - -.add-thingy>div>.btn-default:hover, -.add-thingy>div>div>.btn.btn-xs.btn-default.dropdown-toggle:hover { - color: var(--text-hover); - background-color: rgba(0, 0, 0, 0.25); - border-color: #FFF; - outline-style: none; -} - -li.save-and-add { - color: #ffffff; -} - -/* Settings qualities*/ -ul.qualities li { - border: 1px solid rgba(0, 0, 0, .25); - background: rgba(0, 0, 0, .25); -} - -ul.qualities li:hover { - border: 1px solid rgba(0, 0, 0, .25); - background: rgba(255, 255, 255, .25); -} - -ul.qualities li.selected .quality-label { - color: #ffffff; -} - -/* Settings Quality sliders */ -#quality-definition-list .rows .row .ui-slider .ui-slider-range { - background-color: rgb(46, 47, 49); -} - -#quality-definition-list .rows .row .ui-slider .ui-slider-handle { - background-color: #f5f5f5; - border: 1px solid #c7c7c7; -} - -#quality-definition-list .rows .row .ui-slider { - border: 1px solid #2e2f31; -} - -.label-warning { - background-color: #d58512; -} - -.label-info { - background-color: #337ab7; -} - -/* SYSTEM */ -/* logs */ -pre { - color: #fff; - background-color: rgba(0, 0, 0, .25); -} - -/* Updates */ -.Updates\/info\/19gvs { - color: #fff; -} - -/* BUTTONS */ -/* YES/NO Switch */ -.well { - background-color: rgba(0, 0, 0, .25); - border: 1px solid transparent; -} - -.toggle p span { - color: rgba(0, 0, 0, 0); -} - -.toggle input:checked~p span:nth-child(1) { - color: #FFFFFF; -} - -.toggle input:not(:checked)~p span:nth-child(2) { - color: #FFFFFF; -} - -/* Close X button */ -.close, -.close:hover, -.close:focus { - color: #FFF !important; - opacity: 1; -} - -.btn-default { - color: hsla(0, 0%, 100%, .7); - background-color: rgba(0, 0, 0, .25); - border-color: transparent; - outline-style: none; -} - -.btn-default:hover, -.btn-default.active, -.btn-default.active:hover { - color: var(--text-hover); - background-color: hsla(0, 0%, 100%, .08); - border-color: transparent; - outline-style: none; -} - -.btn-default.active.focus, -.btn-default.active:focus, -.btn-default.active:hover, -.btn-default:active.focus, -.btn-default:active:focus, -.btn-default:active:hover, -.open>.dropdown-toggle.btn-default.focus, -.open>.dropdown-toggle.btn-default:focus, -.open>.dropdown-toggle.btn-default:hover { - color: var(--text-hover); - background-color: hsla(0, 0%, 100%, .08); - border-color: #FFF; -} - -.fc-state-default { - color: #FFF; - background-color: rgba(0, 0, 0, .25); - border-color: #FFF; - outline-style: none; - background-image: none; - text-shadow: none; -} - -.fc-state-default:hover { - background-color: hsla(0, 0%, 100%, .08); -} - -.btn-group .btn+.btn, -.btn-group .btn+.btn-group, -.btn-group .btn-group+.btn, -.btn-group .btn-group+.btn-group { - margin-left: 0px; -} - -.input-group-btn>button.btn.btn-icon-only.dropdown-toggle, -.btn.btn-icon-only.x-copy-api-key.hidden-xs { - color: #FFFFFF; - background-color: #5cb85c; -} - -.input-group-btn>button.btn.btn-icon-only.dropdown-toggle:hover { - color: var(--text-hover); - background-color: #449d44; -} - -.btn { - color: #FFF; - outline: 0 !important; -} - -.btn.btn-lg.btn-block.x-search-auto { - color: #FFF; - background-color: rgba(0, 0, 0, .25); -} - -.btn.btn-lg.btn-block.x-search-auto:hover { - color: var(--text-hover); - background-color: rgba(255, 255, 255, 0.05); -} - -.btn.focus, -.btn:focus, -.btn:hover { - color: var(--text-hover); -} - -.modal-footer>button:not([class*="btn-primary"]):not([class*="btn-danger"]):not([class*="btn-success"]) { - color: #FFF; - background-color: rgba(0, 0, 0, .25); - border-color: transparent; - outline-style: none; -} - -.modal-footer>button:hover:not([class*="btn-primary"]):not([class*="btn-danger"]):not([class*="btn-success"]) { - color: var(--text-hover); - background-color: rgba(255, 255, 255, .25); - border-color: transparent; - outline-style: none; -} - -/* green button */ -.btn-success { - color: #FFF; -} - -/* save button */ -.btn-primary.active.focus, -.btn-primary.active:focus, -.btn-primary.active:hover, -.btn-primary:active.focus, -.btn-primary:active:focus, -.btn-primary:active:hover, -.open>.dropdown-toggle.btn-primary.focus, -.open>.dropdown-toggle.btn-primary:focus, -.open>.dropdown-toggle.btn-primary:hover { - color: var(--text-hover); - background-color: #286090 !important; - border-color: transparent; -} - -/* blue button */ -.btn-primary.focus, -.btn-primary:focus, -.btn-primary:hover { - color: var(--text-hover); - background-color: #286090 !important; - border-color: transparent; -} - -.btn-success.focus, -.btn-success:focus, -.btn-success:hover { - color: var(--text-hover); - background-color: #449d44 !important; - border-color: transparent; -} - -.btn-default.active, -.btn-default:active, -.open>.dropdown-toggle.btn-default { - background-color: hsla(0, 0%, 100%, .08); - border-color: #FFF; -} - -.btn-danger:hover { - color: var(--text-hover); - background-color: #c9302c; - border-color: transparent; -} - -.btn-primary, -.btn-danger { - border-color: transparent; -} - -.dropdown-menu { - background-color: #1f1f1f; -} - -.dropdown-menu>li>a { - color: #ffffff; -} - -.dropdown-menu>li>a:hover { - color: #000 !important; -} - -/* -------------------------SONARR V3------------------------------*/ -/* Sonarr v3 theme */ - -/* VERSION 2 */ /* Froms */ -.FormInputHelpText\/helpText\/3_AVV { +[class*="FormInputHelpText\/helpText\/"] { color: var(--text); } -.FormInputGroup\/inputUnit\/19QXo { +[class*="FormInputGroup\/inputUnit\/"] { color: #eee !important; } /* LINKS */ -.Link\/to\/6fmSq { +[class*="Link\/to\/"] { color: var(--text); } -.Link\/to\/6fmSq:hover { +[class*="Link\/to\/"]:hover { color: var(--text-hover); + text-decoration: none; } a { @@ -814,411 +49,433 @@ a:hover { color: var(--link-color-hover); } -.TableRowCell\/cell\/2fbg4 .Link\/to\/6fmSq { - color: var(--link-color); +[class*="TableRowCell\/cell\/"] [class*="Link\/to\/"], +[class*="EpisodeTitleLink\/link\/"] { + color: var(--link-color) !important; } -.TableRowCell\/cell\/2fbg4 .Link\/to\/6fmSq:hover { - color: var(--link-color-hover); +[class*="TableRowCell\/cell\/"] [class*="Link\/to\/"]:hover, +[class*="EpisodeTitleLink\/link\/"]:hover { + color: var(--link-color-hover) !important; } /* Buttons */ -.Button\/default\/2uiHU { - color: #FFF; +[class*="Button\/default\/"] { + color: var(--button-text); background-color: var(--button-color); border-color: transparent; } -.Button\/default\/2uiHU:hover { +[class*="Button\/default\/"]:hover { border-color: transparent; background-color: var(--button-color-hover) !important; - color: var(--text-hover); + color: var(--button-text-hover); } -.Button\/primary\/1F1YL { +[class*="Button\/primary\/"] { border-color: transparent; background-color: var(--button-color); - color: #fff; + color: var(--button-text); } -.Button\/primary\/1F1YL:hover { +[class*="Button\/primary\/"]:hover { border-color: transparent; background-color: var(--button-color-hover) !important; - color: var(--text-hover); + color: var(--button-text-hover); } -.Button\/success\/36KsU { +[class*="Button\/success\/"] { border-color: var(--button-color); background-color: var(--button-color); - color: #fff; + color: var(--button-text); } -.Button\/success\/36KsU:hover { +[class*="Button\/success\/"]:hover { border-color: var(--button-color-hover); background-color: var(--button-color-hover); - color: var(--text-hover); + color: var(--button-text-hover); } /* LOADING PAGE */ -.ErrorPage\/page\/3GptQ, -.ErrorPage\/version\/3txe6, -.LoadingMessage\/loadingMessage\/1gR5r { +[class*="ErrorPage\/page\/"], +[class*="ErrorPage\/version\/"], +[class*="LoadingMessage\/loadingMessage\/"] { color: var(--text); } -.LoadingIndicator\/ripple\/358v5 { +[class*="LoadingIndicator\/ripple\/"] { border: 2px solid #fff; } /* MODAL */ -.ModalHeader\/modalHeader\/gpcvG { +[class*="ModalHeader\/modalHeader\/"] { background: var(--modal-bg-color); color: #fff; border-bottom: var(--accent-color); } -.ModalContent\/modalContent\/-txrl { +[class*="ModalContent\/modalContent\/"] { background: var(--modal-bg-color); color: var(--text); } -.ModalFooter\/modalFooter\/1N5Ku { +[class*="ModalFooter\/modalFooter\/"] { background: var(--modal-bg-color); color: #fff; border-top: 1px solid var(--accent-color); } -.ModalContent\/closeButton\/37Puk:hover { +[class*="ModalContent\/closeButton\/"]:hover { color: var(--text-hover); } -.EpisodeSummary\/filesHeader\/2_Kgn, -.EpisodeDetailsModalContent\/tab\/3EkW8, -.DescriptionListItemTitle\/title\/1Y38p { +/* SONARR SPECIFIC */ + /* NOTE calendar modal popup */ +[class*="EpisodeSummary\/infoTitle\/"], +[class*="EpisodeDetailsModalContent\/tab\/"], +[class*="DescriptionListItemTitle\/title\/"] { color: #fff; } /* INPUT */ -.TagInput\/internalInput\/Jbb1T { +[class*="TagInput\/internalInput\/"] { background-color: transparent; color: #fff; } -.SelectInput\/select\/1qCdc { - background-color: #1e1e1e !important; +[class*="SelectInput\/select\/"] { + background-color: rgba(0, 0, 0, 0.25) !important; +} + +[class*="SelectInput\/select\/"]:active, +[class*="SelectInput\/select\/"]:focus { + background: #1e1e1e !important; } -.AutoSuggestInput\/suggestionsList\/_bVXO, -.AutoSuggestInput\/suggestionsContainerOpen\/3TAB7, -.AutoSuggestInput\/suggestionsContainer\/3MmlD { +[class*="AutoSuggestInput\/suggestionsList\/"], +[class*="AutoSuggestInput\/suggestionsContainerOpen\/"], +[class*="AutoSuggestInput\/suggestionsContainer\/"] { background-color: #323232 !important; color: white; border: none !important; } -.AutoSuggestInput\/suggestionHighlighted\/2BWyt { +[class*="AutoSuggestInput\/suggestionHighlighted\/"] { background-color: hsla(0, 0%, 100%, .08); } -.CheckInput\/primaryIsChecked\/3mVN0 { - border-color: transparent; - background-color: var(--accent-color); +[class*="CheckInput\/primaryIsChecked\/"] { + border-color: var(--accent-color) !important; + background-color: var(--accent-color) !important; } /* HEADER */ -.PageHeader\/header\/1IhlM { +[class*="PageHeader\/header\/"] { background-color: rgba(0, 0, 0, .7); } /* SEARCH DROPDOWN HEADER */ -.SeriesSearchInput\/containerOpen\/3F8xe .SeriesSearchInput\/seriesContainer\/2yDTR { + +[class*="PageHeader\/donate\/"] { + color: #c4273c !important; +} + +/* SONARR SPECIFIC */ +[class*="SeriesSearchInput\/sectionTitle\/"] { + color: #fff; +} +[class*="SeriesSearchInput\/containerOpen\/"] [class*="SeriesSearchInput\/seriesContainer\/"] { border: none !important; background: var(--modal-bg-color); color: #fff !important; box-shadow: 0 0 10px 1px transparent !important; } -.SeriesSearchInput\/highlighted\/15xAK { +[class*="SeriesSearchInput\/highlighted\/"] { background-color: hsla(0, 0%, 100%, .08); } -.PageHeader\/donate\/ZT-3N { - color: #c4273c !important; +[class*="SeriesSearchInput\/seriesContainer\/"]::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.25) !important; } - -.SeriesSearchInput\/seriesContainer\/2yDTR::-webkit-scrollbar-thumb { - background-color: rgba(255, 255, 255, 0.25); +[class*="Scroller\/scroller\/"]::-webkit-scrollbar-thumb { + background-color: hsla(0, 0%, 100%, .08); } - -.SeriesSearchInput\/sectionTitle\/jIgg0 { - color: #fff; +[class*="Scroller\/scroller\/"]::-webkit-scrollbar-thumb:hover { + background-color: rgba(255, 255, 255, 0.25); } - - /* SIDE MENU */ -.PageSidebar\/sidebarContainer\/3Hxpq { +[class*="PageSidebar\/sidebarContainer\/"] { background-color: rgba(0, 0, 0, .25); } -.PageSidebarItem\/iconContainer\/1j_mq { - color: white; -} - -.PageSidebar\/sidebar\/3IOcI { +[class*="PageSidebar\/sidebar\/"] { background-color: transparent; } -.PageSidebarItem\/link\/TuHn2:hover, -.PageSidebarItem\/link\/TuHn2:focus { +[class*="PageSidebarItem\/link\/"]:hover, +[class*="PageSidebarItem\/link\/"]:focus { color: var(--text-hover) !important; background-color: hsla(0, 0%, 100%, .08); text-decoration: none; } -.PageSidebarItem\/isActiveLink\/1Hupc { +[class*="PageSidebarItem\/isActiveLink\/"] { color: #FFF; background-color: hsla(0, 0%, 100%, .08); } -.PageSidebarItem\/isActiveParentLink\/2uxKf { +[class*="PageSidebarItem\/isActiveParentLink\/"] { background-color: transparent; } @media only screen and (max-width: 768px) { - .PageSidebar\/sidebarContainer\/3Hxpq { + [class*="PageSidebar\/sidebarContainer\/"] { background: var(--main-bg-color) !important; } } -.PageSidebarItem\/isActiveItem\/bUesh { +[class*="PageSidebarItem\/isActiveItem\/"] { border-left: 3px solid var(--accent-color); } /* SERIES PAGE */ - -/* OVERVIEW PAGE */ - -.SeriesIndexPoster\/controls\/prEIO { +/* SONARR SPECIFIC */ +[class*="SeriesIndexPoster\/controls\/"] { background-color: #000 !important; } +/* OVERVIEW PAGE */ -.SeriesIndexOverview\/container\/4LMzH, -.SeriesIndexOverview\/container\/4LMzH:hover { +[class*="SeriesIndexOverviews\/container\/"], +[class*="SeriesIndexOverviews\/container\/"]:hover { background-color: transparent !important; } -.SeriesIndexOverview\/content\/3GKJk:hover { - background-color: hsla(0, 0%, 100%, .08) !important; +[clas*="SeriesIndexOverview\/container\/"]:hover [class*="SeriesIndexOverview\/content\/"] { + background-color: transparent; } -.SeriesIndexOverview\/container\/4LMzH:hover .SeriesIndexOverview\/content\/3GKJk { - background-color: transparent; +[class*="SeriesIndexOverview\/content\/"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; } -.SeriesIndexOverview\/link\/1i54B:hover { +[class*="SeriesIndexOverview\/link\/"]:hover { text-decoration: none; } -.ProgressBar\/container\/14z4A { +[class*="ProgressBar\/container\/"] { background-color: rgba(0, 0, 0, 0.25); } -.TableRow\/row\/33xJE .ProgressBar\/primary\/3YDfb { +[class*="TableRow\/row\/"] [class*="ProgressBar\/primary\/"] { background-color: var(--accent-color) !important; } -.ProgressBar\/purple\/3DlHm { +[class*=".ProgressBar\/purple\/"] { background-color: var(--accent-color); } /* SHOW PAGE */ -.SeriesDetailsSeason\/season\/3XIYa, -.SeriesDetailsSeason\/collapseButtonContainer\/3XxzX { +[class*="SeriesDetailsSeason\/season\/"], +[class*="SeriesDetailsSeason\/collapseButtonContainer\/"]{ border: none !important; background-color: rgba(0, 0, 0, .25) !important; } -.SeriesDetailsSeason\/actionButton\/3BQuA { +[class*="SeriesDetailsSeason\/actionButton\/"], +[class*="SeriesDetailsSeason\/collapseButtonIcon\/"] { color: var(--text) !important; } -.SeriesDetailsSeason\/collapseButtonIcon\/17xZI { - color: #bac5cc; -} - .fa-search:hover { color: var(--text-hover) !important; } -.Icon\/default\/3C-KJ:hover { - color: var(--text-hover) !important; +[class*="Icon\/default\/"]:hover { + color: var(--text-hover); } -.MonitorToggleButton\/toggleButton\/3CcN9 { +[class*="MonitorToggleButton\/toggleButton\/"] { color: #dadada; } -.SeriesDetailsSeason\/seasonNumber\/FL7Dt { - color: #fff; +[class*="ProtocolLabel\/torrent\/"] { + border-color: #00853d !important; + background-color: #00853d !important; } -.Table\/table\/2C3O8 { - color: var(--text); +[class*="ProtocolLabel\/usenet\/"] { + border-color: #17b1d9 !important; + background-color: #17b1d9 !important; +} + +[class*="SeriesDetailsSeason\/seasonNumber\/"] { + color: #fff; } -.SeriesDetailsSeason\/collapseButtonContainer\/trs6s { +[class*="SeriesDetailsSeason\/collapseButtonContainer\/"] { border: none !important; background-color: rgba(0, 0, 0, .25) !important; } -.Popover\/title\/326tA, -.SeasonInfo\/title\/1tid_, -.Popover\/body\/10Yh7 { +[class*="Popover\/title\/"], +[class*="SeasonInfo\/title\/"], +[class*="Popover\/body\/"], +[class*="Tooltip\/bod\/"] { background: var(--modal-bg-color) !important; } -.Tooltip\/tooltipContainer\/2693s { +[class*="Tooltip\/tooltipContainer\/"] { color: #fff; } -.Tooltip\/tooltip\/3HJXy.Tooltip\/inverse\/yMvcm { +[class*="Tooltip\/tooltip\/"][class*=Tooltip\/inverse\/] { background: var(--modal-bg-color); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } -.Tooltip\/bottom\/3Ewbi.Tooltip\/inverse\/yMvcm { +[class*="Tooltip\/bottom\/"][class*="Tooltip\/inverse\/"] { border-bottom-color: #fff; } -.Tooltip\/bottom\/3Ewbi.Tooltip\/default\/2NTKh { +[class*="Tooltip\/bottom\/"][class*="Tooltip\/default\/"] { border-bottom-color: #fff !important; } -.Tooltip\/right\/2MxTa.Tooltip\/default\/2NTKh { +[class*="Tooltip\/right\/"][class*="Tooltip\/default\/"] { border-right-color: #fff !important; } -.EpisodeTitleLink\/link\/3ynTw:hover { +[class*="EpisodeTitleLink\/link\/"]:hover { color: var(--link-color-hover); } -.IconButton\/button\/2qiGi:hover { - background-color: transparent; - color: var(--text-hover); +[class*="IconButton\/button\/"] { + color: var(--text); } -.IconButton\/button\/2qiGi { - color: #bac5cc; +[class*="IconButton\/button\/"]:hover { + background-color: transparent; + color: var(--text-hover); } -.Label\/default\/2AF1C { +[class*="Label\/default\/"] { border-color: var(--accent-color); background-color: var(--accent-color); } -.Label\/info\/3YD3Y { +[class*="Label\/info\/"] { border-color: var(--accent-color); background-color: var(--accent-color); color: #fff; } -.PageSidebarItem\/status\/34pTa>.Label\/info\/3YD3Y { +[class*="PageSidebarItem\/status\/"][class*="Label\/info\/"] { border-color: var(--queue-color); background-color: var(--queue-color); color: #fff; } -.ProtocolLabel\/torrent\/3aqvR { - border-color: #00853d !important; - background-color: #00853d !important; -} - -.ProtocolLabel\/usenet\/3qKV1 { - - border-color: #17b1d9 !important; - background-color: #17b1d9 !important; -} - /* Table options*/ -.TableOptionsColumn\/column\/2H7ic { +[class*="TableOptionsColumn\/column\/"] { background: rgba(0, 0, 0, .25); color: #FFF; border: none; } -.TableHeaderCell\/headerCell\/DbapO { +[class*="TableHeaderCell\/headerCell\/"] { color: #fff; } +[class*="Table\/table\/"] { + color: var(--text); +} + +[class*="TableRow\/row\/"]:hover { + background-color: hsla(0, 0%, 100%, .08); + color: var(--text-hover); +} + /* TOP MENU SERIES */ -.PageToolbar\/toolbar\/1Lo1N, -.PageToolbarButton\/toolbarButton\/QiQEt.PageToolbarButton\/isDisabled\/343fJ { +[class*="PageToolbar\/toolbar\/"] { background-color: rgba(0, 0, 0, .25); color: var(--text); } -.PageToolbarButton\/label\/10YbS { +[class*="PageToolbarButton\/toolbarButton\/"][class*="PageToolbarButton\/isDisabled\/"] { + opacity: .5; + color: var(--text); +} +[class*="PageToolbarButton\/toolbarButton\/"][class*="PageToolbarButton\/isDisabled\/"]:hover, +[class*="PageToolbarButton\/isDisabled\/"]:hover { + color: var(--text) !important; +} + +[class*="PageToolbarButton\/label\/"] { color: var(--text); } +[class*="PageToolbarButton\/toolbarButton\/"]:hover { + color: var(--text-hover); +} + +[class*="MenuButton\/menuButton\/"]:hover { + color: var(--text-hover); +} /* POSTERS */ -.SeriesIndexPoster\/title\/263Pq, -.SeriesIndexPoster\/nextAiring\/1FZy6, -.SeriesIndexPosterInfo\/info\/2JsCg { +[class*="SeriesIndexPoster\/title\/"], +[class*="SeriesIndexPoster\/nextAiring\/"], +[class*="SeriesIndexPosterInfo\/info\/"] { background-color: rgba(255, 255, 255, 0.08); - color: #fff; + color: var(--text); } /* HOVEL LABELS */ -.Label\/default\/2zdw6 { +[class*="Label\/default\/"] { border-color: #1b1b1b; background-color: #1b1b1b; } /* SERIES TOP HEADER DROPDOWN */ -.MenuItem\/menuItem\/zB-Up, -.MenuContent\/menuContent\/3Zkj4 { +[class*="MenuItem\/menuItem\/"], +[class*="MenuContent\/menuContent\/"] { background: var(--modal-bg-color); color: var(--text); } -.MenuContent\/scroller\/V4APc { +[class*="MenuContent\/scroller\/"] { box-shadow: black 0 0 5px 0px; } -.MenuItem\/menuItem\/zB-Up:hover, -.MenuItem\/menuItem\/zB-Up:focus { +[class*="MenuItem\/menuItem\/"]:hover, +[class*="MenuItem\/menuItem\/"]:focus { background: hsla(0, 0%, 100%, .08) !important; color: var(--text-hover); text-decoration: none; } -.MenuItemSeparator\/separator\/1ayq0 { +[class*="MenuItemSeparator\/separator\/"] { background-color: hsla(0, 0%, 100%, .08) !important; } -/* SERIES TOP HEADER HOVER */ -.PageToolbarButton\/toolbarButton\/QiQEt:hover { - color: var(--text-hover); -} - -.MenuButton\/menuButton\/3nh0N:hover { - color: var(--text-hover); -} - /* ALPHABET JUMP BAR */ -.PageJumpBar\/jumpBar\/3owcF { +[class*="PageJumpBar\/jumpBar\/"] { color: #FFF; } /* MINI RIGHT SCROLL BAR */ -.OverlayScroller\/thumb\/1Lhfi { +[class*="OverlayScroller\/thumb\/"], +[class*="ImportSeriesSelectSeries\/results\/"]::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 100%, .08) !important; } +[class*="OverlayScroller\/thumb\/"]:hover, +[class*="ImportSeriesSelectSeries\/results\/"]::-webkit-scrollbar-thumb:hover { + background-color: rgba(255, 255, 255, 0.25) !important; +} /* ADD NEW */ div[class*='EnhancedSelectInputOption'] { background-color: #1e1e1e; @@ -1230,108 +487,115 @@ div[class*='EnhancedSelectInputOption']:hover { color: var(--text-hover); } -.EnhancedSelectInput\/options\/3yy65 { +[class*="EnhancedSelectInput\/options\/"] { border: 1px solid #1e1e1e; border-radius: 4px; background-color: #1e1e1e; } /* SEARCH BAR */ -.Input\/input\/2YWzR, -.AddNewSeries\/searchIconContainer\/3QAm8, -.AddNewSeries\/clearLookupButton\/1dKG7 { +[class*="Input\/input\/"], +[class*="AddNewSeries\/searchIconContainer\/"], +[class*="CheckInput\/isIndeterminate\/"] { border: none; background-color: rgba(255, 255, 255, 0.08); color: #FFF } -.SeriesSearchResult\/alternateTitle\/21CfS { - color: #ffffff; - font-size: 12px; +[class*="SeriesSearchInput\/container\/"] [class*="Input\/input\/"] { + background: transparent; + border-bottom: solid 1px #fff; } -.AddNewSeriesSearchResult\/year\/2jW2b { - color: #fff; +[class*="SeriesSearchInput\/container\/"] [class*="Input\/input\/"]:focus { + border-bottom: none; + background: transparent; +} + +[class*="SeriesSearchResult\/alternateTitle\/"] { + color: #ffffff; + font-size: 12px; } -.Input\/input\/2YWzR:focus { +[class*="Input\/input\/"]:focus { outline: 0; border-color: #fff; box-shadow: none; background-color: rgba(255, 255, 255, 0.25); } -.TagInput\/input\/3E1DX.TagInput\/isFocused\/13j-F { +[class*="TagInput\/input\/"][class*="TagInput\/isFocused\/"] { outline: 0; border-color: #fff; box-shadow: none; } +/* MOVE THIS */ ::placeholder { - color: #eee; + color: var(--text); } :-ms-input-placeholder { - color: #eee; + color: var(--text) } ::-webkit-input-placeholder { - color: #eee; + color: var(--text); } /* TEXT COLOR */ -.PageContentBody\/innerContentBody\/tEszh { +[class*="PageContentBody\/innerContentBody\/"] { color: var(--text); } /* SEARCH RESULTS */ -.AddNewSeriesSearchResult\/underlay\/11FBP { - background-color: rgba(0, 0, 0, .0) !important; +[class*="AddNewSeriesSearchResult\/underlay\/"] { + background-color: transparent !important; } -.AddNewSeriesSearchResult\/underlay\/11FBP:hover { +[class*="AddNewSeriesSearchResult\/underlay\/"]:hover { background-color: hsla(0, 0%, 100%, .08) !important; } -.AddNewSeriesModalContent\/year\/t7IIJ { +[class*="AddNewSeriesSearchResult\/year\/"] { color: #fff; } -.RootFolderSelectInputSelectedValue\/seriesFolder\/a7chC, -.RootFolderSelectInputSelectedValue\/freeSpace\/1Irwm { +[class*="RootFolderSelectInputSelectedValue\/seriesFolder\/"], +[class*="RootFolderSelectInputSelectedValue\/freeSpace\/"] { color: #fff; } /* IMPORT */ -.FieldSet\/legend\/3x6NF { +[class*="FieldSet\/legend\/"] { color: #FFF; border-bottom: 1px solid var(--accent-color); } -.TableRow\/row\/33xJE:hover { - background-color: hsla(0, 0%, 100%, .08); - color: var(--text-hover); -} - -.VirtualTableRow\/row\/2-JS9:hover { +[class*="VirtualTableRow\/row\/"]:hover { background-color: hsla(0, 0%, 100%, .08); } -.ImportSeriesSelectSeries\/button\/3CL3L { +/* Drop down menu/button*/ +[class*="ImportSeriesSelectSeries\/button\/"] { border: none !important; background-color: rgba(0, 0, 0, .25) !important; } -.ImportSeriesSearchResult\/series\/2BXMC:hover { - background-color: rgba(0, 0, 0, 0.25); +[class*="ImportSeriesSearchResult\/series\/"]:hover { + background-color: rgba(255, 255, 255, 0.08); } -.ImportSeriesSelectSeries\/content\/3oSDj, -.ImportSeriesSelectSeries\/searchIconContainer\/1wOES { - border: none !important; - background-color: #323232 !important; - color: white !important; +[class*="ImportSeriesSelectSeries\/content\/"], +[class*="ImportSeriesSelectSeries\/searchIconContainer\/"] { + border: none; + background-color: var(--modal-bg-color); + color: white; +} + +[class*="ImportSeriesTitle\/year\/"] { + color: var(--text-muted); } /* MASS EDITOR */ @@ -1485,11 +749,11 @@ div[class*='EnhancedSelectInputOption']:hover { } /* SETTINGS */ -.PageContentBody\/innerContentBody\/tEszh .Link\/to\/6fmSq { +[class*="PageContentBody\/innerContentBody"] [class*="Link\/to"]{ color: #fff; } -.Settings\/summary\/3KPAv { +[class*="Settings\/summary"] { color: var(--text); } diff --git a/CSS/themes/sonarr/sonarrv2.css b/CSS/themes/sonarr/sonarrv2.css new file mode 100644 index 00000000..20577f11 --- /dev/null +++ b/CSS/themes/sonarr/sonarrv2.css @@ -0,0 +1,773 @@ +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); + +} + +/* VERSION */ + +#footer-region::after { + content: "\A theme.park 2.0"; + font-size: 20px; +} + +.footer { + color: #fff; +} + +#scroll-up { + color: white; +} + +@media (max-width: 991px) { + .toolbar .page-toolbar .x-toolbar-left-1 { + display: block; + } + + .toolbar .page-toolbar .btn-group { + display: block; + } + + .btn-group.btn-group-collapse>.btn { + margin: 2px; + display: block; + float: none; + border-radius: 4px !important; + word-wrap: normal; + white-space: normal; + } +} + +@media screen and (max-width: 767px) { + .table-responsive { + border: none; + } +} + +.modal-content { + box-shadow: 0 0 10px 1px #000; + border-radius: 3px; + 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; +} + +/* scroller */ +::-webkit-scrollbar-corner { + background-color: hsla(0, 0%, 100%, .08); +} + +::-webkit-scrollbar { + width: 10px; + height: 10px; + background: rgba(0, 0, 0, .25); +} + +::-webkit-scrollbar-thumb { + -webkit-border-radius: 2px; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.25) !important; +} + +/* navbar and searchbar */ +.navbar-nzbdrone li a { + color: hsla(0, 0%, 100%, .7); +} + +.navbar-nzbdrone li a:hover { + background-color: hsla(0, 0%, 100%, .08); + color: var(--text-hover); +} + +.search .input-group .input-group-addon, +.search .input-group input { + background-color: rgba(0, 0, 0, .25) !important; + color: #FFF; + border-color: transparent; + height: 40px; +} + +.search .input-group .input-group-addon, +.search .input-group input:focus { + color: #FFF; +} + +.tt-suggestion.tt-cursor { + background-color: #191a1c !important; + color: #ffffff !important; +} + +.search .tt-dropdown-menu { + background-color: #1f1f1f; +} + +.input-group-lg>.form-control, +.input-group-lg>.input-group-addon, +.input-group-lg>.input-group-btn>.btn { + height: 50px; +} + +.navbar-inverse, +.navbar-toggle { + background-color: rgba(0, 0, 0, .25); + border-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +.navbar-nzbdrone .navbar-toggle:focus, +.navbar-nzbdrone .navbar-toggle:hover { + color: var(--text-hover); + background-color: hsla(0, 0%, 100%, .08); +} + +@media (max-width: 767px) { + + .navbar-nzbdrone .navbar-collapse .navbar-nav li:focus, + .navbar-nzbdrone .navbar-collapse .navbar-nav li:hover { + background-color: hsla(0, 0%, 100%, .08); + } +} + +/* Form Stuff */ + +.form-control { + color: #FFF; + background-color: rgba(0, 0, 0, .25) !important; + border: 1px solid transparent; +} + +.form-control:focus { + background-color: #1f1f1f !important; + border-color: rgba(0, 0, 0, 0.51); + outline: 0; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); +} + +.bootstrap-tagsinput { + background-color: rgba(0, 0, 0, .25); + border: 1px solid transparent; + color: #FFF; +} + +.form-group i { + color: #ffffff; +} + +/* /Movies/Series/Season page */ +.started #page { + background-color: rgba(0, 0, 0, .25); + color: White; + box-shadow: none; + max-width: 1280px; +} + +.series-item a { + color: #FFF; +} + +.series-posters .series-posters-item, +.movie-posters-item { + background-color: rgba(0, 0, 0, .25) !important; + color: #444; + box-shadow: 0 0 10px 1px #000000 !important; +} + +.movie-posters-item { + min-height: 302px !important; +} + +.header-text .year { + color: #FFF; +} + +.backdrop .navbar-nzbdrone { + opacity: 0.98; + box-shadow: 0 0 10px 1px #000; + border-radius: 3px; + 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; +} + +.series-page-header, +.movie-page-header { + opacity: 0.98; + box-shadow: 0 0 10px 1px #000; + color: #ffffff; + 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; +} + +.series-season, +.movie-tabs-card { + opacity: 0.98; + box-shadow: 0 0 10px 1px #000; + color: #ffffff; + 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; +} + +.episode-title-cell { + color: #ffffff; +} + +th.sortable:hover, +.table-hover>tbody>tr:hover { + background-color: rgba(0, 0, 0, .25); + color: var(--text-hover); +} + +.progress.episode-progress .progressbar-back-text { + color: #000 !important; +} + +.text-warning { + color: #ffffff; +} + +/* SEARCH */ +#add-series-screen .new-series .search-item, +#add-movies-screen .new-movies .search-item { + background-color: rgba(0, 0, 0, .25) !important; + color: #FFFFFF !important; + box-shadow: none; +} + +div.form-group>label { + font-weight: 500; +} + +#add-series-screen .add-series-search>input.form-control.x-series-search, +#add-movies-screen .add-movies-search>input.form-control.x-movies-search { + background-color: rgba(0, 0, 0, .25) !important; + color: #FFFFFF !important; + border: none; + box-shadow: none; +} + +#add-series-screen .search-item select.form-control, +#add-movies-screen .search-item select.form-control { + background-color: #1f1f1f; + color: #FFFFFF; +} + +.dropdown-menu>li>a { + color: #ffffff; +} + +.dropdown-menu>li>a:hover { + color: #000; +} + +.input-group.input-group-lg.add-series-search>.input-group-addon, +.input-group.input-group-lg.add-movies-search>.input-group-addon { + color: #FFFFFF; + background-color: rgba(0, 0, 0, .25); + border: 0px solid rgba(0, 0, 0, .25); +} + +/* Add Movies */ +.nav .open>a, +.nav .open>a:focus, +.nav .open>a:hover { + background-color: hsla(0, 0%, 100%, .08); + border-color: var(--text-hover); +} + +.discoverable-list-item:hover { + background-color: #1f1f1f; + color: var(--text-hover); +} + +.btn-group-vertical>.btn.active, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:hover, +.btn-group>.btn.active, +.btn-group>.btn:active, +.btn-group>.btn:focus, +.btn-group>.btn:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +/* Add Series */ +#add-series-screen .existing-series { + background-color: rgba(0, 0, 0, 0); + color: #fff; + box-shadow: 0 0 10px 1px #000000; +} + +/* Calendar page */ +/* Unaired Premiere */ +.calendar .premiere { + border-color: rgb(var(--calendar-tv-Unaired-Premiere)); + background-color: rgb(var(--calendar-tv-Unaired-Premiere)); +} + +/* Downloading */ +.calendar .purple { + border-color: rgb(var(--calendar-tv-Downloading)); + background-color: rgb(var(--calendar-tv-Downloading)); +} + +/* Downloading */ +.calendar .unmonitored { + border-color: rgb(var(--calendar-tv-Unmonitored)); + background-color: rgb(var(--calendar-tv-Unmonitored)); +} + +/* Unaired */ +.calendar .primary { + border-color: rgb(var(--calendar-tv-Unaired)); + background-color: rgb(var(--calendar-tv-Unaired)); +} + +/* Missing */ +.calendar .danger { + border-color: rgb(var(--calendar-tv-missing)); + background-color: rgb(var(--calendar-tv-missing)); +} + +/* On Air */ +.calendar .warning { + border-color: rgb(var(--calendar-tv-On-Air)); + background-color: rgb(var(--calendar-tv-On-Air)); +} + +/* Downloaded*/ +.calendar .success { + border-color: rgb(var(--calendar-tv-available)); + background-color: rgb(var(--calendar-tv-available)); +} + +.event .primary { + border-color: rgba(0, 0, 0, .25); +} + +/* upcoming panel */ +.event h4, +.date h4, +.event .episode-title { + color: #FFFFFF !important; +} + +.event .episode-title { + color: #f9be03 !important; +} + +.event .episode-title:focus, +.event .episode-title:hover { + color: #f9be03; + text-decoration: underline; + background-color: transparent; +} + +a:focus, +a:hover { + color: var(--text-hover); +} + +.event p { + color: #FFF; +} + +.fc-title { + color: #FFF; +} + +/* calendar month */ + +.calendar th { + background-color: hsla(0, 0%, 100%, .08); + color: #FFFFFF; +} + +.fc-day.fc-today.fc-state-highlight, +.fc-day-number.fc-today.fc-state-highlight, +.fc-day-top.fc-today.fc-state-highlight { + background-color: hsla(0, 0%, 100%, .08); + color: #f9be03; +} + +/* Activity Page */ +.popover.in { + opacity: .9; +} + +.popover { + background-color: #000; + color: #fff; +} + +.popover>.popover-title { + background-color: #000; + color: #fff; + border: none; +} + +.popover.left>.arrow, +.popover.left>.arrow:after { + border-left-color: #000; +} + +.popover.right>.arrow:after { + border-right-color: #000; +} + +.backgrid-paginator ul .active span { + background-color: rgba(0, 0, 0, 0); +} + +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:focus, +.nav-tabs>li.active>a:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +.nav>li>a:focus, +.nav>li>a:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +/* Season Pass */ +.alert-info { + background-color: rgba(255, 255, 255, 0.25); + border-color: transparent; + color: #ffffff; +} + +/* alerts */ +.alert-warning { + background-color: rgba(0, 0, 0, 0.25); + border-color: transparent; + color: #f0ad4e; +} + +.alert-danger, +.manual-import-error { + background-color: rgba(0, 0, 0, 0.25); + border-color: transparent; + color: #d9534f; +} + +/* Settings Page */ +legend { + color: #FFFFFF; +} + +/* Settings Page - Profile */ +/*thingy*/ + +.thingy { + background-color: rgba(0, 0, 0, 0.25); + color: #FFFFFF; + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.add-card .center { + background-color: rgba(0, 0, 0, 0); + border: 1px solid rgba(0, 0, 0, 0); +} + +.metadata-item { + background-color: rgba(0, 0, 0, 0.25); + color: #FFFFFF; + box-shadow: none; +} + +/* Settings add thingy*/ + +.add-thingy { + background-color: rgba(0, 0, 0, 0.25); + color: #FFFFFF; + box-shadow: none; +} + +.add-thingy>div>.btn-default, +.add-thingy>div>div>.btn.btn-xs.btn-default.dropdown-toggle { + color: #FFFFFF; + background-color: rgba(0, 0, 0, 0.25); + border-color: #FFFFFF; + outline-style: none; +} + +.add-thingy>div>.btn-default:hover, +.add-thingy>div>div>.btn.btn-xs.btn-default.dropdown-toggle:hover { + color: var(--text-hover); + background-color: rgba(0, 0, 0, 0.25); + border-color: #FFF; + outline-style: none; +} + +li.save-and-add { + color: #ffffff; +} + +/* Settings qualities*/ +ul.qualities li { + border: 1px solid rgba(0, 0, 0, .25); + background: rgba(0, 0, 0, .25); +} + +ul.qualities li:hover { + border: 1px solid rgba(0, 0, 0, .25); + background: rgba(255, 255, 255, .25); +} + +ul.qualities li.selected .quality-label { + color: #ffffff; +} + +/* Settings Quality sliders */ +#quality-definition-list .rows .row .ui-slider .ui-slider-range { + background-color: rgb(46, 47, 49); +} + +#quality-definition-list .rows .row .ui-slider .ui-slider-handle { + background-color: #f5f5f5; + border: 1px solid #c7c7c7; +} + +#quality-definition-list .rows .row .ui-slider { + border: 1px solid #2e2f31; +} + +.label-warning { + background-color: #d58512; +} + +.label-info { + background-color: #337ab7; +} + +/* SYSTEM */ +/* logs */ +pre { + color: #fff; + background-color: rgba(0, 0, 0, .25); +} + +/* Updates */ +.Updates\/info\/19gvs { + color: #fff; +} + +/* BUTTONS */ +/* YES/NO Switch */ +.well { + background-color: rgba(0, 0, 0, .25); + border: 1px solid transparent; +} + +.toggle p span { + color: rgba(0, 0, 0, 0); +} + +.toggle input:checked~p span:nth-child(1) { + color: #FFFFFF; +} + +.toggle input:not(:checked)~p span:nth-child(2) { + color: #FFFFFF; +} + +/* Close X button */ +.close, +.close:hover, +.close:focus { + color: #FFF !important; + opacity: 1; +} + +.btn-default { + color: hsla(0, 0%, 100%, .7); + background-color: rgba(0, 0, 0, .25); + border-color: transparent; + outline-style: none; +} + +.btn-default:hover, +.btn-default.active, +.btn-default.active:hover { + color: var(--text-hover); + background-color: hsla(0, 0%, 100%, .08); + border-color: transparent; + outline-style: none; +} + +.btn-default.active.focus, +.btn-default.active:focus, +.btn-default.active:hover, +.btn-default:active.focus, +.btn-default:active:focus, +.btn-default:active:hover, +.open>.dropdown-toggle.btn-default.focus, +.open>.dropdown-toggle.btn-default:focus, +.open>.dropdown-toggle.btn-default:hover { + color: var(--text-hover); + background-color: hsla(0, 0%, 100%, .08); + border-color: #FFF; +} + +.fc-state-default { + color: #FFF; + background-color: rgba(0, 0, 0, .25); + border-color: #FFF; + outline-style: none; + background-image: none; + text-shadow: none; +} + +.fc-state-default:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +.btn-group .btn+.btn, +.btn-group .btn+.btn-group, +.btn-group .btn-group+.btn, +.btn-group .btn-group+.btn-group { + margin-left: 0px; +} + +.input-group-btn>button.btn.btn-icon-only.dropdown-toggle, +.btn.btn-icon-only.x-copy-api-key.hidden-xs { + color: #FFFFFF; + background-color: #5cb85c; +} + +.input-group-btn>button.btn.btn-icon-only.dropdown-toggle:hover { + color: var(--text-hover); + background-color: #449d44; +} + +.btn { + color: #FFF; + outline: 0 !important; +} + +.btn.btn-lg.btn-block.x-search-auto { + color: #FFF; + background-color: rgba(0, 0, 0, .25); +} + +.btn.btn-lg.btn-block.x-search-auto:hover { + color: var(--text-hover); + background-color: rgba(255, 255, 255, 0.05); +} + +.btn.focus, +.btn:focus, +.btn:hover { + color: var(--text-hover); +} + +.modal-footer>button:not([class*="btn-primary"]):not([class*="btn-danger"]):not([class*="btn-success"]) { + color: #FFF; + background-color: rgba(0, 0, 0, .25); + border-color: transparent; + outline-style: none; +} + +.modal-footer>button:hover:not([class*="btn-primary"]):not([class*="btn-danger"]):not([class*="btn-success"]) { + color: var(--text-hover); + background-color: rgba(255, 255, 255, .25); + border-color: transparent; + outline-style: none; +} + +/* green button */ +.btn-success { + color: #FFF; +} + +/* save button */ +.btn-primary.active.focus, +.btn-primary.active:focus, +.btn-primary.active:hover, +.btn-primary:active.focus, +.btn-primary:active:focus, +.btn-primary:active:hover, +.open>.dropdown-toggle.btn-primary.focus, +.open>.dropdown-toggle.btn-primary:focus, +.open>.dropdown-toggle.btn-primary:hover { + color: var(--text-hover); + background-color: #286090 !important; + border-color: transparent; +} + +/* blue button */ +.btn-primary.focus, +.btn-primary:focus, +.btn-primary:hover { + color: var(--text-hover); + background-color: #286090 !important; + border-color: transparent; +} + +.btn-success.focus, +.btn-success:focus, +.btn-success:hover { + color: var(--text-hover); + background-color: #449d44 !important; + border-color: transparent; +} + +.btn-default.active, +.btn-default:active, +.open>.dropdown-toggle.btn-default { + background-color: hsla(0, 0%, 100%, .08); + border-color: #FFF; +} + +.btn-danger:hover { + color: var(--text-hover); + background-color: #c9302c; + border-color: transparent; +} + +.btn-primary, +.btn-danger { + border-color: transparent; +} + +.dropdown-menu { + background-color: #1f1f1f; +} + +.dropdown-menu>li>a { + color: #ffffff; +} + +.dropdown-menu>li>a:hover { + color: #000 !important; +}