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

new theme options

pull/244/head
Marius 3 years ago
parent
60a006140b
commit
d3e5f07c01
18 changed files with 260 additions and 1027 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 35
      CSS/themes/sonarr/mind.css
  2. 42
      CSS/themes/sonarr/noname.css
  3. 34
      CSS/themes/sonarr/power.css
  4. 36
      CSS/themes/sonarr/reality.css
  5. 773
      CSS/themes/sonarr/sonarrv2.css
  6. 35
      CSS/themes/sonarr/soul.css
  7. 35
      CSS/themes/sonarr/space.css
  8. 35
      CSS/themes/sonarr/time.css
  9. 2
      CSS/variables/aquamarine.css
  10. 2
      CSS/variables/hotline.css
  11. 30
      CSS/variables/hotpink.css
  12. 30
      CSS/variables/mind.css
  13. 30
      CSS/variables/power.css
  14. 27
      CSS/variables/reality.css
  15. 30
      CSS/variables/soul.css
  16. 30
      CSS/variables/space.css
  17. 30
      CSS/variables/time.css
  18. 51
      Resources/apply_theme.js

35
CSS/themes/sonarr/mind.css
View File

@ -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;
}

42
CSS/themes/sonarr/noname.css
View File

@ -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;
}

34
CSS/themes/sonarr/power.css
View File

@ -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;
}

36
CSS/themes/sonarr/reality.css
View File

@ -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;
}

773
CSS/themes/sonarr/sonarrv2.css
View File

@ -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;
}

35
CSS/themes/sonarr/soul.css
View File

@ -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;
}

35
CSS/themes/sonarr/space.css
View File

@ -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;
}

35
CSS/themes/sonarr/time.css
View File

@ -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;
}

2
CSS/variables/aquamarine.css
View File

@ -25,6 +25,6 @@
/*Specials*/
--arr-queue-color: #009688; /* Servarr apps + Bazarr*/
--plex-poster-unwatched: rgb(21, 213, 194);
--petio-spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--petio-spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 18, 175, 160;
}

2
CSS/variables/hotline.css
View File

@ -25,6 +25,6 @@
/*Specials*/
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
--plex-poster-unwatched: #FB3122;
--petio-spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--petio-spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 244, 67, 54;
}

30
CSS/variables/hotpink.css
View File

@ -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;
}

30
CSS/variables/mind.css
View File

@ -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;
}

30
CSS/variables/power.css
View File

@ -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;
}

27
CSS/variables/reality.css
View File

@ -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;
}

30
CSS/variables/soul.css
View File

@ -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;
}

30
CSS/variables/space.css
View File

@ -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;
}

30
CSS/variables/time.css
View File

@ -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;
}

51
Resources/apply_theme.js
View File

@ -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;");
// }
// })
Write Preview
Loading…
Cancel
Save