diff --git a/CSS/themes/sonarr/mind.css b/CSS/themes/sonarr/mind.css deleted file mode 100644 index 32e60bf1..00000000 --- a/CSS/themes/sonarr/mind.css +++ /dev/null @@ -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; -} \ No newline at end of file diff --git a/CSS/themes/sonarr/noname.css b/CSS/themes/sonarr/noname.css deleted file mode 100644 index 48e4cec3..00000000 --- a/CSS/themes/sonarr/noname.css +++ /dev/null @@ -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; - } - diff --git a/CSS/themes/sonarr/power.css b/CSS/themes/sonarr/power.css deleted file mode 100644 index a4f326ae..00000000 --- a/CSS/themes/sonarr/power.css +++ /dev/null @@ -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; - } \ No newline at end of file diff --git a/CSS/themes/sonarr/reality.css b/CSS/themes/sonarr/reality.css deleted file mode 100644 index b9f09ebd..00000000 --- a/CSS/themes/sonarr/reality.css +++ /dev/null @@ -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; - } - - \ No newline at end of file diff --git a/CSS/themes/sonarr/sonarrv2.css b/CSS/themes/sonarr/sonarrv2.css deleted file mode 100644 index 20577f11..00000000 --- a/CSS/themes/sonarr/sonarrv2.css +++ /dev/null @@ -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; -} diff --git a/CSS/themes/sonarr/soul.css b/CSS/themes/sonarr/soul.css deleted file mode 100644 index 2db832ce..00000000 --- a/CSS/themes/sonarr/soul.css +++ /dev/null @@ -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; -} \ No newline at end of file diff --git a/CSS/themes/sonarr/space.css b/CSS/themes/sonarr/space.css deleted file mode 100644 index 83a77853..00000000 --- a/CSS/themes/sonarr/space.css +++ /dev/null @@ -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; -} \ No newline at end of file diff --git a/CSS/themes/sonarr/time.css b/CSS/themes/sonarr/time.css deleted file mode 100644 index 960647ba..00000000 --- a/CSS/themes/sonarr/time.css +++ /dev/null @@ -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; -} \ No newline at end of file diff --git a/CSS/variables/aquamarine.css b/CSS/variables/aquamarine.css index 7b96e580..fcf11b67 100644 --- a/CSS/variables/aquamarine.css +++ b/CSS/variables/aquamarine.css @@ -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; } diff --git a/CSS/variables/hotline.css b/CSS/variables/hotline.css index c1addd51..14ccbaa8 100644 --- a/CSS/variables/hotline.css +++ b/CSS/variables/hotline.css @@ -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; } \ No newline at end of file diff --git a/CSS/variables/hotpink.css b/CSS/variables/hotpink.css new file mode 100644 index 00000000..d52be3ee --- /dev/null +++ b/CSS/variables/hotpink.css @@ -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; + } + diff --git a/CSS/variables/mind.css b/CSS/variables/mind.css new file mode 100644 index 00000000..6d4fc8ad --- /dev/null +++ b/CSS/variables/mind.css @@ -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; +} \ No newline at end of file diff --git a/CSS/variables/power.css b/CSS/variables/power.css new file mode 100644 index 00000000..ab8fd878 --- /dev/null +++ b/CSS/variables/power.css @@ -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; +} \ No newline at end of file diff --git a/CSS/variables/reality.css b/CSS/variables/reality.css new file mode 100644 index 00000000..a91e00a9 --- /dev/null +++ b/CSS/variables/reality.css @@ -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; +} \ No newline at end of file diff --git a/CSS/variables/soul.css b/CSS/variables/soul.css new file mode 100644 index 00000000..2066470c --- /dev/null +++ b/CSS/variables/soul.css @@ -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; +} \ No newline at end of file diff --git a/CSS/variables/space.css b/CSS/variables/space.css new file mode 100644 index 00000000..ad50e45e --- /dev/null +++ b/CSS/variables/space.css @@ -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; +} \ No newline at end of file diff --git a/CSS/variables/time.css b/CSS/variables/time.css new file mode 100644 index 00000000..cbbdeb0b --- /dev/null +++ b/CSS/variables/time.css @@ -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; +} \ No newline at end of file diff --git a/Resources/apply_theme.js b/Resources/apply_theme.js new file mode 100644 index 00000000..32551d93 --- /dev/null +++ b/Resources/apply_theme.js @@ -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;"); +// } +// }) + +