topaLE
/
theme.park.app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

testing new theme layout

pull/12/head
gilbN 6 years ago
parent
524236c25c
commit
36bdf7dd12
15 changed files with 13112 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1635
      CSS/themes/bazarr/orgarr-plex.css
  2. 1571
      CSS/themes/bazarr/orgarr.css
  3. 228
      CSS/themes/grafana/graforg-dashboard.css
  4. 282
      CSS/themes/grafana/graforg.css
  5. 338
      CSS/themes/grafana/grafplex.css
  6. 1635
      CSS/themes/lidarr/orgarr-plex.css
  7. 1571
      CSS/themes/lidarr/orgarr.css
  8. 22
      CSS/themes/plex/aquamarine.css
  9. 22
      CSS/themes/plex/hotline.css
  10. 29
      CSS/themes/plex/plex-base.css
  11. 1635
      CSS/themes/radarr/orgarr-plex.css
  12. 1571
      CSS/themes/radarr/orgarr.css
  13. 914
      CSS/themes/sonarr/dark.css
  14. 24
      CSS/themes/sonarr/plex.css
  15. 1635
      CSS/themes/sonarr/sonarr-base.css

1635
CSS/themes/bazarr/orgarr-plex.css
View File

File diff suppressed because it is too large

1571
CSS/themes/bazarr/orgarr.css
View File

File diff suppressed because it is too large

228
CSS/themes/grafana/graforg-dashboard.css
View File

@ -0,0 +1,228 @@
/* 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 */
/* GRAFANA THEME FOR ORGANIZR DASHBOARD INTEGRATION */
body {
color: #FFFFFF !important;
background-color: transparent !important;
}
.main-view {
background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px) !important;
}
div.flot-text {
color: #FFF !important;
}
/* Loading page */
.theme-dark, .theme-light, .preloader {
background: transparent !important;
}
/* login page */
.login-branding {
border-right: none !important;
}
/* sidemenu */
.sidemenu-open .sidemenu {
background: rgba(0, 0, 0, .25) !important;
}
.sidemenu__logo:hover {
background: rgba(0, 0, 0, .25) !important;
}
.sidemenu-item.active, .sidemenu-item:hover {
background-color: rgba(0, 0, 0, .25) !important;
}
/* Dashboard dropdown menu */
.search-dropdown__col_1 {
background: transparent !important;
}
.search-container {
left: 0px !important;
}
.navbar-page-btn {
color: #FFF !important;
}
/* Panel fullscreen navbar */
.panel-in-fullscreen .navbar {
background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important;
}
/* Dashboard search menu */
.search-field-wrapper {
background-color: #1f1f1f !important;
box-shadow: none !important;
}
.search-field-wrapper>input {
height: 55px !important;
background-color: rgba(0, 0, 0, 0.25) !important;
}
.search-field-icon {
background-color: rgba(0, 0, 0, .25) !important;
}
/* Dashboard settings menu */
.dashboard-settings__aside {
background: rgba(0, 0, 0, .25) !important;
}
.dashboard-page--settings-open .navbar {
background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important;
}
.navbar-button--primary {
border-color: #ffffff00 !important;
}
.dashboard-settings__aside-header {
color: #ffffff !important;
}
.dashboard-settings__nav-item {
color: #ffffff !important;
}
.bootstrap-tagsinput {
background-color: #09090b !important;
}
.gf-form-select-wrapper .gf-form-input {
background-color: #393a3b !important;
}
/* Variable label color */
.template-variable {
color: #f79520 !important;
}
/* Variable label box */
.gf-form-label {
background-color: rgba(0, 0, 0, 0.25) !important;
border: none !important;
color: #FFF;
}
.gf-form-input:focus {
color: #FFF !important;
background-color: #262626 !important;
border: none !important;
box-shadow: none !important;
}
.variable-option.highlighted, .variable-option:hover {
background-color: hsla(0,0%,100%,.1) !important;
}
/* Variable dashboard dropdown */
.variable-value-link {
padding: 7.4px 10px !important;
background-color: rgba(0, 0, 0, 0.25) !important;
border: none !important;
color: #FFFFFF !important;
}
/* Variable input box */
.gf-form-input {
color: #FFFFFF !important;
background-color: rgba(255, 255, 255, 0.15) !important;
border: 0px solid #262628 !important;
}
/* NAVBAR BUTTONS */
.navbar-button {
color: #FFF !important;
background-color: rgba(0, 0, 0, 0.25) !important;
background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)) !important;
border: none !important;
}
/* Custom Range Refreshing every X Dropdown */
.gf-timepicker-absolute-section select {
background-color: #393a3b !important;
}
/* PANEL BACKGROUND COLOR*/
.panel-container {
background-color: rgba(0, 0, 0, .25);
border: transparent;
}
.panel-container.panel-transparent {
background-color: transparent;
border: transparent;
}
.panel-header:hover {
background-color: rgba(0, 0, 0, 0.25) !important;
}
.panel-loading {
color: transparent;
}
/* ////PANEL BACKGROUND COLOR//// */
.graph-legend-table .graph-legend-series:nth-child(odd) {
background: transparent !important;
}
/* Panel text color*/
div.flot-text {
color: #FFF !important;
}
/* panel loading circle*/
.panel-loading {
color: #FFF !important;
}
/* panel resize arrow */
.theme-dark .react-grid-item>.react-resizable-handle:after {
border-right: 2px solid #fff !important;
border-bottom: 2px solid #fff !important;
}
/* table panel background color */
.table-panel-container {
background-color: rgba(0, 0, 0, .25) !important;
}
/* table panel border size */
.table-panel-table td {
padding: .45em 0 .45em 1.1em;
border-bottom: 1px solid #171819;
border-right: 1px solid #171819;
}
/* Edit panel tabs */
.tabbed-view-header {
box-shadow: none;
background: rgba(0, 0, 0, 0.25);
border-bottom: none;
}
.tabbed-view-panel-title {
padding-left: 10px;
}
/* worldmap zoom buttons and leaflet */
.leaflet-bar a, .leaflet-bar a:hover {
background-color: #1f1f1f !important;
border-bottom: 1px solid #1f1f1f !important;
color: white !important;
}
.leaflet-bar a:hover {
background-color: #1b1b1b !important;
}
.leaflet-control-attribution {
display: none;
}
/* New Dashboard */
.add-panel__item {
background: linear-gradient(135deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.25));
box-shadow: -1px -1px 0 0 hsla(0,0%,100%,.1), 1px 1px 0 0 rgba(0, 0, 0, 0);
}
.add-panel__item.active, .add-panel__item:hover {
background: linear-gradient(135deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25));
}
.add-panel__header {
background: rgba(0, 0, 0, 0.25);
box-shadow: none;
border-bottom: 0px;
}

