Marius
4 years ago
18 changed files with 260 additions and 1027 deletions
@ -1,35 +0,0 @@ |
|||||
/* 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 MIND STONE THEME */ |
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); |
|
||||
|
|
||||
:root { |
|
||||
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 242, 0, .7) 0%, #0d0400 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed, |
|
||||
url("https://themepark-develop.netlify.app/Resources/mind.jpg") center center/cover no-repeat fixed; |
|
||||
--modal-bg-color: linear-gradient(180deg, rgba(51, 49, 0, .7) 0%, #000 100%) center center/cover no-repeat fixed, |
|
||||
url("https://themepark-develop.netlify.app/Resources/mind.jpg") 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-missing: 240 80 80; |
|
||||
--calendar-tv-On-Air: 255 165 0; |
|
||||
--calendar-tv-available: 39 194 76; |
|
||||
|
|
||||
--button-color: rgba(255, 255, 255, .15); |
|
||||
--button-color-hover: #fff200cc; |
|
||||
--accent-color: #fff200cc; |
|
||||
--accent-color-hover: #fff200cc; |
|
||||
--arr-queue-color: #204c80cc; |
|
||||
} |
|
||||
@ -1,42 +0,0 @@ |
|||||
/* 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 THEME */ |
|
||||
@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); |
|
||||
:root { |
|
||||
--main-bg-color: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%) center center/cover no-repeat fixed; |
|
||||
--modal-bg-color: radial-gradient(circle, #204c80 0%, #000 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-missing: 240 80 80; |
|
||||
--calendar-tv-On-Air: 255 165 0; |
|
||||
--calendar-tv-available: 39 194 76; |
|
||||
|
|
||||
--button-color: #fb3f62; |
|
||||
--button-color-hover: rgba(251, 63, 98, .8); |
|
||||
--button-text: #eee; |
|
||||
--button-text-hover: #FFF; |
|
||||
|
|
||||
--accent-color: rgba(251, 63, 98, .8); |
|
||||
--accent-color-hover: rgba(251, 63, 98, .8); |
|
||||
--arr-queue-color: rgba(63, 251, 157, .8); |
|
||||
--link-color: #ff6581; |
|
||||
--link-color-hover: #fff; |
|
||||
|
|
||||
--text:#eee; |
|
||||
--text-hover: #fff; |
|
||||
--text-muted: #999; |
|
||||
} |
|
||||
|
|
||||
@ -1,34 +0,0 @@ |
|||||
/* 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 POWER STONE THEME */ |
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); |
|
||||
:root { |
|
||||
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(166, 40, 140, .7) 0%, rgba(11,8,51,1) 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed, |
|
||||
url("https://themepark-develop.netlify.app/Resources/power.jpg") center center/cover no-repeat fixed; |
|
||||
--modal-bg-color: linear-gradient(180deg, rgba(35, 0, 57, .7) 0%, #000 100%) center center/cover no-repeat fixed, |
|
||||
url("https://themepark-develop.netlify.app/Resources/power.jpg") 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-missing: 240 80 80; |
|
||||
--calendar-tv-On-Air: 255 165 0; |
|
||||
--calendar-tv-available: 39 194 76; |
|
||||
|
|
||||
--button-color: #85096b; |
|
||||
--button-color-hover: #85096bcc; |
|
||||
--accent-color: #85096bcc; |
|
||||
--accent-color-hover: #85096bcc; |
|
||||
--arr-queue-color: #204c80cc; |
|
||||
} |
|
||||
@ -1,36 +0,0 @@ |
|||||
/* 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 REALITY STONE THEME */ |
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); |
|
||||
:root { |
|
||||
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(232, 11, 11, 0.7) 0%, #08000d 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed, |
|
||||
url("https://themepark-develop.netlify.app/Resources/reality.jpg") center center/cover no-repeat fixed; |
|
||||
--modal-bg-color: linear-gradient(180deg, rgba(102, 5, 5, 0.7) 0%, #000 100%) center center/cover no-repeat fixed, |
|
||||
url("https://themepark-develop.netlify.app/Resources/reality.jpg") 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-missing: 240 80 80; |
|
||||
--calendar-tv-On-Air: 255 165 0; |
|
||||
--calendar-tv-available: 39 194 76; |
|
||||
|
|
||||
--button-color: rgba(255, 255, 255, .15); |
|
||||
--button-color-hover: #e80c0bcc; |
|
||||
--accent-color: #e80c0bcc; |
|
||||
--accent-color-hover: #e80c0bcc; |
|
||||
--arr-queue-color: #204c80cc; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
@ -1,773 +0,0 @@ |
|||||
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; |
|
||||
} |
|
||||
@ -1,35 +0,0 @@ |
|||||
/* 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 SOUL STONE THEME */ |
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); |
|
||||
|
|
||||
:root { |
|
||||
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 153, 0, .7) 0%, #3c0015 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed, |
|
||||
url("https://themepark-develop.netlify.app/Resources/soul.jpg") center center/cover no-repeat fixed; |
|
||||
--modal-bg-color: linear-gradient(180deg, rgba(140, 64, 2, .8) 0%, #3c0015 100%) center center/cover no-repeat fixed, |
|
||||
url("https://themepark-develop.netlify.app/Resources/soul.jpg") 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-missing: 240 80 80; |
|
||||
--calendar-tv-On-Air: 255 165 0; |
|
||||
--calendar-tv-available: 39 194 76; |
|
||||
|
|
||||
--button-color: rgba(255, 255, 255, .15); |
|
||||
--button-color-hover: #f90c; |
|
||||
--accent-color: #f90c; |
|
||||
--accent-color-hover: #f90c; |
|
||||
--arr-queue-color: #204c80cc; |
|
||||
} |
|
||||
@ -1,35 +0,0 @@ |
|||||
/* 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 SPACE STONE THEME */ |
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); |
|
||||
|
|
||||
:root { |
|
||||
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(0, 98, 255, .7) 0%, #020013 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed, |
|
||||
url("https://themepark-develop.netlify.app/Resources/space.jpg") center center/cover no-repeat fixed; |
|
||||
--modal-bg-color: linear-gradient(180deg, rgba(0, 98, 255, .7) 0%, #10003c 100%) center center/cover no-repeat fixed, |
|
||||
url("https://themepark-develop.netlify.app/Resources/space.jpg") 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-missing: 240 80 80; |
|
||||
--calendar-tv-On-Air: 255 165 0; |
|
||||
--calendar-tv-available: 39 194 76; |
|
||||
|
|
||||
--button-color: rgba(255, 255, 255, .15); |
|
||||
--button-color-hover: #0062ffcc; |
|
||||
--accent-color: #0062ffcc; |
|
||||
--accent-color-hover: #0062ffcc; |
|
||||
--arr-queue-color: #0062ffcc; |
|
||||
} |
|
||||
@ -1,35 +0,0 @@ |
|||||
/* 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 TIME STONE THEME */ |
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); |
|
||||
|
|
||||
:root { |
|
||||
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(109, 247, 81, .7) 0%, #00130c 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed, |
|
||||
url("https://themepark-develop.netlify.app/Resources/time.jpg") center center/cover no-repeat fixed; |
|
||||
--modal-bg-color: linear-gradient(180deg, rgba(2, 77, 0, .8) 0%, #00130c 100%) center center/cover no-repeat fixed, |
|
||||
url("https://themepark-develop.netlify.app/Resources/time.jpg") 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-missing: 240 80 80; |
|
||||
--calendar-tv-On-Air: 255 165 0; |
|
||||
--calendar-tv-available: 39 194 76; |
|
||||
|
|
||||
--button-color: rgba(255, 255, 255, .15); |
|
||||
--button-color-hover: rgba(4, 168, 0, .8); |
|
||||
--accent-color: #6df751cc; |
|
||||
--accent-color-hover: #6df751cc; |
|
||||
--arr-queue-color: #6df751cc; |
|
||||
} |
|
||||
@ -0,0 +1,30 @@ |
|||||
|
:root { |
||||
|
--main-bg-color: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%) center center/cover no-repeat fixed; |
||||
|
|
||||
|
--modal-bg-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed; |
||||
|
--modal-header-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed; |
||||
|
--modal-footer-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed; |
||||
|
|
||||
|
--drop-down-menu-bg: #204c80; |
||||
|
|
||||
|
--button-color: #fb3f62; |
||||
|
--button-color-hover: rgba(251, 63, 98, .8); |
||||
|
--button-text: #eee; |
||||
|
--button-text-hover: #FFF; |
||||
|
|
||||
|
--accent-color: 251, 63, 98; |
||||
|
--accent-color-hover: rgba(var(--accent-color), .8); |
||||
|
--link-color: rgb(0, 255, 157); |
||||
|
--link-color-hover: rgba(0, 255, 157, 0.8); |
||||
|
--label-text-color: #282a36; |
||||
|
|
||||
|
--text:#eee; |
||||
|
--text-hover: #fff; |
||||
|
--text-muted: #999; |
||||
|
|
||||
|
--arr-queue-color: rgb(0, 255, 157); |
||||
|
--plex-poster-unwatched: #fb3f62; |
||||
|
--petio-spinner: invert(29%) sepia(87%) saturate(2199%) hue-rotate(331deg) brightness(115%) contrast(97%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
||||
|
--gitea-color-primary-dark-4: 251, 63, 98; |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,30 @@ |
|||||
|
:root { |
||||
|
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 242, 0, .7) 0%, #0d0400 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed, |
||||
|
url("https://theme-park.dev/Resources/mind.jpg") center center/cover no-repeat fixed; |
||||
|
--modal-bg-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed; |
||||
|
--modal-header-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed; |
||||
|
--modal-footer-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed; |
||||
|
|
||||
|
--drop-down-menu-bg: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed; |
||||
|
|
||||
|
--button-color: #e1d500; |
||||
|
--button-color-hover: #c3b900; |
||||
|
--button-text: #000; |
||||
|
--button-text-hover: #000; |
||||
|
|
||||
|
--accent-color: 228, 216, 0; |
||||
|
--accent-color-hover: rgb(var(--accent-color),.8); |
||||
|
--link-color: #fff200; |
||||
|
--link-color-hover: #fff200cc; |
||||
|
--label-text-color: #000; |
||||
|
|
||||
|
--text:#ddd; |
||||
|
--text-hover: #fff; |
||||
|
--text-muted: #999; |
||||
|
|
||||
|
/*Specials*/ |
||||
|
--arr-queue-color: #e1d500; /* Servarr apps + Bazarr*/ |
||||
|
--plex-poster-unwatched: #e1d500; |
||||
|
--petio-spinner: invert(72%) sepia(97%) saturate(1218%) hue-rotate(10deg) brightness(102%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
||||
|
--gitea-color-primary-dark-4: 228, 216, 0; |
||||
|
} |
||||
@ -0,0 +1,30 @@ |
|||||
|
:root { |
||||
|
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(166, 40, 140, .7) 0%, rgba(11,8,51,1) 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed, |
||||
|
url("https://theme-park.dev/Resources/power.jpg") center center/cover no-repeat fixed; |
||||
|
--modal-bg-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed; |
||||
|
--modal-header-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed; |
||||
|
--modal-footer-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed; |
||||
|
|
||||
|
--drop-down-menu-bg: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed; |
||||
|
|
||||
|
--button-color: #85096b; |
||||
|
--button-color-hover: #85096bcc; |
||||
|
--button-text: #eee; |
||||
|
--button-text-hover: #FFF; |
||||
|
|
||||
|
--accent-color: 166, 40, 140; |
||||
|
--accent-color-hover: rgba(var(--accent-color), 0.8); |
||||
|
--link-color: rgb(223, 21, 179); |
||||
|
--link-color-hover: rgb(255, 0, 200); |
||||
|
--label-text-color: #fff; |
||||
|
|
||||
|
--text:#ddd; |
||||
|
--text-hover: #fff; |
||||
|
--text-muted: #999; |
||||
|
|
||||
|
/*Specials*/ |
||||
|
--arr-queue-color: rgb(216, 22, 174); /* Servarr apps + Bazarr*/ |
||||
|
--plex-poster-unwatched: rgb(216, 22, 174); |
||||
|
--petio-spinner: invert(8%) sepia(62%) saturate(6812%) hue-rotate(304deg) brightness(108%) contrast(98%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
||||
|
--gitea-color-primary-dark-4: 166, 40, 140; |
||||
|
} |
||||
@ -0,0 +1,27 @@ |
|||||
|
:root { |
||||
|
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(232, 11, 11, 0.7) 0%, #08000d 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed, |
||||
|
url("https://theme-park.dev/Resources/reality.jpg") center center/cover no-repeat fixed; |
||||
|
--modal-bg-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed; |
||||
|
--modal-header-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed; |
||||
|
--modal-footer-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed; |
||||
|
|
||||
|
--drop-down-menu-bg: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed; |
||||
|
|
||||
|
--button-color: #e80c0b; |
||||
|
--button-color-hover: #e80c0bcc; |
||||
|
--accent-color: 232, 12, 11; |
||||
|
--accent-color-hover: rgba(var(--accent-color), 0.8); |
||||
|
--link-color: rgb(232, 12, 11); |
||||
|
--link-color-hover: rgba(232, 12, 11,.8); |
||||
|
--label-text-color: #fff; |
||||
|
|
||||
|
--text:#ddd; |
||||
|
--text-hover: #fff; |
||||
|
--text-muted: #999; |
||||
|
|
||||
|
/*Specials*/ |
||||
|
--arr-queue-color: #e80c0b; /* Servarr apps + Bazarr*/ |
||||
|
--plex-poster-unwatched: rgb(232, 12, 11); |
||||
|
--petio-spinner: invert(14%) sepia(93%) saturate(3042%) hue-rotate(349deg) brightness(112%) contrast(116%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
||||
|
--gitea-color-primary-dark-4: 232, 12, 11; |
||||
|
} |
||||
@ -0,0 +1,30 @@ |
|||||
|
:root { |
||||
|
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 153, 0, .7) 0%, #3c0015 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed, |
||||
|
url("https://theme-park.dev/Resources/soul.jpg") center center/cover no-repeat fixed; |
||||
|
--modal-bg-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed; |
||||
|
--modal-header-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed; |
||||
|
--modal-footer-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed; |
||||
|
|
||||
|
--drop-down-menu-bg: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed; |
||||
|
|
||||
|
--button-color: rgb(255, 153, 0); |
||||
|
--button-color-hover: #f90c; |
||||
|
--button-text: #eee; |
||||
|
--button-text-hover: #FFF; |
||||
|
|
||||
|
--accent-color: 255, 153, 0; |
||||
|
--accent-color-hover: rgba(var(--accent-color), 0.8); |
||||
|
--link-color: rgb(255, 153, 0); |
||||
|
--link-color-hover: rgb(255, 153, 0, 0.8); |
||||
|
--label-text-color: #fff; |
||||
|
|
||||
|
--text:#ddd; |
||||
|
--text-hover: #fff; |
||||
|
--text-muted: #999; |
||||
|
|
||||
|
/*Specials*/ |
||||
|
--arr-queue-color: rgb(255, 153, 0); /* Servarr apps + Bazarr*/ |
||||
|
--plex-poster-unwatched: #880030; |
||||
|
--petio-spinner: invert(9%) sepia(44%) saturate(6901%) hue-rotate(327deg) brightness(101%) contrast(110%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
||||
|
--gitea-color-primary-dark-4: 255, 153, 0; |
||||
|
} |
||||
@ -0,0 +1,30 @@ |
|||||
|
:root { |
||||
|
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(0, 98, 255, .7) 0%, #020013 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed, |
||||
|
url("https://theme-park.dev/Resources/space.jpg") center center/cover no-repeat fixed; |
||||
|
--modal-bg-color: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed; |
||||
|
--modal-headercolor: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed; |
||||
|
--modal-footer-color: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed; |
||||
|
|
||||
|
--drop-down-menu-bg: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed; |
||||
|
|
||||
|
--button-color: #0062ff; |
||||
|
--button-color-hover: #0062ffcc; |
||||
|
--button-text: #eee; |
||||
|
--button-text-hover: #FFF; |
||||
|
|
||||
|
--accent-color: 0, 98, 255; |
||||
|
--accent-color-hover: rgba(var(--accent-color), 0.8); |
||||
|
--link-color: rgb(61, 126, 255); |
||||
|
--link-color-hover: rgb(0, 98, 255); |
||||
|
--label-text-color: #fff; |
||||
|
|
||||
|
--text:#ddd; |
||||
|
--text-hover: #fff; |
||||
|
--text-muted: #999; |
||||
|
|
||||
|
/*Specials*/ |
||||
|
--arr-queue-color: #0062ffcc; /* Servarr apps + Bazarr*/ |
||||
|
--plex-poster-unwatched: rgb(0, 98, 255); |
||||
|
--petio-spinner: invert(25%) sepia(99%) saturate(4489%) hue-rotate(214deg) brightness(104%) contrast(109%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
||||
|
--gitea-color-primary-dark-4: 0, 98, 255; |
||||
|
} |
||||
@ -0,0 +1,30 @@ |
|||||
|
:root { |
||||
|
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(109, 247, 81, .7) 0%, #00130c 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed, |
||||
|
url("https://theme-park.dev/Resources/time.jpg") center center/cover no-repeat fixed; |
||||
|
--modal-bg-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed; |
||||
|
--modal-header-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed; |
||||
|
--modal-footer-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed; |
||||
|
|
||||
|
--drop-down-menu-bg: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed; |
||||
|
|
||||
|
--button-color: rgb(4, 168, 0); |
||||
|
--button-color-hover: rgba(4, 168, 0, .8); |
||||
|
--button-text: #eee; |
||||
|
--button-text-hover: #FFF; |
||||
|
|
||||
|
--accent-color: 109, 247, 81; |
||||
|
--accent-color-hover: rgba(var(--accent-color), 0.8); |
||||
|
--link-color: rgb(109, 247, 81); |
||||
|
--link-color-hover: rgba(109, 247, 81,.8); |
||||
|
--label-text-color: #000; |
||||
|
|
||||
|
--text:#ddd; |
||||
|
--text-hover: #fff; |
||||
|
--text-muted: #999; |
||||
|
|
||||
|
/*Specials*/ |
||||
|
--arr-queue-color: #6df751cc; /* Servarr apps + Bazarr*/ |
||||
|
--plex-poster-unwatched: rgb(109, 247, 81); |
||||
|
--petio-spinner: invert(73%) sepia(74%) saturate(428%) hue-rotate(55deg) brightness(101%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
||||
|
--gitea-color-primary-dark-4: 109, 247, 81; |
||||
|
} |
||||
@ -0,0 +1,51 @@ |
|||||
|
function get_base_sha(app,theme) { |
||||
|
url = `https://api.github.com/repos/gilbn/theme.park/contents/CSS/themes/${app}/${app}-base.css` |
||||
|
const date = new Date().toUTCString(); |
||||
|
fetch(url, { |
||||
|
headers: { "If-Modified-Since": date } |
||||
|
}) |
||||
|
.then(res => res.json()) |
||||
|
.then(data => (injectTheme(app,theme,sha=data.sha || "ratelimited"))) |
||||
|
.catch(err => { throw err }); |
||||
|
} |
||||
|
|
||||
|
function injectTheme(app,theme,sha,container="head") { |
||||
|
if (container === "head") { |
||||
|
html_element = document.head; |
||||
|
} else html_element = document.body; |
||||
|
let link = document.createElement("link"); |
||||
|
url = "https://theme-park.dev/CSS/themes/" |
||||
|
link.type = "text/css"; |
||||
|
link.rel = "stylesheet"; |
||||
|
link.href = `${url}/${app}/${theme}.css?v=${sha}`; |
||||
|
|
||||
|
html_element.appendChild(link); |
||||
|
} |
||||
|
|
||||
|
function injectAddon(app,addon,container="head") { |
||||
|
if (container === "head") { |
||||
|
html_element = document.head; |
||||
|
} else html_element = document.body; |
||||
|
let link = document.createElement("link"); |
||||
|
url = "https://theme-park.dev/CSS/addons/" |
||||
|
link.type = "text/css"; |
||||
|
link.rel = "stylesheet"; |
||||
|
link.href = `${url}/${app}/${addon}.css`; |
||||
|
|
||||
|
html_element.appendChild(link); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// {
|
||||
|
// if (res.status) {
|
||||
|
// res.json()
|
||||
|
// .then(data => console.log(data))
|
||||
|
// } else {
|
||||
|
// res.json()
|
||||
|
// .then(data => console.log(data))
|
||||
|
// console.info("%c theme.park %c ".concat("ERROR", " "), "color: white; background: #009688; font-weight: 700; font-size: 24px; font-family: Monospace;", "color: red; background: white; font-weight: 700; font-size: 24px; font-family: Monospace;");
|
||||
|
// console.info(`%c Error %c Failed to fetch the url, double check the name passed in your subfilter.. `, "color: white; background: red; font-weight: 700;", "color: red; background: white; font-weight: 700;");
|
||||
|
// }
|
||||
|
// })
|
||||
|
|
||||
|
|
||||
Loading…
Reference in new issue