diff --git a/CSS/themes/lidarr/aquamarine.css b/CSS/themes/lidarr/aquamarine.css index 6f11373b..b9c4a2a3 100644 --- a/CSS/themes/lidarr/aquamarine.css +++ b/CSS/themes/lidarr/aquamarine.css @@ -17,15 +17,25 @@ --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; - --calendar-Downloading: 122 67 182; - --calendar-Downloaded: 39 194 76; - --calendar-Unreleased: 93 156 236; - --calendar-Partial: 255, 165, 0; - --calendar-Unmonitored: 173 173 173; - --calendar-Missing: 240 80 80; + --calendar-downloading: 122 67 182; + --calendar-downloaded: 39 194 76; + --calendar-unreleased: 93 156 236; + --calendar-partial: 255, 165, 0; + --calendar-unmonitored: 173 173 173; + --calendar-missing: 240 80 80; --button-color: #009688; --button-color-hover: #12afa0; + --button-text: #eee; + --button-text-hover: #FFF; + --accent-color: #009688; --accent-color-hover: #12afa0; + --queue-color: #009688; + --link-color: #0ed2bf; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/lidarr/dark.css b/CSS/themes/lidarr/dark.css index 9061a5b9..5d3158d0 100644 --- a/CSS/themes/lidarr/dark.css +++ b/CSS/themes/lidarr/dark.css @@ -17,15 +17,25 @@ --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - --calendar-Downloading: 122 67 182; - --calendar-Downloaded: 39 194 76; - --calendar-Unreleased: 93 156 236; - --calendar-Partial: 255, 165, 0; - --calendar-Unmonitored: 173 173 173; - --calendar-Missing: 240 80 80; + --calendar-downloading: 122 67 182; + --calendar-downloaded: 39 194 76; + --calendar-unreleased: 93 156 236; + --calendar-partial: 255, 165, 0; + --calendar-unmonitored: 173 173 173; + --calendar-missing: 240 80 80; --button-color: hsla(0,0%,100%,.15); --button-color-hover: hsla(0,0%,100%,.30); + --button-text: #eee; + --button-text-hover: #FFF; + --accent-color: rgba(255, 255, 255, 0.25); --accent-color-hover: rgba(255, 255, 255, 0.45); + --queue-color: #6b5; + --link-color: #ddd; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/lidarr/hotline.css b/CSS/themes/lidarr/hotline.css index 9b2c841d..1feb2991 100644 --- a/CSS/themes/lidarr/hotline.css +++ b/CSS/themes/lidarr/hotline.css @@ -17,15 +17,26 @@ --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; - --calendar-Downloading: 122 67 182; - --calendar-Downloaded: 39 194 76; - --calendar-Unreleased: 93 156 236; - --calendar-Partial: 255, 165, 0; - --calendar-Unmonitored: 173 173 173; - --calendar-Missing: 240 80 80; - + --calendar-tv-unaired-premiere: 53 197 244; + --calendar-tv-downloading: 122 67 182; + --calendar-tv-unmonitored: 173 173 173; + --calendar-tv-unaired: 93 156 236; + --calendar-tv-missing: 240 80 80; + --calendar-tv-on-air: 255 165 0; + --calendar-tv-available: 39 194 76; + --button-color: hsla(0,0%,100%,.15); --button-color-hover: hsla(0,0%,100%,.30); + --button-text: #eee; + --button-text-hover: #FFF; + --accent-color: #F44336; --accent-color-hover: #0b3161; + --queue-color: #6b5; + --link-color: #ddd; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/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..6c580ff6 100644 --- a/CSS/themes/lidarr/lidarr-base.css +++ b/CSS/themes/lidarr/lidarr-base.css @@ -19,985 +19,730 @@ 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); -} - -::-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; +[class*="FormInputGroup-inputUnit-"] { + color: var(--text) !important; } /* LINKS */ -.Link-to-6fmSq { - color: #FFF; +[class*="Link-to-"] { + color: var(--text); } -.Link-to-6fmSq:hover { - color: #FFF; +[class*="Link-to-"]:hover { + color: var(--text-hover); text-decoration: none; } -/* LOADING PAGE */ -.ErrorPage-page-3GptQ, -.ErrorPage-version-3txe6, -.LoadingMessage-loadingMessage-1gR5r { - color: #FFF; +a { + color: var(--link-color); } -.LoadingIndicator-ripple-358v5 { +a:hover { + color: var(--link-color-hover); +} + +[class*="TableRowCell-cell-"] [class*="Link-to-"] { + color: var(--link-color) !important; +} + +[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover { + color: var(--link-color-hover) !important; +} + +/* Buttons */ + +[class*="Button-default-"] { + color: var(--button-text); + background-color: var(--button-color); + border-color: transparent; +} + +[class*="Button-default-"]:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: var(--button-text-hover); +} + +[class*="Button-primary-"] { + border-color: transparent; + background-color: var(--button-color); + color: var(--button-text); +} + +[class*="Button-primary-"]:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: var(--button-text-hover); +} + +[class*="Button-success-"] { + border-color: var(--button-color); + background-color: var(--button-color); + color: var(--button-text); +} + +[class*="Button-success-"]:hover { + border-color: var(--button-color-hover); + background-color: var(--button-color-hover); + color: var(--button-text-hover); +} + +/* LOADING PAGE */ +[class*="ErrorPage-page-"], +[class*="ErrorPage-version-"], +[class*="LoadingMessage-loadingMessage-"] { + color: var(--text); +} + +[class*="LoadingIndicator-ripple-"] { border: 2px solid #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*="Modal-large-"], +[class*="Modal-modal-"], +[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); } +[class*="ModalContent-closeButton-"]:hover { + color: #fff; +} + /* INPUT */ -.TagInput-internalInput-Jbb1T { +[class*="TagInput-internalInput-"] { background-color: transparent; color: #fff; } -.TagInput-input-3E1DX { - border: none; - background-color: rgba(255, 255, 255, 0.08); - color: #FFF; +[class*="SelectInput-select-"] { + background-color: rgba(0, 0, 0, 0.25) !important; } -.TagInput-input-3E1DX.TagInput-isFocused-13j-F { - outline: 0; - border-color: #fff; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.25); +[class*="SelectInput-select-"]:active, +[class*="SelectInput-select-"]:focus { + background: #1e1e1e !important; } -.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 { +[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; } +/* LIDARR SPECIFIC */ +[class*="ArtistSearchInput-sectionTitle-"] { + color: #fff; +} + +[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; +} + +[class*="ArtistSearchInput-highlighted-"] { + background-color: hsla(0, 0%, 100%, .08) +} + +[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, +[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="OverlayScroller-thumb-"]:hover, +[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb:hover, +[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { + background-color: rgba(255, 255, 255, 0.25) !important; +} + +/* ADD NEW */ +div[class*='EnhancedSelectInputOption'] { + background-color: #1e1e1e; + color: #fff; +} + +div[class*='EnhancedSelectInputOption']:hover { + background-color: rgba(255, 255, 255, 0.08); + color: #fff; +} + +[class*="EnhancedSelectInput-options-"] { + border: 1px solid #1e1e1e; + border-radius: 4px; + background-color: #1e1e1e; +} + /* SIDE MENU */ - -@media only screen and (max-width: 768px) { - .PageSidebar-sidebar-3IOcI { - background-color: rgba(0, 0, 0, .45) !important; - } +[class*="PageSidebar-sidebarContainer-"] { + background-color: rgba(0, 0, 0, .25); } -.PageSidebar-sidebar-2UXc0 { - background-color: rgba(0, 0, 0, .45); -} - -.PageSidebar-sidebarContainer-3Hxpq { - background-color: rgba(0, 0, 0, .45) !important; -} - -.PageSidebar-sidebar-3IOcI { +[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); } -.fa-search:hover { - color: #FFF !important; +/* LIBRARY PAGE */ +/* LIDARR SPECIFIC */ +[class*="ArtistIndexPoster-controls-"] { + background-color: #000 !important; } -.Icon-default-3C-KJ:hover { - color: #fff; +/* OVERVIEW PAGE */ + +/* OVERVIEW PAGE */ +[class*="ArtistIndexOverview-container-"], +[class*="ArtistIndexOverview-container-"]:hover { + background-color: transparent !important; } -.MonitorToggleButton-toggleButton-3CcN9 { - color: #dadada; +[class*="ArtistIndexOverview-container-"]:hover [class*="ArtistIndexOverview-content-"] { + background-color: transparent; } -.Table-table-2C3O8 { - color: #fff; +[class*="ArtistIndexOverview-content-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; } -.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; +[class*="ArtistIndexOverview-link-"]:hover { text-decoration: none; } -.MenuItemSeparator-separator-1ayq0 { - background-color: #e1e2e3; +[class*="ProgressBar-container-"] { + background-color: rgba(0, 0, 0, 0.25); } -/* TOP HEADER HOVER */ -.PageToolbarButton-toolbarButton-QiQEt:hover { - color: #FFF; +[class*=".ProgressBar-purple-"] { + background-color: var(--accent-color); } -.MenuButton-menuButton-3nh0N:hover { + +/*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: var(--text-hover) !important; +} + +[class*="Label-default-"] { + border-color: var(--accent-color); + background-color: var(--accent-color); +} + +[class*="Icon-default-"]:hover { + color: #fff; +} + +[class*="MonitorToggleButton-toggleButton-"] { + color: #dadada; +} + +[class*="ProtocolLabel-torrent-"] { + border-color: #00853d !important; + background-color: #00853d !important; +} + +[class*="ProtocolLabel-usenet-"] { + border-color: #17b1d9 !important; + background-color: #17b1d9 !important; +} + +/*ARTIST ALBUM PAGE*/ +[class*="AlbumDetailsMedium-mediumNumber-"] { + color: #fff; +} + +[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); +} + +[class*="ArtistIndexBanner-title-"], +[class*="ArtistIndexBannerInfo-info-"] { + background-color: rgba(0, 0, 0, .25); + color: #fff; +} + +[class*="Popover-title-"], +[class*="SeasonInfo-title-"], +[class*="Popover-body-"], +[class*="Tooltip-body-"] { + background: var(--modal-bg-color) !important; +} + +[class*="Tooltip-tooltipContainer-"] { + color: #fff; +} + +[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { + border-bottom-color: var(--text); +} + +[class*="Tooltip-right-"][class*="Tooltip-default-"] { + border-right-color: var(--text); +} + +[class*="EpisodeTitleLink-link-"]:hover { + color: #ffffff; + text-decoration: none; +} + +[class*="IconButton-button-"] { + color: var(--text); +} + +[class*="IconButton-button-"]:hover { + background-color: transparent; + color: var(--text-hover); +} + +[class*="Label-default-"] { + border-color: var(--accent-color); + background-color: var(--accent-color); +} + +[class*="Label-info-"] { + border-color: var(--accent-color); + background-color: var(--accent-color); + color: #fff; +} + +[class*="PageSidebarItem-status-"][class*="Label-info-"] { + border-color: var(--queue-color); + background-color: var(--queue-color); + color: #fff; +} + +/* Table options*/ +[class*="TableOptionsColumn-column-"] { + background: rgba(0, 0, 0, .25); color: #FFF; + border: none; +} + +[class*="TableHeaderCell-headerCell-"] { + color: #fff; +} + +[class*="Table-table-"] { + color: var(--text); +} + +[class*="TableRow-row-"]:hover { + background-color: hsla(0, 0%, 100%, .08); + color: var(--text-hover); +} + +/* TOP MENU SERIES */ +[class*="PageToolbar-toolbar-"] { + background-color: rgba(0, 0, 0, .25); + color: var(--text); +} + +[class*="PageToolbarButton-label-"] { + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] { + opacity: .5; + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover, +[class*="PageToolbarButton-isDisabled-"]:hover { + color: var(--text) !important; +} + +[class*="PageToolbarButton-label-"] { + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"]:hover { + color: var(--text-hover); +} + +[class*="MenuButton-menuButton-"]:hover { + color: var(--text-hover); +} + +/* POSTERS */ +[class*="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: var(--text); +} + +[class*="MenuContent-scroller-"] { + box-shadow: black 0 0 5px 0px; +} + +[class*="MenuItem-menuItem-"]:hover, +[class*="MenuItem-menuItem-"]:focus { + background: hsla(0, 0%, 100%, .08) !important; + color: var(--text-hover); + text-decoration: none; +} + +[class*="MenuItemSeparator-separator-"] { + background-color: hsla(0, 0%, 100%, .08) !important; } /* ALPHABET JUMP BAR */ -.PageJumpBar-jumpBar-3owcF { +[class*="PageJumpBar-jumpBar-"] { color: #FFF; } /* ADD NEW */ - -/* SEARCH BAR */ -.Input-input-2YWzR { - border: none; - background-color: rgba(255, 255, 255, 0.08); - color: #FFF; +div[class*='EnhancedSelectInputOption'] { + background-color: #1e1e1e; + color: #fff; } -.Input-input-2YWzR:focus { +div[class*='EnhancedSelectInputOption']:hover { + background-color: rgba(255, 255, 255, 0.08); + color: #fff; +} + +[class*="EnhancedSelectInput-options-"] { + border: 1px solid #1e1e1e; + border-radius: 4px; + background-color: #1e1e1e; +} + +/* SEARCH BAR */ +[class*="Input-input-"], +[class*="AddNewArtist-searchIconContainer-"], +[class*="CheckInput-isIndeterminate-"] { + border: none; + background-color: rgba(255, 255, 255, 0.08); + color: #FFF +} + +[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; -} - -:-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 { +[class*="AddNewArtistSearchResult-searchResult-"], +[class*="AddNewArtistSearchResult-underlay-"], +[class*="AddNewAlbumSearchResult-underlay-"] { 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 { +[class*="AddNewArtistSearchResult-searchResult-"]:hover, +[class*="AddNewArtistSearchResult-underlay-"]:hover, +[class*="AddNewAlbumSearchResult-underlay-"]: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); +[class*="RootFolderSelectInputSelectedValue-movieFolder-"], +[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { + color: #fff; } /* IMPORT ARTIST */ -.ImportArtistSelectArtist-content-qicZY { - background-color: #1e1e1e; +[class*="ImportArtistSelectArtist-content-"], +[class*="ImportArtistSelectArtist-searchIconContainer-"] { + background: var(--modal-bg-color); color: #FFF; - border: 1px solid #00000000; + border: 1px solid transparent; } -.ImportArtistSelectArtist-button-1zPPw { - border: 1px solid #00000000; - background-color: #1f1f1f; +[class*="ImportArtistName-disambiguation-"] { + color: var(--text-muted); } -.ImportArtistSelectArtist-searchIconContainer-3YJva { - background-color: rgba(0, 0, 0, .25); - border-color: transparent; -} - -.ImportArtistSearchResult-artist-11vxQ:hover { +[class*="ImportArtistSearchResult-artist-"]:hover { background-color: rgba(255, 255, 255, 0.08); } -.Button-default-1X0nf { - color: #FFF; - background-color: rgba(0, 0, 0, .25); +/* MOVE THIS */ +::placeholder { + color: var(--text); } -.AddNewArtist-noResults-L1xcp, -.AddNewArtist-message-c33sh { +:-ms-input-placeholder { + color: var(--text) +} + +::-webkit-input-placeholder { + color: var(--text); +} + +/* IMPORT */ +/* Text color */ +[class*="ImportArtistSelectFolder-header-"] { color: #FFF; } -.Button-default-1X0nf:hover { - background-color: hsla(0, 0%, 100%, .08); +[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; } /* IMPORT */ -/* Text color */ -.ImportArtistSelectFolder-header-1AE_l, -.PageContent-content-2-LcY, -.FieldSet-legend-3mbvV { + +[class*="FieldSet-legend-"] { color: #FFF; + border-bottom: 1px solid var(--accent-color); } -.TableRow-row-2tPLX { - color: #FFF; +[class*="VirtualTableRow-row-"]:hover { + background-color: rgba(255, 255, 255, 0.08); } -.TableRow-row-2tPLX:hover { - background-color: hsla(0, 0%, 100%, .08); - color: #FFF; +[class*="ImportMovieSelectMovie-button-"] { + border: none !important; + background-color: rgba(0, 0, 0, 0.25) !important; } -.ExpandingFileDetails-fileDetails-ja8Cz { - border: 1px solid rgb(255 255 255 / .1); - background-color: rgb(255 255 255 / 8%); + + +/*Title*/ + +[class*="PageJumpBarItem-jumpBarItem-"]:hover { + color: #fff; + background: hsla(0, 0%, 100%, .08); } -/* ALBUM STUDIO */ -.AlbumStudioAlbum-album-mOsjl, -.AlbumStudioAlbum-tracks-14O0r { + +/*Posters*/ + + +/* MASS EDITOR */ + +/* FOOTER */ +[class*="PageContentFooter-contentFooter-"] { 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; + background-color: rgba(0, 0, 0, .25); + color: #FFF; } /* CALENDAR */ -.CalendarDay-day-2TMXA, -.CalendarDays-days-girjM { +[class*="CalendarEvent-downloaded-"] { + background: rgb(var(--calendar-available) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-downloaded-"]:hover { + background: rgb(var(--calendar-available) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-missing-"] { + background: rgb(var(--calendar-missing) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-missing-"]:hover { + background: rgba(var(--calendar-missing) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unreleased-"] { + background: rgb(var(--calendar-unaired) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unreleased-"]:hover { + background: rgb(var(--calendar-unaired) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unmonitored-"] { + background: rgb(var(--calendar-unmonitored) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unmonitored-"]:hover { + background: rgb(var(--calendar-unmonitored) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-downloading-"] { + background: rgb(var(--calendar-downloading) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-downloading-"]:hover { + background: rgb(var(--calendar-downloading) / .5) !important; + border-left-color: transparent !important; +} + +[class*="DayOfWeek-dayOfWeek-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="CalendarDay-dayOfMonth-"] { + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + background-color: rgba(0, 0, 0, .25); +} + +[class*="CalendarDay-isToday-"] { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="CalendarDay-day-"], +[class*="CalendarDays-days-"] { -webkit-box-flex: 1; -webkit-flex: 1 0 14.28%; flex: 1 0 14.28%; @@ -1008,117 +753,253 @@ border-left-color: transparent !important; 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); +[class*="CalendarEvent-event-"] { + border-bottom: 1px solid transparent; } -.DayOfWeek-dayOfWeek--jS1P { - background-color: hsla(0, 0%, 100%, .08); +[class*="CalendarEventGroup-eventGroup-"] { + border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; } -.CalendarDay-isToday-1rFJO { +/* calendar agenda */ +[class*="AgendaEvent-event-"]:hover { background-color: hsla(0, 0%, 100%, .08) !important; } /* SETTINGS */ -/* TEXT */ -.Settings-summary-1BIsi { +[class*="PageContentBody-innerContentBody-"] [class*="Link-to-"] { 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); +[class*="Settings-summary-"] { + color: var(--text); } -.NamingOption-option-giCGd { +/* MEDIA MANAGEMENT - FILE NAME TOKENS */ +[class*="NamingOption-small-"] { border: 1px solid transparent; } -.NamingOption-example-RNR6x { +[class*="NamingOption-token-"] { + background-color: rgba(255, 255, 255, 0.15); +} + +[class*="NamingOption-token-"] { + background-color: rgba(255, 255, 255, 0.15); +} + +[class*="NamingOption-example-"] { background-color: rgba(255, 255, 255, 0.25); } -.NamingOption-option-giCGd:hover .NamingOption-token-1y5bz { +[class*="NamingOption-option-"] { + border: 1px solid transparent; +} + +[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { background-color: rgba(255, 255, 2550, 0.25); } -.NamingOption-option-giCGd:hover .NamingOption-example-RNR6x { +[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { 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); +/* PROFILES */ +[class*="Card-card-"], +[class*="QualityProfiles-addQualityProfile-"] { + background-color: rgba(0, 0, 0, .45); box-shadow: 0 0 10px 1px #000000; - color: #fff; + color: var(--text); } -.LanguageProfileItem-languageProfileItem-18XGg { +[class*="Card-card-"]:hover { + color: var(--text-hover); +} + +[class*="QualityProfiles-center-"], +[class*="LanguageProfiles-center-"], +[class*="ReleaseProfiles-center-"] { + background-color: transparent; border: none; + color: var(--text); +} + +[class*="QualityProfileItem-qualityProfileItem-"], +[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], +[class*="LanguageProfileItem-languageProfileItem-"] { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { background: rgba(0, 0, 0, 0.25); } -.QualityProfiles-addQualityProfile-2q4Re { - background-color: rgba(0, 0, 0, .25); +[class*="KeyValueListInputItem-keyInput-"], +[class*="KeyValueListInputItem-valueInput-"] { border: none; - color: #c2c6c8; + background: transparent; + color: white; } -.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 { +[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { + border: 1px solid transparent; + background: rgba(0, 0, 0, .25); +} + +/* PROFILES */ +[class*="Indexers-center-"] { background-color: transparent; border: none; - color: #c2c6c8; + color: var(--text); } -.Indexers-center-3HUez, -.Restrictions-center-3cS8T, -.DownloadClients-center-30cx9, -.ImportLists-center-17Qdu, -.Notifications-center-13jM2 { +[class*="Card-card-"], +[class*="QualityProfiles-addQualityProfile-"] { + background-color: rgba(0, 0, 0, .45); + box-shadow: 0 0 10px 1px #000000; + color: var(--text); +} + +[class*="QualityProfiles-center-"], +[class*="LanguageProfiles-center-"], +[class*="MetadataProfiles-center-"], +[class*="RootFolders-center-"] { + background-color: transparent; + border: none; + color: var(--text); +} + +[class*="Indexers-center-"], +[class*="Restrictions-center-"], +[class*="DownloadClients-center-"], +[class*="ImportLists-center-"], +[class*="Notifications-center-"] { display: inline-block; padding: 15px 20px 15px; border-radius: 4px; } -/* CONNECTIONS */ -.Label-danger-1rVtt.Label-outline-2ZP8n { - color: #FFF; - background-color: #f05050; +/* DOWNLOAD CLIENTS */ +[class*="DownloadClients-center-"] { + background-color: transparent; + border: none; + color: var(--text); } -/* EDIT QUALITY PROFILES */ -.QualityProfileItem-qualityProfileItem-VFp-W, -.QualityProfileItemGroup-qualityProfileItemGroup-2U1l5 { +/* CONNECTIONS */ +[class*="Notifications-center-"] { + background-color: transparent; border: none; + color: var(--text); +} + +/* LISTS */ +[class*="ImportLists-center-"] { + background-color: transparent; + border: none; + color: var(--text); +} + +/* LOG */ +[class*="Alert-info-"] { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.25); + color: #FFC107; +} + +/* INDEXER */ +[class*="Restrictions-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* LISTS */ +[class*="NetImports-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* CUSTOM FORMAT */ +[class*="CustomFormats-center-"], +[class*="EditCustomFormatModalContent-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* Login Page */ + +.panel-body { + background-color: rgba(0, 0, 0, 0.25); + color: var(--text); +} + +.panel-header { + background-color: rgba(0, 0, 0, 0.45); +} + +.forgot-password { + color: var(--text) !important; +} + +/* Custom filter */ +[class*="FilterBuilderRow-filterRow-"]:hover { + background-color: transparent; +} + +[class*="CustomFilter-customFilter-"]:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="SelectMovieModalContent-path-"] { + color: var(--text); +} + +/* -------------------------LIDARR STUFF------------------------------*/ + +[class*="ArtistIndexHeader-sortName-"]:hover, +[class*="ArtistIndexHeader-artistType-"]:hover, +[class*="ArtistIndexHeader-trackCount-"]:hover, +[class*="ArtistIndexHeader-qualityProfileId-"]:hover, +[class*="ArtistIndexHeader-languageProfileId-"]:hover, +[class*="ArtistIndexHeader-metadataProfileId-"]:hover, +[class*="ArtistIndexHeader-nextAlbum-"]:hover, +[class*="ArtistIndexHeader-lastAlbum-"]:hover, +[class*="ArtistIndexHeader-added-"]:hover, +[class*="ArtistIndexHeader-genres-"]:hover, +[class*="ArtistIndexHeader-albumCount-"]:hover, +[class*="ArtistIndexHeader-trackProgress-"]:hover, +[class*="ArtistIndexHeader-latestAlbum-"]:hover, +[class*="ArtistIndexHeader-actions-"]:hover { background-color: rgba(0, 0, 0, .25); color: #FFF; } -.QualityProfileItemGroup-qualityProfileItemGroup-2U1l5.QualityProfileItemGroup-editGroups-2KzDp { - background: rgba(0, 0, 0, 0.25); +/* Fix rating border*/ +[class*="ArtistIndexRow-ratings-"] { + border-top: 1px solid var(--text) !important; +} + +/* ALBUM STUDIO */ +[class*="AlbumStudioAlbum-albumType-"], +[class*="AlbumStudioAlbum-album-"], +[class*="AlbumStudioAlbum-tracks-"] { + border: none; + background-color: rgba(0, 0, 0, 0.25); + color: #fff; +} + +[class*="AlbumStudioAlbum-missingWanted-"] { + background-color: #f05050; +} + +[class*="AlbumStudioAlbum-allTracks-"] { + background-color: #0b8750; +} + +/* CONNECTIONS */ +[class*="Label-danger-"][class*="Label-outline-"] { + color: #FFF; + background-color: #f05050; } \ No newline at end of file diff --git a/CSS/themes/lidarr/organizr-dark.css b/CSS/themes/lidarr/organizr-dark.css index fbdd1ba9..2af090b6 100644 --- a/CSS/themes/lidarr/organizr-dark.css +++ b/CSS/themes/lidarr/organizr-dark.css @@ -17,15 +17,25 @@ --main-bg-color: #1f1f1f; --modal-bg-color: #1b1b1b; - --calendar-Downloading: 122 67 182; - --calendar-Downloaded: 39 194 76; - --calendar-Unreleased: 93 156 236; - --calendar-Partial: 255, 165, 0; - --calendar-Unmonitored: 173 173 173; - --calendar-Missing: 240 80 80; + --calendar-downloading: 122 67 182; + --calendar-downloaded: 39 194 76; + --calendar-unreleased: 93 156 236; + --calendar-partial: 255, 165, 0; + --calendar-unmonitored: 173 173 173; + --calendar-missing: 240 80 80; --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/lidarr/plex.css b/CSS/themes/lidarr/plex.css index 2326a723..9df72468 100644 --- a/CSS/themes/lidarr/plex.css +++ b/CSS/themes/lidarr/plex.css @@ -17,15 +17,25 @@ --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; - --calendar-Downloading: 122 67 182; - --calendar-Downloaded: 39 194 76; - --calendar-Unreleased: 93 156 236; - --calendar-Partial: 255, 165, 0; - --calendar-Unmonitored: 173 173 173; - --calendar-Missing: 240 80 80; + --calendar-downloading: 122 67 182; + --calendar-downloaded: 39 194 76; + --calendar-unreleased: 93 156 236; + --calendar-partial: 255, 165, 0; + --calendar-unmonitored: 173 173 173; + --calendar-missing: 240 80 80; --button-color: #cc7b19; --button-color-hover: #e59029; + --button-text: #eee; + --button-text-hover: #FFF; + --accent-color: #e5a00d; --accent-color-hover: #ffc107; + --queue-color: #27c24c; + --link-color: #e5a00d; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/lidarr/space-gray.css b/CSS/themes/lidarr/space-gray.css index 2dc5888d..b624fde5 100644 --- a/CSS/themes/lidarr/space-gray.css +++ b/CSS/themes/lidarr/space-gray.css @@ -17,15 +17,25 @@ --main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; - --calendar-Downloading: 122 67 182; - --calendar-Downloaded: 39 194 76; - --calendar-Unreleased: 93 156 236; - --calendar-Partial: 255, 165, 0; - --calendar-Unmonitored: 173 173 173; - --calendar-Missing: 240 80 80; + --calendar-downloading: 122 67 182; + --calendar-downloaded: 39 194 76; + --calendar-unreleased: 93 156 236; + --calendar-partial: 255, 165, 0; + --calendar-unmonitored: 173 173 173; + --calendar-missing: 240 80 80; --button-color: #607D8B; --button-color-hover: #81a6b7; + --button-text: #eee; + --button-text-hover: #FFF; + --accent-color: #607D8B; --accent-color-hover: #81a6b7; + --queue-color: #81a6b7; + --link-color: #81a6b7; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/radarr/aquamarine.css b/CSS/themes/radarr/aquamarine.css index eb10f42d..dace22ad 100644 --- a/CSS/themes/radarr/aquamarine.css +++ b/CSS/themes/radarr/aquamarine.css @@ -18,15 +18,24 @@ --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; --calendar-in-cinemas: 53, 197, 244; - --calendar-Downloading: 122 67 182; - --calendar-Unmonitored: 173 173 173; - --calendar-Unaired: 93 156 236; + --calendar-downloading: 122 67 182; + --calendar-unmonitored: 173 173 173; + --calendar-unaired: 93 156 236; --calendar-missing: 240 80 80; --calendar-available: 39 194 76; --button-color: #009688; --button-color-hover: #12afa0; + --button-text: #eee; + --button-text-hover: #FFF; + --accent-color: #009688; --accent-color-hover: #12afa0; --queue-color: #009688; + --link-color: #0ed2bf; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; } diff --git a/CSS/themes/radarr/dark.css b/CSS/themes/radarr/dark.css index 87ceee20..3d848d60 100644 --- a/CSS/themes/radarr/dark.css +++ b/CSS/themes/radarr/dark.css @@ -18,15 +18,24 @@ --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; --calendar-in-cinemas: 53, 197, 244; - --calendar-Downloading: 122 67 182; - --calendar-Unmonitored: 173 173 173; - --calendar-Unaired: 93 156 236; + --calendar-downloading: 122 67 182; + --calendar-unmonitored: 173 173 173; + --calendar-unaired: 93 156 236; --calendar-missing: 240 80 80; --calendar-available: 39 194 76; --button-color: hsla(0,0%,100%,.15); --button-color-hover: hsla(0,0%,100%,.30); + --button-text: #eee; + --button-text-hover: #FFF; + --accent-color: rgba(255, 255, 255, 0.25); --accent-color-hover: rgba(255, 255, 255, 0.45); --queue-color: #6b5; + --link-color: #ddd; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/radarr/hotline.css b/CSS/themes/radarr/hotline.css index ac5b1a85..c69c2b97 100644 --- a/CSS/themes/radarr/hotline.css +++ b/CSS/themes/radarr/hotline.css @@ -18,15 +18,24 @@ --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; --calendar-in-cinemas: 53, 197, 244; - --calendar-Downloading: 122 67 182; - --calendar-Unmonitored: 173 173 173; - --calendar-Unaired: 93 156 236; + --calendar-downloading: 122 67 182; + --calendar-unmonitored: 173 173 173; + --calendar-unaired: 93 156 236; --calendar-missing: 240 80 80; --calendar-available: 39 194 76; --button-color: hsla(0,0%,100%,.15); --button-color-hover: hsla(0,0%,100%,.30); + --button-text: #eee; + --button-text-hover: #FFF; + --accent-color: #F44336; --accent-color-hover: #0b3161; --queue-color: #6b5; + --link-color: #ddd; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/radarr/organizr-dark.css b/CSS/themes/radarr/organizr-dark.css index 221ad402..647715c7 100644 --- a/CSS/themes/radarr/organizr-dark.css +++ b/CSS/themes/radarr/organizr-dark.css @@ -18,15 +18,24 @@ --modal-bg-color: #1b1b1b; --calendar-in-cinemas: 53, 197, 244; - --calendar-Downloading: 122 67 182; - --calendar-Unmonitored: 173 173 173; - --calendar-Unaired: 93 156 236; + --calendar-downloading: 122 67 182; + --calendar-unmonitored: 173 173 173; + --calendar-unaired: 93 156 236; --calendar-missing: 240 80 80; --calendar-available: 39 194 76; --button-color: #2cabe3; --button-color-hover: rgb(44 171 227 / .8); + --button-text: #eee; + --button-text-hover: #fff; + --accent-color: #2cabe3; --accent-color-hover: white; --queue-color: #2cabe3; + --link-color: #2cabe3; + --link-color-hover: #fff; + + --text:#96a2b4; + --text-hover: #fff; + --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/radarr/plex.css b/CSS/themes/radarr/plex.css index d41f94d4..288e6c46 100644 --- a/CSS/themes/radarr/plex.css +++ b/CSS/themes/radarr/plex.css @@ -18,15 +18,24 @@ --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; --calendar-in-cinemas: 53, 197, 244; - --calendar-Downloading: 122 67 182; - --calendar-Unmonitored: 173 173 173; - --calendar-Unaired: 93 156 236; + --calendar-downloading: 122 67 182; + --calendar-unmonitored: 173 173 173; + --calendar-unaired: 93 156 236; --calendar-missing: 240 80 80; --calendar-available: 39 194 76; --button-color: #cc7b19; --button-color-hover: #e59029; + --button-text: #eee; + --button-text-hover: #fff; + --accent-color: #e5a00d; --accent-color-hover: #ffc107; --queue-color: #27c24c; + --link-color: #e5a00d; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/radarr/radarr-base.css b/CSS/themes/radarr/radarr-base.css index 08f3b7a0..f172c160 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,176 +11,6 @@ /* 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; -} - -/* 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, .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); - -} -::-webkit-scrollbar-thumb { - -webkit-border-radius: 2px; - border-radius: 2px; - background-color: hsla(0,0%,100%,.08); -} - -/* 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; @@ -190,1168 +19,908 @@ body { -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; + color: var(--text); } -.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; -} - - - -/* -------------------------Radarr V3------------------------------*/ -/* Radarr v3 theme */ - /* Froms */ -.FormInputHelpText-helpText-3_AVV { - color: #ffffff; + +[class*="FormInputHelpText-helpText-"] { + color: var(--text); +} + +[class*="FormInputGroup-inputUnit-"] { + color: var(--text) !important; } -.FormInputGroup-inputUnit-19QXo { - color: #eee !important; - } /* LINKS */ -.Link-to-6fmSq { - color: #FFF; +[class*="Link-to-"] { + color: var(--text); } -.Link-to-6fmSq:hover { - color: #FFF; + +[class*="Link-to-"]:hover { + color: var(--text-hover); text-decoration: none; } +a { + color: var(--link-color); +} + +a:hover { + color: var(--link-color-hover); +} + +[class*="TableRowCell-cell-"] [class*="Link-to-"] { + color: var(--link-color) !important; +} + +[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover { + color: var(--link-color-hover) !important; +} + /* Buttons */ -.Button-default-2uiHU { - color: #FFF; +[class*="Button-default-"] { + color: var(--button-text); 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 { +[class*="Button-default-"]:hover { border-color: transparent; background-color: var(--button-color-hover) !important; - color: #fff; + color: var(--button-text-hover); } -.Button-success-36KsU { + +[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: #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: #fff; + 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-358v5"] { + color: var(--text); } -.LoadingIndicator-ripple-358v5 { - border: 2px solid #fff; + +[class*="LoadingIndicator-ripple-"] { + border: 2px solid #fff; } /* MODAL */ -.ModalHeader-modalHeader-gpcvG { +[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 { + +[class*="ModalContent-modalContent-"] { background: var(--modal-bg-color); - color: #fff; + 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: #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); - } +[class*="TagInput-internalInput-"] { + background-color: transparent; + color: #fff; +} + +[class*="SelectInput-select-"] { + background-color: rgba(0, 0, 0, 0.25) !important; +} + +[class*="SelectInput-select-"]:active, +[class*="SelectInput-select-"]:focus { + background: #1e1e1e !important; +} + +[class*="AutoSuggestInput-suggestionsList-"], +[class*="AutoSuggestInput-suggestionsContainerOpen-"], +[class*="AutoSuggestInput-suggestionsContainer-"] { + background-color: #323232 !important; + color: white; + border: none !important; +} + +[class*="AutoSuggestInput-suggestionHighlighted-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="CheckInput-primaryIsChecked-"] { + border-color: var(--accent-color) !important; + background-color: var(--accent-color) !important; +} - .CheckInput-primaryIsChecked-3mVN0 { - border-color: transparent; - background-color: var(--accent-color); - } /* HEADER */ - .PageHeader-header-1IhlM { - background-color: rgba(0, 0, 0, .7); - } +[class*="PageHeader-header-"] { + 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 { +/* SEARCH DROPDOWN HEADER */ + +[class*="PageHeader-donate-"] { color: #c4273c !important; - } - .MovieSearchInput-movieContainer-2yDTR::-webkit-scrollbar-thumb { - background-color: rgba(255, 255, 255, 0.25); - } - .MovieSearchInput-sectionTitle-1j29e { - color: #fff; - } +} - +/* RADARR SPECIFIC */ +[class*="MovieSearchInput-sectionTitle-"] { + color: #fff; +} + +[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] { + border: none !important; + background: var(--modal-bg-color); + color: #fff !important; + box-shadow: 0 0 10px 1px transparent !important; +} + +[class*="MovieSearchInput-highlighted-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="MovieSearchInput-movieContainer-"]::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.25); +} /* SIDE MENU */ - .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; - } +[class*="PageSidebar-sidebarContainer-"] { + background-color: rgba(0, 0, 0, .25); +} - @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); +[class*="PageSidebar-sidebar-"] { + background-color: transparent; +} + +[class*="PageSidebarItem-link-"]:hover, +[class*="PageSidebarItem-link-"]:focus { + color: var(--text-hover) !important; + background-color: hsla(0, 0%, 100%, .08); + text-decoration: none; +} + +[class*="PageSidebarItem-isActiveLink-"] { + color: #FFF; + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="PageSidebarItem-isActiveParentLink-"] { + background-color: transparent; +} + +@media only screen and (max-width: 768px) { + [class*="PageSidebar-sidebarContainer-"] { + background: var(--main-bg-color) !important; } +} + +[class*="PageSidebarItem-isActiveItem-"] { + border-left: 3px solid var(--accent-color); +} /* MOVIES PAGE */ - - /* OVERVIEW PAGE */ - - .MovieIndexPoster-controls-COwa9 { +/* RADARR SPECIFIC */ +[class*="MovieIndexPoster-controls-"] { 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 { + +/* OVERVIEW PAGE */ + +[class*="MovieIndexOverviews-container-"], +[class*="MovieIndexOverviews-container-"]:hover { + background-color: transparent !important; +} + +[class*="MovieIndexOverview-container-"]:hover [class*="MovieIndexOverview-content-"] { + background-color: transparent; +} + +[class*="AddListMovieOverview-container-"]:hover [class*="AddListMovieOverview-content-"] { background-color: rgba(255, 255, 255, 0.08); } - .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 { + +[class*="AddListMoviePoster-title-"] { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="MovieIndexOverview-content-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="MovieIndexOverview-link-"]:hover { + text-decoration: none; +} + +[class*="ProgressBar-container-"] { background-color: rgba(0, 0, 0, 0.25); } -.ProgressBar-purple-3DlHm { +[class*=".ProgressBar-purple-"] { background-color: var(--accent-color); } - /* MOVIE PAGE */ - .MovieDetailsSeason-season-3XIYa, .MovieDetailsSeason-collapseButtonContainer-3XxzX { + +/* MOVIE PAGE */ +[class*="MovieDetailsSeason-season-"], +[class*="MovieDetailsSeason-collapseButtonContainer-"] { 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 { +[class*="MovieDetailsSeason-actionButton-"], +[class*="MovieDetailsSeason-collapseButtonIcon-"] { + color: var(--text) !important; +} + +.fa-search:hover { + color: var(--text-hover) !important; +} + +[class*="Icon-default-"]:hover { + color: #fff; +} + +[class*="MonitorToggleButton-toggleButton-"] { color: #dadada; - } - .MovieDetailsSeason-seasonNumber-FL7Dt { +} + + +[class*="ProtocolLabel-torrent-"] { + border-color: #00853d !important; + background-color: #00853d !important; +} + +[class*="ProtocolLabel-usenet-"] { + border-color: #17b1d9 !important; + background-color: #17b1d9 !important; +} + +[class*="MovieDetailsSeason-seasonNumber-"] { color: #fff; - } - .Table-table-2C3O8 { - color: #fff; - } - .MovieDetailsSeason-collapseButtonContainer-trs6s { - border: none !important; +} + +[class*="MovieDetailsSeason-collapseButtonContainer-"] { + 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 { +} + +[class*="MovieFileEditorTable-container-"] { + border: 1px solid transparent; + background-color: rgba(0, 0, 0, 0.25); +} + +[class*="ExtraFileTable-container-"] { + border: 1px solid transparent; + background-color: rgba(0, 0, 0, .25); +} + +.Table-table-2C3O8 { + color: #fff; +} + +[class*="Popover-title-"], +[class*="SeasonInfo-title-"], +[class*="Popover-body-"], +[class*="Tooltip-body-"] { + background: var(--modal-bg-color) !important; +} + +[class*="Tooltip-tooltipContainer-"] { + color: #fff; +} + +[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { + border-bottom-color: var(--text); +} + +[class*="Tooltip-right-"][class*="Tooltip-default-"] { + border-right-color: var(--text); +} + +[class*="EpisodeTitleLink-link-"]:hover { + color: #ffffff; + text-decoration: none; +} + +[class*="IconButton-button-"] { + color: var(--text); +} + +[class*="IconButton-button-"]:hover { + background-color: transparent; + color: var(--text-hover); +} + +[class*="Label-default-"] { + border-color: var(--accent-color); + background-color: var(--accent-color); +} + +[class*="Label-info-"] { + border-color: var(--accent-color); + background-color: var(--accent-color); + color: #fff; +} + +[class*="PageSidebarItem-status-"][class*="Label-info-"] { + border-color: var(--queue-color); + background-color: var(--queue-color); + color: #fff; +} + +[class*="MovieDetails-selectedTab-"] { + border-bottom: 4px solid var(--accent-color); +} + +/* Table options*/ +[class*="TableOptionsColumn-column-"] { background: rgba(0, 0, 0, .25); color: #FFF; - border: none; - } + border: none; +} - /* 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*="TableHeaderCell-headerCell-"] { + color: #fff; +} + +[class*="Table-table-"] { + color: var(--text); +} + +[class*="TableRow-row-"]:hover { + background-color: hsla(0, 0%, 100%, .08); + color: var(--text-hover); +} + +/* TOP MENU SERIES */ +[class*="PageToolbar-toolbar-"] { + background-color: rgba(0, 0, 0, .25); + color: var(--text); +} + +[class*="PageToolbarButton-label-"] { + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] { + opacity: .5; + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover, +[class*="PageToolbarButton-isDisabled-"]:hover { + color: var(--text) !important; +} + +[class*="PageToolbarButton-label-"] { + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"]:hover { + color: var(--text-hover); +} + +[class*="MenuButton-menuButton-"]:hover { + color: var(--text-hover); +} + +/* POSTERS */ +[class*="MovieIndexPoster-title-"], +[class*="MovieIndexPoster-nextAiring-"], +[class*="MovieIndexPosterInfo-info-"], +[class*="MovieIndexPosterInfo-info-"], +[class*="MovieCreditPoster-title-"] { + background-color: rgba(255, 255, 255, 0.08); + color: var(--text); +} + +/* LIBRARY TOP HEADER DROPDOWN */ +[class*="MenuItem-menuItem-"], +[class*="MenuContent-menuContent-"] { background: var(--modal-bg-color); - color: #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: var(--text); +} + +[class*="MenuContent-scroller-"] { + box-shadow: black 0 0 5px 0px; +} + +[class*="MenuItem-menuItem-"]:hover, +[class*="MenuItem-menuItem-"]:focus { + background: hsla(0, 0%, 100%, .08) !important; + color: var(--text-hover); + text-decoration: none; +} + +[class*="MenuItemSeparator-separator-"] { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +/* ALPHABET JUMP BAR */ +[class*="PageJumpBar-jumpBar-"] { color: #FFF; - } - .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; +} + +/* MINI RIGHT SCROLL BAR */ +[class*="OverlayScroller-thumb-"] { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="OverlayScroller-thumb-"]:hover { + background-color: rgba(255, 255, 255, 0.25) !important; } /* ADD NEW */ - div[class*='EnhancedSelectInputOption'] { +div[class*='EnhancedSelectInputOption'] { background-color: #1e1e1e; color: #fff; - } - div[class*='EnhancedSelectInputOption']:hover { +} + +div[class*='EnhancedSelectInputOption']:hover { background-color: rgba(255, 255, 255, 0.08); color: #fff; - } - .EnhancedSelectInput-options-3yy65 { - border: 1px solid #dde6e9; +} + +[class*="EnhancedSelectInput-options-"] { + border: 1px solid #1e1e1e; 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; +/* SEARCH BAR */ +[class*="Input-input-"], +[class*="AddNewMovie-searchIconContainer-"], +[class*="CheckInput-isIndeterminate-"] { + border: none; + background-color: rgba(255, 255, 255, 0.08); + color: #FFF +} + +[class*="MovieSearchInput-container-"] [class*="Input-input-"] { + background: transparent; + border-bottom: solid 1px #fff; +} + +[class*="MovieSearchInput-container-"] [class*="Input-input-"]:focus { + border-bottom: none; + background: transparent; +} + +[class*="MovieSearchResult-alternateTitle-"] { + color: #ffffff; + font-size: 12px; +} + +[class*="AddNewMovieSearchResult-year-"] { + color: #fff !important; +} + +[class*="Input-input-"]:focus { + outline: 0; + border-color: #fff; + box-shadow: none; background-color: rgba(255, 255, 255, 0.25); - } - .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 { +} + +[class*="TagInput-input-"][class*="TagInput-isFocused-"] { + outline: 0; + border-color: #fff; + box-shadow: none; +} + +/* TEXT COLOR */ + +[class*="PageContentBody-innerContentBody-"] { + color: var(--text); +} + +/* SEARCH RESULTS */ +[class*="AddNewMovieSearchResult-searchResult-"], +[class*="AddNewMovieSearchResult-underlay-"] { + background-color: transparent !important; +} + +[class*="AddNewMovieSearchResult-searchResult-"]:hover, +[class*="AddNewMovieSearchResult-underlay-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="AddNewmovieModalContent-year-"] { color: #fff; - } - /* 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 ;} +} + +[class*="RootFolderSelectInputSelectedValue-movieFolder-"], +[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { + color: #fff; +} + +/* MOVE THIS */ +::placeholder { + color: var(--text); +} + +:-ms-input-placeholder { + color: var(--text) +} + +::-webkit-input-placeholder { + color: var(--text); +} + /* IMPORT */ - .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: #FFF; - } - .VirtualTableRow-row-2-JS9:hover { - background-color: hsla(0,0%,100%,.08); - } - .ImportMovieSelectMovie-button-3CL3L, .ImportMovieSelectMovie-button-1dL1Z { +} + +[class*="VirtualTableRow-row-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +/* Drop down menu/button*/ +[class*="ImportMovieSelectMovie-button-"] { border: none !important; background-color: rgba(0, 0, 0, 0.25) !important; - } - .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*="ImportMovieSelectMovie-content-"], +[class*="ImportMovieSelectMovie-searchIconContainer-"] { + border: none; + background: var(--modal-bg-color); + color: white; +} + +[class*="ImportMovieSearchResult-movie-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="ImportMovieTitle-year-"] { + color: var(--text-muted); +} /* DISCOVER */ -.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; +[class*="AddListMovieOverview-link-"] { + color: var(--text); } -.AddListMovieOverview-link-3_RaH:hover { + +[class*="AddListMovieOverview-link-"]:hover { color: #fff; } -.AddListMovieOverview-content-2dBtg:hover { - background-color: hsla(0,0%,100%,.08) !important; +[class*="AddListMovieOverview-content-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; } -.PageJumpBarItem-jumpBarItem-3F58I:hover { + +[class*="PageJumpBarItem-jumpBarItem-"]:hover { color: #fff; - background: hsla(0,0%,100%,.08); + background: hsla(0, 0%, 100%, .08); } + /*Posters*/ -.AddListMoviePoster-title-2qKvg { +[class*="AddListMoviePoster-title-"] { background-color: rgba(255, 255, 255, 0.08); color: #fff; } + /* MASS EDITOR */ - /* FOOTER */ - .PageContentFooter-contentFooter-3ODMj { +/* FOOTER */ +[class*="PageContentFooter-contentFooter-"] { 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 */ - .CalendarEvent-downloaded-2vSrJ { +[class*="CalendarEvent-downloaded-"] { background: rgb(var(--calendar-available) / .7) !important; border-left-color: transparent !important; - } - .CalendarEvent-downloaded-2vSrJ:hover { +} + +[class*="CalendarEvent-downloaded-"]:hover { background: rgb(var(--calendar-available) / .5) !important; border-left-color: transparent !important; - } - .CalendarEvent-missing-1y6vZ { +} + +[class*="CalendarEvent-missing-"] { 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-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; - } +[class*="CalendarEvent-missing-"]:hover { + background: rgba(var(--calendar-missing) / .5) !important; + border-left-color: transparent !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; - } +[class*="CalendarEvent-unreleased-"] { + background: rgb(var(--calendar-unaired) / .7) !important; + border-left-color: transparent !important; +} +[class*="CalendarEvent-unreleased-"]:hover { + background: rgb(var(--calendar-unaired) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unmonitored-"] { + background: rgb(var(--calendar-unmonitored) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unmonitored-"]:hover { + background: rgb(var(--calendar-unmonitored) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-downloading-"] { + background: rgb(var(--calendar-downloading) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-downloading-"]:hover { + background: rgb(var(--calendar-downloading) / .5) !important; + border-left-color: transparent !important; +} + +[class*="DayOfWeek-dayOfWeek-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="CalendarDay-dayOfMonth-"] { + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + background-color: rgba(0, 0, 0, .25); +} + +[class*="CalendarDay-isToday-"] { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="CalendarDay-day-"], +[class*="CalendarDays-days-"] { + -webkit-box-flex: 1; + -webkit-flex: 1 0 14.28%; + flex: 1 0 14.28%; + overflow: hidden; + min-height: 70px; + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + border-left: 1px solid hsla(0, 0%, 100%, .08); + border-right: 1px solid hsla(0, 0%, 100%, .08); +} + +[class*="CalendarEvent-movieTitle-"], +[class*="CalendarEvent-episodeInfo-"], +[class*="CalendarEvent-airTime-"] { + color: #ffffff !important; +} + +[class*="CalendarEvent-movieInfo-"] { + color: var(--text); +} + +[class*="CalendarEvent-event-"] { + border-bottom: 1px solid transparent; +} + +[class*="CalendarEventGroup-eventGroup-"] { + border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; +} + +[class*="CalendarEventGroup-movieTitle-"] { + color: #ffffff !important; +} + +[class*="CalendarEventGroup-airTime-"] { + color: var(--text); +} + +[class*="CalendarEventGroup-episodeInfo-"] { + color: var(--text); +} + +/* calendar agenda */ +[class*="AgendaEvent-event-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} /* SETTINGS */ +[class*="PageContentBody-innerContentBody-"] [class*="Link-to-"] { + color: #fff; +} - .Settings-summary-3KPAv { - 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); - } +/* MEDIA MANAGEMENT - FILE NAME TOKENS */ +[class*="NamingOption-small-"] { + border: 1px solid transparent; +} - .NamingOption-example-RNR6x { - background-color: rgba(255, 255, 255, 0.25); - } +[class*="NamingOption-token-"] { + background-color: rgba(255, 255, 255, 0.15); +} - /* PROFILES */ - .Card-card-1iGZk, .QualityProfiles-addQualityProfile-2U2Io { - background-color: rgba(0,0,0,.45); +[class*="NamingOption-token-"] { + background-color: rgba(255, 255, 255, 0.15); +} + +[class*="NamingOption-example-"] { + background-color: rgba(255, 255, 255, 0.25); +} + +[class*="NamingOption-option-"] { + border: 1px solid transparent; +} + +[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { + background-color: rgba(255, 255, 2550, 0.25); +} + +[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { + background-color: rgba(255, 255, 2550, 0.35); +} + +/* PROFILES */ +[class*="Card-card-"], +[class*="QualityProfiles-addQualityProfile-"] { + background-color: rgba(0, 0, 0, .45); box-shadow: 0 0 10px 1px #000000; - color: #c2c6c8; - } - .Card-card-1iGZk:hover { - color: white; - } - .QualityProfiles-center-1iiKm, .LanguageProfiles-center-7EV_2, .ReleaseProfiles-center-114Qx { - background-color: transparent; + color: var(--text); +} + +[class*="Card-card-"]:hover { + color: var(--text-hover); +} + +[class*="QualityProfiles-center-"], +[class*="LanguageProfiles-center-"], +[class*="ReleaseProfiles-center-"] { + background-color: transparent; border: none; - color: #c2c6c8; - } - .QualityProfileItem-qualityProfileItem-VFp-W, .QualityProfileItemGroup-qualityProfileItemGroup-2U1l5, .LanguageProfileItem-languageProfileItem-18XGg { + color: var(--text); +} + +[class*="QualityProfileItem-qualityProfileItem-"], +[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], +[class*="LanguageProfileItem-languageProfileItem-"] { border: none; background-color: rgba(0, 0, 0, .25); color: #FFF; - } - .QualityProfileItemGroup-qualityProfileItemGroup-2U1l5.QualityProfileItemGroup-editGroups-2KzDp { +} + +[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { 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; +} + +[class*="KeyValueListInputItem-keyInput-"], +[class*="KeyValueListInputItem-valueInput-"] { border: none; - color: #c2c6c8; - } + background: transparent; + color: white; +} - /* DOWNLOAD CLIENTS */ - .DownloadClients-center-FvACx { - background-color: transparent; +[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { + border: 1px solid transparent; + background: rgba(0, 0, 0, .25); +} + +/* PROFILES */ +[class*="Indexers-center-"] { + background-color: transparent; border: none; - color: #c2c6c8; - } + color: var(--text); +} - /* CONNECTIONS */ - .Notifications-center-8iwmy { - background-color: transparent; +/* DOWNLOAD CLIENTS */ +[class*="DownloadClients-center-"] { + background-color: transparent; border: none; - color: #c2c6c8; - } + color: var(--text); +} - /* LISTS */ - .ImportLists-center-17Qdu{ - background-color: transparent; - border: none; - color: #c2c6c8; - } +/* CONNECTIONS */ +[class*="Notifications-center-"] { + background-color: transparent; + border: none; + color: var(--text); +} - /* LOG */ - .Alert-info-1J8mE { +/* LISTS */ +[class*="ImportLists-center-"] { + background-color: transparent; + border: none; + color: var(--text); +} + +/* LOG */ +[class*="Alert-info-"] { border-color: transparent; background-color: rgba(0, 0, 0, 0.25); color: #FFC107; - } - - /* INDEXER */ - .Restrictions-center-3ngzk { - border: 1px solid transparent; - background-color: transparent; - } +} + +/* INDEXER */ +[class*="Restrictions-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* LISTS */ +[class*="NetImports-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* CUSTOM FORMAT */ +[class*="CustomFormats-center-"], +[class*="EditCustomFormatModalContent-center-"] { + border: 1px solid transparent; + background-color: transparent; +} - /* 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; + color: var(--text); } + .panel-header { background-color: rgba(0, 0, 0, 0.45); } + .forgot-password { - color: #eee !important; + color: var(--text) !important; } /* Custom filter */ -.FilterBuilderRow-filterRow-1ozij:hover { +[class*="FilterBuilderRow-filterRow-"]:hover { background-color: transparent; } -.CustomFilter-customFilter-zBSMd:hover { - background-color: hsla(0,0%,100%,.08); + +[class*="CustomFilter-customFilter-"]:hover { + background-color: hsla(0, 0%, 100%, .08); } -.SelectMovieModalContent-path-32FI- { - color: #eee; -} +[class*="SelectMovieModalContent-path-"] { + color: var(--text); +} \ 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/radarr/space-gray.css b/CSS/themes/radarr/space-gray.css index 799c1d47..38ce3b5f 100644 --- a/CSS/themes/radarr/space-gray.css +++ b/CSS/themes/radarr/space-gray.css @@ -18,15 +18,24 @@ --modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; --calendar-in-cinemas: 53, 197, 244; - --calendar-Downloading: 122 67 182; - --calendar-Unmonitored: 173 173 173; - --calendar-Unaired: 93 156 236; + --calendar-downloading: 122 67 182; + --calendar-unmonitored: 173 173 173; + --calendar-unaired: 93 156 236; --calendar-missing: 240 80 80; --calendar-available: 39 194 76; --button-color: #607D8B; --button-color-hover: #81a6b7; + --button-text: #eee; + --button-text-hover: #fff; + --accent-color: #607D8B; --accent-color-hover: #81a6b7; --queue-color: #81a6b7; + --link-color: #81a6b7; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; } diff --git a/CSS/themes/sonarr/aquamarine.css b/CSS/themes/sonarr/aquamarine.css index de7446bf..a0db9c5e 100644 --- a/CSS/themes/sonarr/aquamarine.css +++ b/CSS/themes/sonarr/aquamarine.css @@ -16,22 +16,26 @@ --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; - --calendar-tv-Unaired-Premiere: 53 197 244; - --calendar-tv-Downloading: 122 67 182; - --calendar-tv-Unmonitored: 173 173 173; - --calendar-tv-Unaired: 93 156 236; + --calendar-tv-unaired-premiere: 53 197 244; + --calendar-tv-downloading: 122 67 182; + --calendar-tv-unmonitored: 173 173 173; + --calendar-tv-unaired: 93 156 236; --calendar-tv-missing: 240 80 80; - --calendar-tv-On-Air: 255 165 0; + --calendar-tv-on-air: 255 165 0; --calendar-tv-available: 39 194 76; --button-color: #009688; --button-color-hover: #12afa0; + --button-text: #eee; + --button-text-hover: #FFF; + --accent-color: #009688; --accent-color-hover: #12afa0; --queue-color: #009688; - --link-color: #009688; + --link-color: #0ed2bf; --link-color-hover: #fff; --text:#eee; --text-hover: #fff; + --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/sonarr/dark.css b/CSS/themes/sonarr/dark.css index 5f876a74..81454fd3 100644 --- a/CSS/themes/sonarr/dark.css +++ b/CSS/themes/sonarr/dark.css @@ -1,3 +1,4 @@ + /* dP dP dP */ /* 88 88 88 */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ @@ -16,16 +17,19 @@ --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - --calendar-tv-Unaired-Premiere: 53 197 244; - --calendar-tv-Downloading: 122 67 182; - --calendar-tv-Unmonitored: 173 173 173; - --calendar-tv-Unaired: 93 156 236; + --calendar-tv-unaired-premiere: 53 197 244; + --calendar-tv-downloading: 122 67 182; + --calendar-tv-unmonitored: 173 173 173; + --calendar-tv-unaired: 93 156 236; --calendar-tv-missing: 240 80 80; - --calendar-tv-On-Air: 255 165 0; + --calendar-tv-on-air: 255 165 0; --calendar-tv-available: 39 194 76; - + --button-color: hsla(0,0%,100%,.15); --button-color-hover: hsla(0,0%,100%,.30); + --button-text: #eee; + --button-text-hover: #FFF; + --accent-color: rgba(255, 255, 255, 0.25); --accent-color-hover: rgba(255, 255, 255, 0.45); --queue-color: #6b5; @@ -34,4 +38,5 @@ --text:#eee; --text-hover: #fff; + --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/sonarr/hotline.css b/CSS/themes/sonarr/hotline.css index 113363aa..5f468ba1 100644 --- a/CSS/themes/sonarr/hotline.css +++ b/CSS/themes/sonarr/hotline.css @@ -16,16 +16,19 @@ --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; - --calendar-tv-Unaired-Premiere: 53 197 244; - --calendar-tv-Downloading: 122 67 182; - --calendar-tv-Unmonitored: 173 173 173; - --calendar-tv-Unaired: 93 156 236; + --calendar-tv-unaired-premiere: 53 197 244; + --calendar-tv-downloading: 122 67 182; + --calendar-tv-unmonitored: 173 173 173; + --calendar-tv-unaired: 93 156 236; --calendar-tv-missing: 240 80 80; - --calendar-tv-On-Air: 255 165 0; + --calendar-tv-on-air: 255 165 0; --calendar-tv-available: 39 194 76; - + --button-color: hsla(0,0%,100%,.15); --button-color-hover: hsla(0,0%,100%,.30); + --button-text: #eee; + --button-text-hover: #FFF; + --accent-color: #F44336; --accent-color-hover: #0b3161; --queue-color: #6b5; @@ -34,4 +37,5 @@ --text:#eee; --text-hover: #fff; + --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/sonarr/organizr-dark.css b/CSS/themes/sonarr/organizr-dark.css index f0b68b4f..7b9ebe5f 100644 --- a/CSS/themes/sonarr/organizr-dark.css +++ b/CSS/themes/sonarr/organizr-dark.css @@ -16,16 +16,19 @@ --main-bg-color: #1f1f1f; --modal-bg-color: #1b1b1b; - --calendar-tv-Unaired-Premiere: 53 197 244; - --calendar-tv-Downloading: 122 67 182; - --calendar-tv-Unmonitored: 173 173 173; - --calendar-tv-Unaired: 93 156 236; + --calendar-tv-unaired-premiere: 53 197 244; + --calendar-tv-downloading: 122 67 182; + --calendar-tv-unmonitored: 173 173 173; + --calendar-tv-unaired: 93 156 236; --calendar-tv-missing: 240 80 80; - --calendar-tv-On-Air: 255 165 0; + --calendar-tv-on-air: 255 165 0; --calendar-tv-available: 39 194 76; - + --button-color: #2cabe3; --button-color-hover: rgb(44 171 227 / .8); + --button-text: #eee; + --button-text-hover: #fff; + --accent-color: #2cabe3; --accent-color-hover: white; --queue-color: #2cabe3; @@ -34,4 +37,5 @@ --text:#96a2b4; --text-hover: #fff; + --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/sonarr/plex.css b/CSS/themes/sonarr/plex.css index 0a972842..8321abaa 100644 --- a/CSS/themes/sonarr/plex.css +++ b/CSS/themes/sonarr/plex.css @@ -16,16 +16,19 @@ --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; - --calendar-tv-Unaired-Premiere: 53 197 244; - --calendar-tv-Downloading: 122 67 182; - --calendar-tv-Unmonitored: 173 173 173; - --calendar-tv-Unaired: 93 156 236; + --calendar-tv-unaired-premiere: 53 197 244; + --calendar-tv-downloading: 122 67 182; + --calendar-tv-unmonitored: 173 173 173; + --calendar-tv-unaired: 93 156 236; --calendar-tv-missing: 240 80 80; - --calendar-tv-On-Air: 255 165 0; + --calendar-tv-on-air: 255 165 0; --calendar-tv-available: 39 194 76; - + --button-color: #cc7b19; --button-color-hover: #e59029; + --button-text: #eee; + --button-text-hover: #fff; + --accent-color: #e5a00d; --accent-color-hover: #ffc107; --queue-color: #27c24c; @@ -34,4 +37,5 @@ --text:#eee; --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..dd6b5047 100644 --- a/CSS/themes/sonarr/sonarr-base.css +++ b/CSS/themes/sonarr/sonarr-base.css @@ -20,790 +20,26 @@ 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 { - color: #eee !important; +[class*="FormInputGroup\/inputUnit\/"] { + color: var(--text) !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 +50,434 @@ 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; } -.AutoSuggestInput\/suggestionsList\/_bVXO, -.AutoSuggestInput\/suggestionsContainerOpen\/3TAB7, -.AutoSuggestInput\/suggestionsContainer\/3MmlD { +[class*="SelectInput\/select\/"]:active, +[class*="SelectInput\/select\/"]:focus { + background: #1e1e1e !important; +} + +[class*="AutoSuggestInput\/suggestionsList\/"], +[class*="AutoSuggestInput\/suggestionsContainerOpen\/"], +[class*="AutoSuggestInput\/suggestionsContainer\/"] { background-color: #323232 !important; color: white; border: none !important; } -.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 { +[class*="Scroller\/scroller\/"]::-webkit-scrollbar-thumb { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="Scroller\/scroller\/"]::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.25); } -.SeriesSearchInput\/sectionTitle\/jIgg0 { - color: #fff; -} - - - /* 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; } -.SeriesIndexOverview\/container\/4LMzH, -.SeriesIndexOverview\/container\/4LMzH:hover { +/* OVERVIEW PAGE */ + +[class*="SeriesIndexOverviews\/container\/"], +[class*="SeriesIndexOverviews\/container\/"]:hover { background-color: transparent !important; } -.SeriesIndexOverview\/content\/3GKJk:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -.SeriesIndexOverview\/container\/4LMzH:hover .SeriesIndexOverview\/content\/3GKJk { +[clas*="SeriesIndexOverview\/container\/"]:hover [class*="SeriesIndexOverview\/content\/"] { background-color: transparent; } -.SeriesIndexOverview\/link\/1i54B:hover { +[class*="SeriesIndexOverview\/content\/"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[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 { +[class*="ProtocolLabel\/torrent\/"] { + border-color: #00853d !important; + background-color: #00853d !important; +} + +[class*="ProtocolLabel\/usenet\/"] { + border-color: #17b1d9 !important; + background-color: #17b1d9 !important; +} + +[class*="SeriesDetailsSeason\/seasonNumber\/"] { color: #fff; } -.Table\/table\/2C3O8 { - color: var(--text); -} - -.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 { +[class*="IconButton\/button\/"] { + color: var(--text); +} + +[class*="IconButton\/button\/"]:hover { background-color: transparent; color: var(--text-hover); } -.IconButton\/button\/2qiGi { - color: #bac5cc; -} - -.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); } -/* POSTERS */ -.SeriesIndexPoster\/title\/263Pq, -.SeriesIndexPoster\/nextAiring\/1FZy6, -.SeriesIndexPosterInfo\/info\/2JsCg { - background-color: rgba(255, 255, 255, 0.08); - color: #fff; +[class*="PageToolbarButton\/toolbarButton\/"][class*="PageToolbarButton\/isDisabled\/"]:hover, +[class*="PageToolbarButton\/isDisabled\/"]:hover { + color: var(--text) !important; } -/* HOVEL LABELS */ -.Label\/default\/2zdw6 { - border-color: #1b1b1b; - background-color: #1b1b1b; +[class*="PageToolbarButton\/label\/"] { + color: var(--text); +} + +[class*="PageToolbarButton\/toolbarButton\/"]:hover { + color: var(--text-hover); +} + +[class*="MenuButton\/menuButton\/"]:hover { + color: var(--text-hover); +} + +/* POSTERS */ +[class*="SeriesIndexPoster\/title\/"], +[class*="SeriesIndexPoster\/nextAiring\/"], +[class*="SeriesIndexPosterInfo\/info\/"] { + background-color: rgba(255, 255, 255, 0.08); + color: var(--text); } /* 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,113 +489,120 @@ 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 { +[class*="SeriesSearchInput\/container\/"] [class*="Input\/input\/"] { + background: transparent; + border-bottom: solid 1px #fff; +} + +[class*="SeriesSearchInput\/container\/"] [class*="Input\/input\/"]:focus { + border-bottom: none; + background: transparent; +} + +[class*="SeriesSearchResult\/alternateTitle\/"] { color: #ffffff; font-size: 12px; } -.AddNewSeriesSearchResult\/year\/2jW2b { - color: #fff; -} - -.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 */ /* FOOTER */ -.PageContentFooter\/contentFooter\/3ODMj { +[class*="PageContentFooter\/contentFooter\/"] { border: none; background-color: rgba(0, 0, 0, .25); color: #FFF; @@ -1344,98 +610,98 @@ div[class*='EnhancedSelectInputOption']:hover { /* SEASON PASS */ -.SeasonPassSeason\/season\/2FWuT { +[class*="SeasonPassSeason\/season\/"] { border: none; background-color: rgba(0, 0, 0, .25) !important; } -.SeasonPassSeason\/allEpisodes\/1zGja { +[class*="SeasonPassSeason\/allEpisodes\/"] { background-color: #5cb85c; } /* CALENDAR */ -.CalendarEvent\/downloaded\/2vSrJ { +[class*="CalendarEvent\/downloaded\/"] { background: rgb(var(--calendar-tv-available) / .7) !important; border-left-color: transparent !important; color: #fff; } -.CalendarEvent\/downloaded\/2vSrJ:hover { +[class*="CalendarEvent\/downloaded\/"]:hover { background: rgb(var(--calendar-tv-available) / .5) !important; border-left-color: transparent !important; } -.CalendarEvent\/missing\/1y6vZ { +[class*="CalendarEvent\/missing\/"] { background: rgb(var(--calendar-tv-missing) / .7) !important; border-left-color: transparent !important; color: #fff; } -.CalendarEvent\/missing\/1y6vZ:hover { +[class*="CalendarEvent\/missing\/"]:hover { background: rgb(var(--calendar-tv-missing) / .5) !important; border-left-color: transparent !important; } -.CalendarEvent\/unaired\/3aHdN { - background: rgb(var(--calendar-tv-Unaired) / .7) !important; +[class*="CalendarEvent\/unaired\/"] { + background: rgb(var(--calendar-tv-unaired) / .7) !important; border-left-color: transparent !important; color: #fff; } -.CalendarEvent\/unaired\/3aHdN:hover { - background: rgb(var(--calendar-tv-Unaired) / .5) !important; +[class*="CalendarEvent\/unaired\/"]:hover { + background: rgb(var(--calendar-tv-unaired) / .5) !important; border-left-color: transparent !important; } -.CalendarEvent\/unmonitored\/Zvc-m { - background: rgb(var(--calendar-tv-Unmonitored) / .7) !important; +[class*="CalendarEvent\/unmonitored\/"] { + background: rgb(var(--calendar-tv-unmonitored) / .7) !important; border-left-color: transparent !important; color: #fff; } -.CalendarEvent\/unmonitored\/Zvc-m:hover { - background: rgb(var(--calendar-tv-Unmonitored) / .5) !important; +[class*="CalendarEvent\/unmonitored\/"]:hover { + background: rgb(var(--calendar-tv-unmonitored) / .5) !important; border-left-color: transparent !important; } -.CalendarEvent\/onAir\/dwaU_ { - background: rgb(var(--calendar-tv-On-Air) / .7) !important; +[class*="CalendarEvent\/onAir\/"] { + background: rgb(var(--calendar-tv-on-air) / .7) !important; border-left-color: transparent !important; color: #fff; } -.CalendarEvent\/onAir\/dwaU_:hover { - background: rgb(var(--calendar-tv-On-Air) / .5) !important; +[class*="CalendarEvent\/onAir\/"]:hover { + background: rgb(var(--calendar-tv-on-air) / .5) !important; border-left-color: transparent !important; } -.CalendarEvent\/downloading\/1kwSO { - background: rgb(var(--calendar-tv-Downloading) / .7) !important; +[class*="CalendarEvent\/downloading\/"] { + background: rgb(var(--calendar-tv-downloading) / .7) !important; border-left-color: transparent !important; color: #fff; } -.CalendarEvent\/downloading\/1kwSO:hover { - background: rgb(var(--calendar-tv-Downloading) / .5) !important; +[class*="CalendarEvent\/downloading\/"]:hover { + background: rgb(var(--calendar-tv-downloading) / .5) !important; border-left-color: transparent !important; } -.DayOfWeek\/dayOfWeek\/1iw4D { +[class*="DayOfWeek\/dayOfWeek\/"] { background-color: hsla(0, 0%, 100%, .08); color: #fff; } -.CalendarDay\/dayOfMonth\/2CzdW { +[class*="CalendarDay\/dayOfMonth\/"] { border-bottom: 1px solid hsla(0, 0%, 100%, .08); background-color: rgba(0, 0, 0, .25); } -.CalendarDay\/isToday\/1rFJO { +[class*="CalendarDay\/isToday\/"] { background-color: hsla(0, 0%, 100%, .08) !important; } -.CalendarDay\/day\/2TMXA, -.CalendarDays\/days\/girjM { +[class*="CalendarDay\/day\/"], +[class*="CalendarDays\/days\/"] { -webkit-box-flex: 1; -webkit-flex: 1 0 14.28%; flex: 1 0 14.28%; @@ -1446,119 +712,123 @@ div[class*='EnhancedSelectInputOption']:hover { border-right: 1px solid hsla(0, 0%, 100%, .08); } -.CalendarEvent\/seriesTitle\/3sg1o, -.CalendarEvent\/episodeInfo\/IWdbW, -.CalendarEvent\/airTime\/3Wzho, -.Legend\/legend\/tgR0o .LegendItem\/legendItem\/zXNYn { +[class*="CalendarEvent\/seriesTitle\/"], +[class*="CalendarEvent\/episodeInfo\/"], +[class*="CalendarEvent\/airTime\/"], +[class*="Legend\/legend\/"] [class*="LegendItem\/legendItem\/"] { color: #ffffff !important; } -.CalendarEvent\/event\/3Uyb9 { - border-bottom: none !important; +[class*="CalendarEvent\/event\/"] { + border-bottom: 1px solid transparent; } -.CalendarEventGroup\/eventGroup\/gWPtK { +[class*="CalendarEventGroup\/eventGroup\/"] { border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; } -.CalendarEventGroup\/seriesTitle\/ThqKe { +[class*="CalendarEventGroup\/seriesTitle\/"] { color: #ffffff !important; } -.CalendarEventGroup\/airTime\/1Z6G9 { - color: #eee; +[class*="CalendarEventGroup\/airTime\/"] { + color: var(--text); } -.CalendarEventGroup\/episodeInfo\/vfg0M { - color: #eee; +[class*="CalendarEventGroup\/episodeInfo\/"] { + color: var(--text); } /* calendar agenda */ -.AgendaEvent\/event\/2a83A:hover { +[class*="AgendaEvent\/event\/"]:hover { background-color: hsla(0, 0%, 100%, .08) !important; } /*QUEUE PAGE */ /* Manual Import*/ -.SelectEpisodeModalContent\/path\/1Okqk { - color: #eee; -} - -/* SETTINGS */ -.PageContentBody\/innerContentBody\/tEszh .Link\/to\/6fmSq { - color: #fff; -} - -.Settings\/summary\/3KPAv { +[class*="SelectEpisodeModalContent\/path\/"] { color: var(--text); } -.FormLabel\/large\/3Sn9u { +/* SETTINGS */ +[class*="PageContentBody\/innerContentBody"] [class*="Link\/to"] { + color: #fff; +} + +[class*="Settings\/summary"] { + color: var(--text); +} + +[class*="FormLabel\/large\/"] { color: #fff } -.FormLabel\/isAdvanced\/1glHh { +[class*="FormLabel\/isAdvanced\/"] { color: #ff902b; } /* MEDIA MANAGEMENT - FILE NAME TOKENS */ -.NamingOption\/option\/giCGd { +[class*="NamingOption\/option\/"] { border: 1px solid transparent; } -.NamingOption\/token\/1y5bz { +[class*="NamingOption\/token\/"] { background-color: rgba(255, 255, 255, 0.15); } -.NamingOption\/example\/RNR6x { +[class*="NamingOption\/example\/"] { background-color: rgba(255, 255, 255, 0.25); } -.NamingOption\/option\/giCGd:hover .NamingOption\/token\/1y5bz { +[class*="NamingOption\/option\/"]:hover [class*="NamingOption\/token\/"] { background-color: rgba(255, 255, 2550, 0.25); } -.NamingOption\/option\/giCGd:hover .NamingOption\/example\/RNR6x { +[class*="NamingOption\/option\/"]:hover [class*="NamingOption\/example\/"] { background-color: rgba(255, 255, 2550, 0.35); } /* PROFILES */ -.Card\/card\/1iGZk, -.QualityProfiles\/addQualityProfile\/2U2Io { +[class*="Card\/card\/"], +[class*="QualityProfiles\/addQualityProfile\/"] { background-color: rgba(0, 0, 0, .45); box-shadow: 0 0 10px 1px #000000; color: var(--text); } -.QualityProfiles\/center\/1iiKm, -.LanguageProfiles\/center\/7EV_2, -.ReleaseProfiles\/center\/114Qx { +[class*="Card\/card\/"] { + color: var(--text-hover); +} + +[class*="QualityProfiles\/center\/"], +[class*="LanguageProfiles\/center\/"], +[class*="ReleaseProfiles\/center\/"] { background-color: transparent; border: none; color: var(--text); } -.QualityProfileItem\/qualityProfileItem\/VFp-W, -.QualityProfileItemGroup\/qualityProfileItemGroup\/2U1l5, -.LanguageProfileItem\/languageProfileItem\/18XGg { +[class*="QualityProfileItem\/qualityProfileItem\/"], +[class*="QualityProfileItemGroup\/qualityProfileItemGroup\/"], +[class*="LanguageProfileItem\/languageProfileItem\/"] { border: none; background-color: rgba(0, 0, 0, .25); color: #FFF; } -.QualityProfileItemGroup\/qualityProfileItemGroup\/2U1l5.QualityProfileItemGroup\/editGroups\/2KzDp { +[class*="QualityProfileItemGroup\/qualityProfileItemGroup\/"][class*="QualityProfileItemGroup\/editGroups\/"] { background: rgba(0, 0, 0, 0.25); } -.KeyValueListInputItem\/keyInput\/3YYEs, -.KeyValueListInputItem\/valueInput\/3zlQA { +[class*="KeyValueListInputItem\/keyInput\/"], +[class*="KeyValueListInputItem\/valueInput\/"] { border: none; background: transparent; color: white; } /* PROFILES */ -.Indexers\/center\/11Csq { +[class*="Indexers\/center\/"] { background-color: transparent; border: none; color: var(--text); @@ -1567,28 +837,28 @@ div[class*='EnhancedSelectInputOption']:hover { /* INDEXERS */ /* DOWNLOAD CLIENTS */ -.DownloadClients\/center\/FvACx { +[class*="DownloadClients\/center\/"] { background-color: transparent; border: none; color: var(--text); } /*INPORT LISTS */ -.ImportLists\/center\/17Qdu { +[class*="ImportLists\/center\/"] { background-color: transparent; border: none; color: var(--text); } /* CONNECTIONS */ -.Notifications\/center\/8iwmy { +[class*="Notifications\/center\/"] { background-color: transparent; border: none; color: var(--text); } /* LOG */ -.Alert\/info\/1J8mE { +[class*="Alert\/info\/"] { border-color: transparent; background-color: rgba(0, 0, 0, 0.25); color: #FFC107; @@ -1598,7 +868,7 @@ div[class*='EnhancedSelectInputOption']:hover { .panel-body { background-color: rgba(0, 0, 0, 0.25); - color: white; + color: var(--text); } .panel-header { @@ -1606,29 +876,26 @@ div[class*='EnhancedSelectInputOption']:hover { } .forgot-password { - color: #eee !important; + color: var(--text) !important; } /* Custom filter */ -.FilterBuilderRow\/filterRow\/1ozij:hover { +[class*="FilterBuilderRow\/filterRow\/"]:hover { background-color: transparent; } -.CustomFilter\/customFilter\/zBSMd:hover { +[class*="CustomFilter\/customFilter\/"]:hover { background-color: hsla(0, 0%, 100%, .08); } - /* Scene information */ -.ReleaseSceneIndicator\/levelNone\/k-rVx { +[class*="ReleaseSceneIndicator\/levelNone\/"] { border-color: var(--text); color: var(--text); opacity: 1; } -.ReleaseSceneIndicator\/levelMapped\/3i7w4 { +[class*="ReleaseSceneIndicator\/levelMapped\/"] { border-color: var(--text); - ; color: var(--text); - ; } \ No newline at end of file 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; +} diff --git a/CSS/themes/sonarr/space-gray.css b/CSS/themes/sonarr/space-gray.css index a0ad9932..5b00db6f 100644 --- a/CSS/themes/sonarr/space-gray.css +++ b/CSS/themes/sonarr/space-gray.css @@ -16,16 +16,19 @@ --main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; - --calendar-tv-Unaired-Premiere: 53 197 244; - --calendar-tv-Downloading: 122 67 182; - --calendar-tv-Unmonitored: 173 173 173; - --calendar-tv-Unaired: 93 156 236; + --calendar-tv-unaired-premiere: 53 197 244; + --calendar-tv-downloading: 122 67 182; + --calendar-tv-unmonitored: 173 173 173; + --calendar-tv-unaired: 93 156 236; --calendar-tv-missing: 240 80 80; - --calendar-tv-On-Air: 255 165 0; + --calendar-tv-on-air: 255 165 0; --calendar-tv-available: 39 194 76; - + --button-color: #607D8B; --button-color-hover: #81a6b7; + --button-text: #eee; + --button-text-hover: #fff; + --accent-color: #607D8B; --accent-color-hover: #81a6b7; --queue-color: #81a6b7; @@ -34,4 +37,5 @@ --text:#eee; --text-hover: #fff; + --text-muted: #999; }