282
CSS/themes/grafana/graforg.css
View File

@ -0,0 +1,282 @@
/* 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 */
/* GRAFANA ORG THEME */
body {
color: #FFFFFF !important;
background-color: #1f1f1f !important;
}
.main-view {
background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px) !important;
}
div.flot-text {
color: #FFF !important;
}
/* Loading page */
.theme-dark, .theme-light, .preloader {
background: #1f1f1f !important;
}
/* login page */
.login-branding {
border-right: none !important;
}
/* sidemenu */
.sidemenu-open, .sidemenu {
background: rgba(0, 0, 0, .25) !important;
}
.sidemenu__logo:hover {
background: rgba(0, 0, 0, .25) !important;
}
.sidemenu-item.active, .sidemenu-item:hover {
background-color: rgba(0, 0, 0, .25) !important;
}
/* Dashboard dropdown menu */
.search-dropdown__col_1 {
background: transparent !important;
}
.search-container {
left: 0px !important;
}
.navbar-page-btn {
color: #FFF !important;
}
/* Dashboard row */
.dashboard-row--collapsed {
background: rgba(0, 0, 0, 0.25);
}
/* Panel fullscreen navbar */
.panel-in-fullscreen .navbar {
background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important;
}
/* Dashboard search menu */
.search-field-wrapper {
background-color: #1f1f1f !important;
box-shadow: none !important;
}
.search-field-wrapper>input {
height: 55px !important;
background-color: rgba(0, 0, 0, 0.25) !important;
}
.search-field-icon {
background-color: rgba(0, 0, 0, .25) !important;
}
/* Dashboard settings menu */
.dashboard-settings__aside {
background: rgba(0, 0, 0, .25) !important;
}
.dashboard-page--settings-open .navbar {
background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important;
}
.navbar-button--primary {
border-color: #ffffff00 !important;
}
.dashboard-settings__aside-header {
color: #ffffff !important;
}
.dashboard-settings__nav-item {
color: #ffffff !important;
}
.bootstrap-tagsinput {
background-color: #09090b !important;
}
.gf-form-select-wrapper .gf-form-input {
background-color: #393a3b !important;
}
/* Variable label color */
.template-variable {
color: #f79520 !important;
}
/* Variable label box */
.gf-form-label {
background-color: rgba(0, 0, 0, 0.25) !important;
border: none !important;
color: #FFF;
}
.gf-form-input:focus {
color: #FFF !important;
background-color: #262626 !important;
border: none !important;
box-shadow: none !important;
}
.variable-option.highlighted, .variable-option:hover {
background-color: hsla(0,0%,100%,.1) !important;
}
/* Variable dashboard dropdown */
.variable-value-link {
padding: 7.4px 10px !important;
background-color: rgba(0, 0, 0, 0.25) !important;
border: none !important;
color: #FFFFFF !important;
}
/* Variable input box */
.gf-form-input {
color: #FFFFFF !important;
background-color: rgba(255, 255, 255, 0.15) !important;
border: 0px solid #262628 !important;
}
/* NAVBAR BUTTONS */
.navbar-button {
color: #FFF !important;
background-color: rgba(0, 0, 0, 0.25) !important;
background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)) !important;
border: none !important;
}
/* Custom Range Refreshing every X Dropdown */
.gf-timepicker-absolute-section select {
background-color: #393a3b !important;
}
/* PANEL BACKGROUND COLOR*/
.panel-container {
background-color: rgba(0, 0, 0, .25);
border: transparent;
}
.panel-container.panel-transparent {
background-color: transparent;
border: transparent;
}
.panel-header:hover {
background-color: rgba(0, 0, 0, 0.25) !important;
}
/* ////PANEL BACKGROUND COLOR//// */
.graph-legend-table .graph-legend-series:nth-child(odd) {
background: transparent !important;
}
/* Panel text color*/
div.flot-text {
color: #FFF !important;
}
/* panel loading circle*/
.panel-loading {
color: #FFF !important;
}
/* panel resize arrow */
.theme-dark .react-grid-item>.react-resizable-handle:after {
border-right: 2px solid #fff !important;
border-bottom: 2px solid #fff !important;
}
/* table panel background color */
.table-panel-container {
background-color: rgba(0, 0, 0, .25) !important;
}
/* table panel border size */
.table-panel-table td {
padding: .45em 0 .45em 1.1em;
border-bottom: 1px solid #171819;
border-right: 1px solid #171819;
}
/* Edit panel tabs */
.tabbed-view-header {
box-shadow: none;
background: rgba(0, 0, 0, 0.25);
border-bottom: none;
}
.tabbed-view-panel-title {
padding-left: 10px;
}
/* worldmap zoom buttons and leaflet */
.leaflet-bar a, .leaflet-bar a:hover {
background-color: #1f1f1f !important;
border-bottom: 1px solid #1f1f1f !important;
color: white !important;
}
.leaflet-bar a:hover {
background-color: #1b1b1b !important;
}
.leaflet-control-attribution {
display: none;
}
/* New Dashboard */
.add-panel__item {
background: linear-gradient(135deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.25));
box-shadow: -1px -1px 0 0 hsla(0,0%,100%,.1), 1px 1px 0 0 rgba(0, 0, 0, 0);
}
.add-panel__item.active, .add-panel__item:hover {
background: linear-gradient(135deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25));
}
.add-panel__header {
background: rgba(0, 0, 0, 0.25);
box-shadow: none;
border-bottom: 0px;
}
/* panel query settings */
.panel-editor__right, .toolbar {
background: rgba(0, 0, 0, 0.25);
}
.query-editor-row__header {
background: rgba(0, 0, 0, 0.25);
}
.query-editor-row__body {
background: rgba(0, 0, 0, 0.15);
}
.panel-options-group {
background: rgba(0, 0, 0, 0.15);
}
.gf-form-input {
background-color: rgba(0, 0, 0, 0.25);
border: 1px solid rgba(0, 0, 0, 0.25);
}
.gf-form-switch {
background: rgba(0, 0, 0, 0.25);
border: transparent;
}
.viz-picker__item {
background: rgba(0, 0, 0, 0.25);
border: transparent;
}
.viz-picker__item--current {
box-shadow: 0 0 6px #eb7b18!important;
border: 1px solid #eb7b18!important;
background: rgba(0, 0, 0, 0.4)!important;
}
.viz-picker__item:hover {
box-shadow: 0 0 6px #eb7b18!important;
background: rgba(0, 0, 0, 0.4);
border: 1px solid #eb7b18!important;
}
.panel-options-group__header {
background: rgba(0, 0, 0, 0.25);
}
.custom-scrollbars .thumb-vertical {
background-color: rgba(0, 0, 0, 0.15);
background-image: none;
}
.toolbar__main {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.15);
border: transparent;
}
/* Explore */
.query-transaction {
color: #fff;
}

