From 21225b11bfda613b699d794fe20cdb4d07d9d6e3 Mon Sep 17 00:00:00 2001 From: gilbN Date: Thu, 27 Jun 2019 18:39:45 +0200 Subject: [PATCH] added new sonarr themes. Aqua and hotline --- CSS/themes/sonarr/aquamarine.css | 23 + CSS/themes/sonarr/dark.css | 911 +------------------------------ CSS/themes/sonarr/hotline.css | 23 + 3 files changed, 56 insertions(+), 901 deletions(-) create mode 100644 CSS/themes/sonarr/aquamarine.css create mode 100644 CSS/themes/sonarr/hotline.css diff --git a/CSS/themes/sonarr/aquamarine.css b/CSS/themes/sonarr/aquamarine.css new file mode 100644 index 00000000..dd3df938 --- /dev/null +++ b/CSS/themes/sonarr/aquamarine.css @@ -0,0 +1,23 @@ + +/* 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 */ + +/* SONARR DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --link-color: #FFEB3B; + --custom-buttons-color: radial-gradient(ellipse at center, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed; + --hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed; + --notification-box-line: #009688; +} \ No newline at end of file diff --git a/CSS/themes/sonarr/dark.css b/CSS/themes/sonarr/dark.css index f171daca..9d7b752f 100644 --- a/CSS/themes/sonarr/dark.css +++ b/CSS/themes/sonarr/dark.css @@ -11,904 +11,13 @@ /* Made by @gilbN */ /* https://github.com/gilbN/theme.park */ -body { - background-color: #1f1f1f; -} - -/* VERSION */ - -#footer-region::after { - content: "\A theme.park V.2"; - white-space: pre; -} - -@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 { - background-color: #2d2d2d; -} -/* 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: 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: rgba(0, 0, 0, .25); - 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; -} -.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 rgba(0, 0, 0, .25); -} - -.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; -} -.backdrop .navbar-nzbdrone { - background-color: #1f1f1f; - opacity: 0.98; - box-shadow: 0 0 10px 1px #000; - border-radius: 3px; -} - -.series-page-header, .movie-page-header { - background-color: #1f1f1f; - opacity: 0.98; - box-shadow: 0 0 10px 1px #000; - color: #ffffff; -} -.series-season, .movie-tabs-card { - background-color: #1f1f1f; - opacity: 0.98; - box-shadow: 0 0 10px 1px #000; - color: #ffffff; -} -.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 */ - -.calendar .success { - border-color: rgba(25, 255, 0, .15); - background-color: rgba(25, 255, 0, .15); - color: #FFF; -} -.calendar .premiere { - border-color: rgba(45, 66, 85, 100); - background-color: rgba(45, 66, 85, 100); -} -.calendar .primary { - border-color: rgba(0, 0, 0, .25); - background-color: #d58512; -} -.calendar .danger { - border-color: rgba(171, 0, 0, .50); - background-color: rgba(171, 0, 0, .50); - color: #fff; -} -.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; -} - -/* 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: #ffffff; - 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: #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 rgba(0, 0, 0, .25); -} -.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: none; - outline-style: none; -} -.btn-default:hover, .btn-default.active, .btn-default.active:hover { - color: #FFFFFF; - background-color: hsla(0,0%,100%,.08); - border-color: none; - 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: #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; -} -.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: rgba(0, 0, 0, .25); - 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: rgba(255, 255, 255, .25); - outline-style: none; -} -/* green button */ - .btn-success { - color: #FFF; - border-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); - border-color: #FFF; -} -.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; -} - - -/* -------------------------SONARR V3------------------------------*/ - -/* Sonarr v3 Dark theme */ - -/* VERSION 2 */ - -/* LINKS */ -.Link-to-6fmSq { - color: #FFF; -} -.Link-to-6fmSq:hover { - color: #FFF; - text-decoration: underline; -} - -/* 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-color: #323232; - color: #FFF; -} -.ModalContent-modalContent--txrl { - background-color: #282828; - color: #999; -} -.ModalFooter-modalFooter-1N5Ku { - background-color: #323232; - 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); - } - -/* HEADER */ - - .PageHeader-header-1IhlM { - background-color: rgba(0, 0, 0, .7); - } - - /* SEARCH DROPDOWN HEADER */ - .SeriesSearchInput-containerOpen-3F8xe, .SeriesSearchInput-seriesContainer-2yDTR { - border: 1px solid #000000 !important; - background-color: #1f1f1f !important; - } - .SeriesSearchInput-highlighted-15xAK { - background-color: hsla(0,0%,100%,.08); - } - .PageHeader-donate-ZT-3N { - color: #c4273c !important; - } - -/* SIDE MENU */ - .PageSidebar-sidebar-2UXc0 { - background-color: rgba(0, 0, 0, .45); - } - .PageSidebar-sidebarContainer-3Hxpq { - background-color: rgba(0, 0, 0, .45) !important; - } - .PageSidebar-sidebar-3IOcI { - background-color: transparent; - } - .PageSidebarItem-link-TuHn2:hover, .PageSidebarItem-link-TuHn2:focus { - color: #FFF !important; - background-color: hsla(0,0%,100%,.08); - text-decoration: none; - } - .PageSidebarItem-isActiveLink-1Hupc { - color: #FFF; - background-color: hsla(0,0%,100%,.08); - } - .PageSidebarItem-isActiveParentLink-2uxKf { - background-color: transparent; - } - - @media only screen and (max-width: 768px) { - .PageSidebar-sidebarContainer-3Hxpq { - background-color: rgba(15, 15, 15, .95) !important; - } - } - -/* SERIES PAGE */ - - /* OVERVIEW PAGE */ - .SeriesIndexOverview-container-4LMzH, .SeriesIndexOverview-container-4LMzH:hover { - background-color: transparent !important; - } - .SeriesIndexOverview-content-3GKJk:hover{ - background-color: hsla(0,0%,100%,.08) !important; - } - .SeriesIndexOverview-container-4LMzH:hover .SeriesIndexOverview-content-3GKJk { - background-color: transparent; - } - .SeriesIndexOverview-link-1i54B:hover { - text-decoration: none; - } - - /* SHOW PAGE */ - .SeriesDetailsSeason-season-3XIYa, .SeriesDetailsSeason-collapseButtonContainer-3XxzX { - border: none !important; - background-color: rgba(0, 0, 0, .25) !important; - } - .SeriesDetailsSeason-actionButton-3BQuA { - color: hsla(0,0%,100%,.7) !important; - } - - .fa-search:hover { - color: #FFF !important; - } - .Icon-default-3C-KJ:hover { - color: #fff; - } - .MonitorToggleButton-toggleButton-3CcN9 { - color: #dadada; - } - .SeriesDetailsSeason-seasonNumber-FL7Dt { - color: #fff; - } - .Table-table-2C3O8 { - color: #fff; - } - .SeriesDetailsSeason-collapseButtonContainer-trs6s { - border: none !important; - background-color: rgba(0, 0, 0, .25) !important; - } - .Popover-title-326tA, .SeasonInfo-title-1tid_, .Popover-body-10Yh7 { - background-color: #1f1f1f !important; - } - .Tooltip-tooltipContainer-2693s { - color: #fff; - } - - /* TOP MENU SERIES */ - .PageToolbar-toolbar-1Lo1N { - background-color: rgba(0, 0, 0, .25); - color: hsla(0,0%,100%,.7); - } - /* POSTERS */ - .SeriesIndexPoster-title-263Pq, .SeriesIndexPoster-nextAiring-1FZy6 { - background-color: rgba(0, 0, 0, .25); - color: #fff; - } - /* HOVEL LABELS */ - .Label-default-2zdw6 { - border-color: #1b1b1b; - background-color: #1b1b1b; - } - /* SERIES TOP HEADER DROPDOWN */ - .MenuItem-menuItem-zB-Up, .MenuContent-menuContent-3Zkj4 { - background-color: #191a1c; - color: #e1e2e3; - } - .MenuItem-menuItem-zB-Up:hover, .MenuItem-menuItem-zB-Up:focus { - background-color: hsla(0,0%,100%,.08) !important; - color: #fbfcfc; - text-decoration: none; - } - /* SERIES TOP HEADER HOVER */ - .PageToolbarButton-toolbarButton-QiQEt:hover { - color: #FFF; - } - .MenuButton-menuButton-3nh0N:hover { - color: #FFF; - } - /* ALPHABET JUMP BAR */ - .PageJumpBar-jumpBar-3owcF { - color: #FFF; - } - /* MINI RIGHT SCROLL BAR */ - .OverlayScroller-thumb-1Lhfi { - background-color: hsla(0,0%,100%,.08) !important; -} - -/* ADD NEW */ - - /* SEARCH BAR */ - .Input-input-2YWzR, .AddNewSeries-searchIconContainer-3QAm8, .AddNewSeries-clearLookupButton-1dKG7 { - border: none; - background-color: rgba(0, 0, 0, .25); - color: #FFF - } - .Input-input-2YWzR: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: rgba(0, 0, 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; - } - /* SEARCH RESULTS */ - .AddNewSeriesSearchResult-searchResult-xR8dj { - background-color: rgba(0, 0, 0, .25) !important; - } - .AddNewSeriesSearchResult-searchResult-xR8dj:hover { - background-color: hsla(0,0%,100%,.08) !important; - } - -/* IMPORT */ - - .FieldSet-legend-3x6NF { - color: #FFF; - } - .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); - } - .ImportSeriesSelectSeries-button-3CL3L { - border: none !important; - background-color: rgba(0, 0, 0, .25) !important; - } - .ImportSeriesSelectSeries-content-3oSDj, .ImportSeriesSelectSeries-searchIconContainer-1wOES { - border: none !important; - background-color: #323232 !important; - color: white !important; - } - -/* 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-seriesTitle-3sg1o { - color: #ffffff !important; - } - .CalendarEvent-event-3Uyb9 { - border-bottom: none !important; - } - .CalendarEvent-event-3Uyb9:hover { - background-color: hsla(0,0%,100%,.08) !important; - border-bottom: none !important; - } - -/* 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: rgba(0, 0, 0, .25); - border: none; - color: #c2c6c8; - } - - /* PROFILES */ - .Indexers-center-11Csq { - background-color: rgba(0, 0, 0, .25); - border: none; - color: #c2c6c8; - } - - /* DOWNLOAD CLIENTS */ - .DownloadClients-center-FvACx { - background-color: rgba(0, 0, 0, .25); - border: none; - color: #c2c6c8; - } - - /* CONNECTIONS */ - .Notifications-center-8iwmy { - background-color: rgba(0, 0, 0, .25); - border: none; - color: #c2c6c8; - } - - /* LOG */ - .Alert-info-1J8mE { - border-color: transparent; - background-color: rgba(0, 0, 0, 0.25); -} \ No newline at end of file +/* SONARR DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --link-color: #FFEB3B; + --custom-buttons-color: radial-gradient(ellipse at center, #F44336 0%, #3F51B5 100%) center center/cover no-repeat fixed; + --hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed; + --notification-box-line: #F44336; + } \ No newline at end of file diff --git a/CSS/themes/sonarr/hotline.css b/CSS/themes/sonarr/hotline.css new file mode 100644 index 00000000..7fce8b9b --- /dev/null +++ b/CSS/themes/sonarr/hotline.css @@ -0,0 +1,23 @@ + +/* 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 */ + +/* SONARR DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --link-color: #FFEB3B; + --custom-buttons-color: radial-gradient(ellipse at center, #F44336 0%, #3F51B5 100%) center center/cover no-repeat fixed; + --hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed; + --notification-box-line: #F44336; +} \ No newline at end of file