338
CSS/themes/grafana/grafplex.css
View File

@ -0,0 +1,338 @@
/* 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 */
/* GRAFANA BLUR THEME */
body {
color:#FFFFFF !important;
background-color: #333333 !important;
}
.theme-dark, .theme-light, .preloader {
background-image: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"),
url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-light.png") !important;
background-repeat: repeat, no-repeat!important;
background-attachment: fixed, fixed!important;
background-position: center center, center center!important;
background-size: auto, cover!important;
-webkit-background-size: auto, cover!important;
-moz-background-size: auto, cover!important;
-o-background-size: auto, cover!important;
}
.page-header-canvas {
background: rgba(0, 0, 0, 0.25) !important;
box-shadow: none !important;
border-bottom: none !important;
}
.main-view {
background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px) !important;
}
/* login page */
.login {
background-image: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"),
url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-light.png") !important;
background-repeat: repeat, no-repeat!important;
background-attachment: fixed, fixed!important;
background-position: center center, center center!important;
background-size: auto, cover!important;
-webkit-background-size: auto, cover!important;
-moz-background-size: auto, cover!important;
-o-background-size: auto, cover!important;
background-color: rgba(0,0,0,.0) !important;
color:#FFFFFF !important;
}
.login-branding {
border-right: none !important;
}
/* Configuration menu */
.card-item {
background: rgba(0, 0, 0, .25) !important;
}
.card-item:hover {
background: hsla(0,0%,100%,.08) !important;
}
.card-item-sub-name, .card-item-type {
color: #FFF !important;
}
.gf-form--has-input-icon .gf-form-input-icon {
color: #fff !important;
}
.gf-tabs-link.active, .gf-tabs-link.active:focus, .gf-tabs-link.active:hover {
background: rgba(0, 0, 0, 0.25) !important;
}
.filter-table tbody tr:nth-child(odd) {
background: hsla(0,0%,100%,.08) !important;
}
.cta-form {
background-color: rgba(0, 0, 0, 0.25) !important;
}
.empty-list-cta {
background-color: rgba(0, 0, 0, .25) !important;
}
/* sidemenu */
.sidemenu-open, .sidemenu {
background: rgba(0, 0, 0, .25) !important;
}
.sidemenu__logo:hover {
background: rgba(0, 0, 0, .25) !important;
}
.sidemenu-item.active, .sidemenu-item:hover {
background-color: rgba(0, 0, 0, .25) !important;
}
/* Dashboard dropdown menu */
.search-dropdown__col_1 {
background: transparent !important;
}
.search-container {
left: 0px !important;
}
.navbar-page-btn {
color: #FFFFFF !important;
}
/* Dashboard row */
.dashboard-row--collapsed {
background: rgba(0, 0, 0, 0.25);
}
/* Panel fullscreen navbar */
.panel-in-fullscreen .navbar {
background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important;
}
/* Dashboard search menu */
.search-field-wrapper>input {
height: 55px !important;
}
/* Dashboard settings menu */
.dashboard-settings__aside {
background: rgba(0, 0, 0, .25) !important;
}
.dashboard-page--settings-open .navbar {
background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important;
}
.navbar-button--primary {
border-color: #ffffff00 !important;
}
.dashboard-settings__aside-header {
color: #ffffff !important;
}
.dashboard-settings__nav-item {
color: #ffffff !important;
}
.bootstrap-tagsinput {
background-color: #09090b !important;
}
.gf-form-select-wrapper .gf-form-input {
background-color: #00000000 !important;
}
.gf-form-select-wrapper {
background-color: hsla(0,0%,100%,.08) !important;
}
/* Variable label color */
.template-variable {
color: #f79520 !important;
}
/* Variable label box */
.gf-form-label {
background-color: rgba(0, 0, 0, 0.25) !important;
border: none !important;
}
.gf-form-input:focus {
color: #FFF !important;
background-color: #262626 !important;
border: none !important;
box-shadow: none !important;
}
.variable-option.highlighted, .variable-option:hover {
background-color: hsla(0,0%,100%,.1) !important;
}
/* Variable dashboard dropdown */
.variable-value-link {
padding: 7.4px 10px !important;
background-color: rgba(0, 0, 0, 0.25) !important;
border: none !important;
color: #FFFFFF !important;
}
/* Variable input box */
.gf-form-input {
color: #FFFFFF !important;
background-color: rgba(255, 255, 255, 0.15) !important;
border: 0px solid #262628 !important;
}
/* NAVBAR BUTTONS */
.navbar-button {
color: #FFF !important;
background-color: rgba(0, 0, 0, 0.25) !important;
background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)) !important;
border: none !important;
}
/* Custom Range Refreshing every X Dropdown */
.gf-timepicker-absolute-section select {
background-color: #393a3b !important;
}
/* PANEL BACKGROUND COLOR*/
.panel-container {
background-color: rgba(0, 0, 0, .25);
border: transparent;
}
.panel-container.panel-transparent {
background-color: transparent;
border: transparent;
}
.panel-header:hover {
background-color: rgba(0, 0, 0, 0.25) !important;
}
/* ////PANEL BACKGROUND COLOR//// */
.graph-legend-table .graph-legend-series:nth-child(odd) {
background: transparent !important;
}
/* Panel text color*/
div.flot-text {
color: #FFF !important;
}
/* panel loading circle*/
.panel-loading {
color: #FFF !important;
}
/* panel resize arrow */
.theme-dark .react-grid-item>.react-resizable-handle:after {
border-right: 2px solid #fff !important;
border-bottom: 2px solid #fff !important;
}
/* table panel background color */
.table-panel-container {
background-color: rgba(0, 0, 0, .25) !important;
}
/* table panel border size */
.table-panel-table td {
padding: .45em 0 .45em 1.1em;
border-bottom: 1px solid #171819;
border-right: 1px solid #171819;
}
/* Edit panel tabs */
.tabbed-view-header {
box-shadow: none;
background: rgba(0, 0, 0, 0.25);
border-bottom: none;
}
.tabbed-view-panel-title {
padding-left: 10px;
}
/* panel query settings */
.panel-editor__right, .toolbar {
background: rgba(0, 0, 0, 0.25);
}
.query-editor-row__header {
background: rgba(0, 0, 0, 0.25);
}
.query-editor-row__body {
background: rgba(0, 0, 0, 0.15);
}
.panel-options-group {
background: rgba(0, 0, 0, 0.15);
}
.gf-form-input {
background-color: rgba(0, 0, 0, 0.25);
border: 1px solid rgba(0, 0, 0, 0.25);
}
.gf-form-switch {
background: rgba(0, 0, 0, 0.25);
border: transparent;
}
.viz-picker__item {
background: rgba(0, 0, 0, 0.25);
border: transparent;
}
.viz-picker__item--current {
box-shadow: 0 0 6px #eb7b18!important;
border: 1px solid #eb7b18!important;
background: rgba(0, 0, 0, 0.4)!important;
}
.viz-picker__item:hover {
box-shadow: 0 0 6px #eb7b18!important;
background: rgba(0, 0, 0, 0.4);
border: 1px solid #eb7b18!important;
}
.panel-options-group__header {
background: rgba(0, 0, 0, 0.25);
}
.custom-scrollbars .thumb-vertical {
background-color: rgba(0, 0, 0, 0.15);
background-image: none;
}
.toolbar__main {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.15);
border: transparent;
}
/* worldmap zoom buttons and leaflet */
.leaflet-bar a, .leaflet-bar a:hover {
background-color: #1f1f1f !important;
border-bottom: 1px solid #1f1f1f !important;
color: white !important;
}
.leaflet-bar a:hover {
background-color: #1b1b1b !important;
}
.leaflet-control-attribution {
display: none;
}
/* buttons */
.btn-inverse {
border-color: #b56d16 !important;
color: #fff !important;
background-color: #cc7b19 !important;
-webkit-transition: background-color .1s !important;
transition: background-color .1s !important;
}
.btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .btn-inverse[disabled] {
color: #fff;
background-color: #e59029 !important;
}
.btn-outline-disabled {
color: #fff;
}
/* New Dashboard */
.add-panel__item {
background: linear-gradient(135deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.25));
box-shadow: -1px -1px 0 0 hsla(0,0%,100%,.1), 1px 1px 0 0 rgba(0, 0, 0, 0);
}
.add-panel__item.active, .add-panel__item:hover {
background: linear-gradient(135deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25));
}
.add-panel__header {
background: rgba(0, 0, 0, 0.25);
box-shadow: none;
border-bottom: 0px;
}
/* Explore */
.query-transaction {
color: #fff;
}

1635
CSS/themes/lidarr/orgarr-plex.css
View File

File diff suppressed because it is too large

1571
CSS/themes/lidarr/orgarr.css
View File

File diff suppressed because it is too large

22
CSS/themes/plex/aquamarine.css
View File

@ -0,0 +1,22 @@
/* 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 */
/* PLEX AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/plex/plex-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;
}

22
CSS/themes/plex/hotline.css
View File

@ -0,0 +1,22 @@
/* 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 */
/* ORGANIZR HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/plex/organizr-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;
}

29
CSS/themes/plex/plex-base.css
View File

@ -0,0 +1,29 @@
/* 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 */
/* PLEX ORGANIZR THEME */
body {
background-color: var(--main-bg-color);
}
.background,.background-container {
opacity: 0;
transition: opacity .5s;
}
.MetadataPosterCardOverlay-isActionsMenuOpen-AvHIX .MetadataPosterCardOverlay-background-2EwyB,
.MetadataPosterCardOverlay-overlay-1uMpL:hover .MetadataPosterCardOverlay-background-2EwyB {
background: -webkit-radial-gradient(50% 50% farthest-corner,rgba(0, 0, 0, 0.5) 0,#000000 100%) !important;
background: radial-gradient(farthest-corner at 50% 50%,rgba(0, 0, 0, 0.5) 50%,#000000 100%) !important;
}
/* This was a tough one :D */

1635
CSS/themes/radarr/orgarr-plex.css
View File

File diff suppressed because it is too large

1571
CSS/themes/radarr/orgarr.css
View File

File diff suppressed because it is too large

914
CSS/themes/sonarr/dark.css
View File

@ -0,0 +1,914 @@
/* 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-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);
}

24
CSS/themes/sonarr/plex.css
View File

@ -0,0 +1,24 @@
/* 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 PLEX THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css);
:root {
--main-bg-color: url("https://cdn.jsdelivr.net/gh/gilbN/theme.park@de2024ba0794e71eb80c1b66b37820e66d944ded/Resources/blur-noise.png"), url("https://cdn.jsdelivr.net/gh/gilbN/theme.park@de2024ba0794e71eb80c1b66b37820e66d944ded/Resources/blur-light.png");
--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;
}

1635
CSS/themes/sonarr/sonarr-base.css
View File

File diff suppressed because it is too large
Write Preview
Loading…
Cancel
Save