deathbybandaid/theme.park
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update 2022-03-19

Browse Source
This commit is contained in:
deathbybandaid 2022-03-19 17:01:32 -04:00
parent b3732cac70
commit d93e22ec21
64 changed files with 454 additions and 197 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -2,9 +2,9 @@
[![Docs](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=theme-park.dev&message=Docs)](https://docs.theme-park.dev "Documentation for all the themes in this repository.")
[![Discord](https://img.shields.io/discord/591352397830553601.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=Discord&logo=discord)](https://discord.gg/HM5uUKU "Discord for theme installation support")
[![GitHub Stars](https://img.shields.io/github/stars/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&logo=github)](https://assets.deathbybandaid.net/theme.park)
[![GitHub Stars](https://img.shields.io/github/stars/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&logo=github)](https://github.com/GilbN/theme.park)
[![Support](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=&message=sponsor&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABN0lEQVQ4T2NkoBAwIuv/HxDggMT/wLhhwwUQ/39AgAEDA4MATI5xw4YDcDaaAf+R+AcZN2wAG/g/IACkwR7JALjFYAbU5v0k+sYR5BLG/wEBCQwMDAUMDAz6DM3NDAxz5zIwPHhAjFkXGRgYJoAMaGBgYKgH6wgPZ2DYt4+B4fVrYgwAqWlENYBYbQwMDO8+sjH8+cvUSbYB6w9Kv/vwlW0aWYE4Z5MCAwfrf7fYnxN3wwwAxTEorvHGBMjZBy+Ivvv6jSXi20+OU+kMnR/RExIoQEGxIo8eHM/fcDA8fc114/J9/jVJv/prsSYkaJqYwMDAEIBsCMjme894bl6+w7s76e/EXGTDUVwAk0CJWgYGBliAIduM0wVIhoCS8X7kAMMWy1hdAPUKOGCXbJdnhQUYSQYQm6YAtdh8zhSGm1AAAAAASUVORK5CYII=)](https://github.com/sponsors/GilbN "Donate!")
[![GitHub](https://img.shields.io/github/license/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge)](https://assets.deathbybandaid.net/theme.park/blob/master/LICENSE)
[![GitHub](https://img.shields.io/github/license/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge)](https://github.com/gilbN/theme.park/blob/master/LICENSE)
[![GitHub Package Repository](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=theme-park.dev&message=Packages&logo=github)](https://github.com/users/GilbN/packages/container/package/theme.park)
[![Docker Pulls](https://img.shields.io/docker/pulls/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=pulls&logo=docker)](https://hub.docker.com/r/gilbn/theme.park)
[![Blog](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=technicalramblings&message=Blog)](https://technicalramblings.com/ "A blog with different guides :)")

29
css/base/bazarr/bazarr-base.css
View File

@ -103,6 +103,19 @@ a:hover {
background-color: rgb(0 0 0 / 15%);
}
.text-dark {
color: var(--text-hover)!important;
}
.text-secondary {
color: var(--text)!important;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: var(--text-muted);
pointer-events: none;
background-color: transparent;
}
h1,
h2,
h3,
@ -211,7 +224,8 @@ label,
background-color: rgba(0, 0, 0, .25);
}
.sidebar-container .sidebar-button {
.sidebar-container .sidebar-button,
.sidebar-container .button {
color: var(--text) !important;
background: transparent
}
@ -222,7 +236,8 @@ label,
background-color: rgba(0, 0, 0, 0.15) !important;
}
.sidebar-container .sidebar-button:hover {
.sidebar-container .sidebar-button:hover,
.sidebar-container .button:hover {
background-color: transparent !important;
color: rgb(var(--accent-color)) !important;
}
@ -232,7 +247,8 @@ label,
}
.sidebar-container .sidebar-button.sb-active,
.sidebar-container .sidebar-button.sb-active:hover {
.sidebar-container .sidebar-button.sb-active:hover,
.sidebar-container .button.active {
background-color: rgba(0, 0, 0, 0.15) !important;
color: rgb(var(--accent-color)) !important;
}
@ -352,6 +368,9 @@ hr {
box-shadow: 0 0 10px 1px #000000;
color: var(--text);
}
.card-header {
border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.settings-card:hover,
.settings-card:focus {
@ -368,6 +387,7 @@ hr {
/* Series page */
.progress-bar {
background-color: var(--accent-color);
text-shadow: none;
}
.progress {
@ -827,6 +847,9 @@ line {
background-size: 1rem 1rem
}
.notification-btn .notification-center-progress .progress .progress-bar {
text-shadow: -2px -2px 5px rgb(var(--accent-color)), 2px -2px 5px rgb(var(--accent-color)), -2px 2px 5px rgb(var(--accent-color)), 2px 2px 5px rgb(var(--accent-color));
}
/* LOGS */
/* Stack traceback */
code.zmdi-language-python-alt {

16
css/base/lidarr/lidarr-base.css
View File

@ -251,10 +251,7 @@ a:hover {
}
/* ADD NEW */
[class*="EnhancedSelectInput-options-"],
[class*="EnhancedSelectInputOption-option-"],
[class*="EnhancedSelectInput-optionsContainer-"] {
border: 0px solid rgba(255, 255, 255, 0.2);
[class*="EnhancedSelectInput-options-"] {
border-radius: 4px;
background: var(--drop-down-menu-bg);
background-repeat: repeat, no-repeat;
@ -267,6 +264,10 @@ a:hover {
color: var(--text);
}
[class*="EnhancedSelectInput-options-"] {
border: 1px solid rgba(var(--accent-color)) !important;
}
[class*="EnhancedSelectInputOption-isSelected-"],
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
background-color: rgba(255, 255, 255, 0.20) !important;
@ -635,7 +636,11 @@ a:hover {
/* TOP HEADER DROPDOWN */
[class*="MenuItem-menuItem-"],
[class*="MenuItem-menuItem-"] {
color: var(--text);
background: 0;
}
[class*="MenuContent-menuContent-"] {
background: var(--drop-down-menu-bg);
background-repeat: repeat, no-repeat;
@ -645,7 +650,6 @@ a:hover {
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
color: var(--text);
}
[class*="MenuContent-scroller-"] {

170
css/base/organizr/organizr-base.css
View File

@ -21,19 +21,7 @@
border: 1px solid rgb(var(--accent-color), 0.5);
}
.modal-content,
.mfp-content .panel {
background: var(--modal-bg-color);
background-repeat: repeat, no-repeat !important;
background-attachment: fixed, fixed !important;
background-position: center center, center center !important;
background-size: auto, cover !important;
-webkit-background-size: auto, cover !important;
-moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important;
}
[id*="homepage-"]>fieldset>div>div.panel-wrapper.collapse.in>div>div,
[id$="-settings-items"]>div {
background: var(--modal-bg-color);
background-repeat: repeat, no-repeat !important;
@ -62,14 +50,7 @@
}
#HEALTHCHECKS-settings-items [id*="Services"] .row.m-b-40 {
background: var(--modal-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;
background: rgba(0, 0, 0, 0)
}
.h1,
@ -209,17 +190,9 @@ h6 {
.panel-info .panel-heading {
border-color: rgb(var(--accent-color));
color: var(--text-hover);
background: var(--modal-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;
}
.panel-body:not(.unifiCards .panel-body):not(body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div.panel-wrapper.collapse.in > div) {
/* .panel-body:not(.unifiCards .panel-body):not(body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div.panel-wrapper.collapse.in > div) {
background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
@ -228,7 +201,7 @@ h6 {
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
}
} */
.bg-plex:not(h2 .bg-plex) {
background: #e5a00d;
@ -239,14 +212,16 @@ h6 {
.tabs-style-flip nav a,
.nav-tabs>li>a {
color: var(--text-hover);
transition: color .3s;
}
.customtab2 li.active a,
.customtab2 li.active a:focus,
.customtab2 li.active a:hover {
background: rgba(0, 0, 0, 0.25) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
background: rgba(var(--accent-color), 0.15) !important;
border-color: rgba(var(--accent-color), 0.1) !important;
border-radius: 20px;
color: rgb(var(--accent-color)) !important;
}
/*toast*/
@ -284,6 +259,41 @@ h6 {
[id*="settings-"]>div>div.panel-heading:not(form > div > div.panel-heading) {
background: rgba(0, 0, 0, 0.25);
}
[id*="settings-"]>div>div.panel-heading .bg-org:not(form > div > div.panel-heading) {
background: rgba(0, 0, 0, 0.25);
}
#account-area > div > div > div > div,
[id*="homepage-"] > fieldset > div,
#speedtest-area > div > div {
background: var(--modal-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;
}
#homepage-Deluge-form > fieldset > div > div.panel-wrapper.collapse.in > div > div > div > div.tab-pane.fade.in.active > div > div > div > div > div > div > div {
background: rgba(0, 0, 0, .1);
}
/* Homepage Item Modals*/
[id$="API-SOCKS"] > div:nth-child(1) > div.col-md-12.p-b-10 > div > div > div,
[id$="About"] > div > div > div > div > div,
[id$="Enable"] > div > div > div > div > div > div > div,
[id$="FYI"] > div > div > div > div > div > div > div,
#\39 w59f92rirFYI > div > div > div > div > div > div > div,
[id$="Setup"] > div > div > div > div > div {
background: rgba(0, 0, 0, 0.25);
}
[id*="settings-"] .panel {
background: rgba(0, 0, 0, 0.25);
}
#customize-appearance-form>ul>li.active>a {
background: rgba(0, 0, 0, 0.25);
@ -1125,7 +1135,7 @@ label[for="checkbox-login"]:hover {
.panel-inverse .panel-heading {
border-color: transparent;
color: #fff;
background: var(--main-bg-color);
background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
@ -1165,7 +1175,6 @@ label[for="checkbox-login"]:hover {
.nav-tabs>li.active>a:hover {
cursor: pointer;
opacity: 1;
background: rgb(var(--accent-color) , .15) !important;
}
#homepageOrderdownloader .nav-tabs>li.active>a,
@ -1584,9 +1593,10 @@ a:hover,
box-shadow: none !important;
}
.swal-overlay--show-modal .swal-modal:not(.swal-modal.orgAlertTransparent),
body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.panel-heading {
background: var(--main-bg-color);
.swal-modal,
body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.panel-heading,
body > div.swal-overlay.swal-overlay--show-modal > div {
background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
@ -1655,6 +1665,7 @@ body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.p
.customvtab .tabs-vertical li.active a:hover {
border-right: 2px solid rgb(var(--accent-color));
color: rgb(var(--accent-color));
transition: background-color .3s;
}
.vtabs .tabs-vertical li a {
@ -1663,7 +1674,9 @@ body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.p
.vtabs .nav>li>a:focus,
.vtabs .nav>li>a:hover {
background-color: rgba(var(--accent-color), .15);
color: rgba(var(--accent-color));
background: transparent;
transition: color .3s;
}
/* THEME PARK CUSTOM END*/
@ -1719,7 +1732,7 @@ body {
}
.navbar-header {
background: var(--main-bg-color);
background: none;
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
@ -1736,14 +1749,7 @@ body {
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background: var(--modal-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;
background: rgba(0, 0, 0, 0.25);
}
/*Right panel*/
@ -1860,7 +1866,7 @@ background: rgb(0 0 0 / 0%) !important;
}
.dropdown-menu {
background: var(--drop-down-menu-bg) !important;
background: var(--drop-down-menu-bg);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
@ -1897,7 +1903,7 @@ background: rgb(0 0 0 / 0%) !important;
}
/*Button*/
.btn-custom {
.btn-custom{
background: var(--button-color);
border: 1px solid var(--button-color);
color: var(--button-text);
@ -1910,6 +1916,21 @@ background: rgb(0 0 0 / 0%) !important;
border: 1px solid var(--button-color-hover);
}
.swal-button {
outline: none;
background: var(--button-color);
border: 1px solid var(--button-color);
color: var(--button-text);
border-radius: 0px;
}
.swal-button:focus,.swal-button:active {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0), 0 0 0 3px rgb(var(--accent-color),.25);
}
.swal-button:not([disabled]):hover,.swal-button:active {
background-color: var(--button-color-hover);
color: var(--button-text-hover);
border: 1px solid var(--button-color-hover);
}
/*Custom tab
.customtab li.active a,
.customtab li.active a:hover,
@ -2052,9 +2073,6 @@ body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div
-o-background-size: auto, cover;
}
.panel {
background: #1b1a1a;
}
.form-control,
input,
@ -2098,12 +2116,14 @@ input,
.customtab2 li.active a:hover {
background: #1f1f1f;
border-radius: 20px;
border: 0;
transition: background-color .3s;
}
.nav-tabs>li>a:hover {
background: rgba(0, 0, 0, 0.25) !important;
border-radius: 0px;
color: var(--text-hover);
background: transparent !important;
border-radius: 20px;
color: rgb(var(--accent-color)) !important;
}
.tabs-style-flip nav a:focus,
@ -2122,7 +2142,7 @@ input,
}
#account-area>div>div>div>div>div.panel-wrapper.collapse.in.main-email-panel>div {
/* #account-area>div>div>div>div>div.panel-wrapper.collapse.in.main-email-panel>div {
background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
@ -2131,7 +2151,7 @@ input,
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
}
} */
.tab-content .panel .panel-body,
.tab-content .panel .panel-body .bg-org {
@ -2296,7 +2316,7 @@ fieldset[disabled] .form-control {
.customvtab .tabs-vertical li.active a,
.customvtab .tabs-vertical li.active a:focus,
.customvtab .tabs-vertical li.active a:hover,
.dropdown-menu,
/* .dropdown-menu, */
.fc-day,
.footable-row-detail,
.img-thumbnail,
@ -2339,9 +2359,9 @@ table.dataTable tbody tr {
.btn-default,
.chat-list .chat-text h4,
.dropdown-menu>li>a,
/* .dropdown-menu>li>a,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:hover, */
.flot-text,
.footer,
.form-control,
@ -2413,7 +2433,7 @@ th {
.pager li>span,
.pagination>li>a,
.pagination>li>span,
.panel:not(#invite-area > div > div > div.col-md-12 > div):not(#login-panels > div),
/* .panel:not(#invite-area > div > div > div.col-md-12 > div):not(#login-panels > div), */
.panel-default .panel-body,
.panel-default .panel-footer,
.panel-default .panel-heading,
@ -2514,3 +2534,31 @@ span.select2-results {
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #232323;
}
/* .panel-info>.panel-heading {
background-color: rgba(var(--accent-color));
} */
.panel-blue .panel-heading, .panel-info .panel-heading, #help-modal-body > div > div {
background-color: rgba(0, 0, 0, .25);
}
#account-area > div > div > div > div > div.panel-wrapper.collapse.in.main-email-panel > div > div > div > div > div,
#plexRecent > div.col-lg-12 > div,
#overseerr-requests > div.col-lg-12 > div,
body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div {
background: transparent;
}
[id$="-settings-page"] .bg-org, .modal-content,
body > div.swal-overlay.swal-overlay--show-modal > div > div > div,
#email-area > div > div > div.row > div > div,
#invite-area > div > div > div.col-md-12 > div {
background: var(--modal-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;
}

45
css/base/overseerr/overseerr-base.css
View File

@ -65,6 +65,7 @@ button[class*="bg-indigo-"],
button[class*="bg-gray-"],
button[class*="border-indigo-"],
button[class*="border-gray-"],
#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5 > div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3 > a,
button.input-action {
background-color: var(--button-color);
border-color: var(--button-color);
@ -81,7 +82,8 @@ button[class*="bg-gray-"]:hover,
button[class*="border-indigo-"]:hover,
button[class*="border-gray-"]:hover,
button.input-action:hover,
button[class="input-action"]:hover {
button[class="input-action"]:hover,
#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5 > div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3 > a:hover {
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
color: var(--button-text-hover);
@ -193,8 +195,8 @@ body {
}
.bg-gray-800 {
--tw-bg-opacity: 0.3;
background-color: rgb(0, 0, 0, var(--tw-bg-opacity));
--tw-bg-opacity: 0.05;
background-color: rgb(255, 255, 255, var(--tw-bg-opacity));
}
.hover\:bg-gray-700:hover {
@ -203,6 +205,11 @@ body {
color: rgb(var(--accent-color)) !important;
}
.bg-gray-700 {
--tw-bg-opacity: .05;
background-color: rgba(var(--accent-color), var(--tw-bg-opacity));
}
/* SEARCH BAR */
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>.bg-gray-700 {
background-color: rgb(var(--accent-color), .3)
@ -270,9 +277,9 @@ body {
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--accent-color), .5));
}
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 {
background: rgba(var(--accent-color), 0.05);
color: rgba(var(--accent-color));
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500,
#__next > div > div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0 > div > div > div > nav > a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 > svg {
color: rgb(var(--accent-color)) !important;
}
body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div {
@ -321,8 +328,8 @@ a.slider-title:hover {
}
/* CARD HOVER */
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div>div>div:hover {
background: linear-gradient(rgba(var(--accent-color), .04) 0%, rgba(var(--accent-color), 0.9) 100%);
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div>div>div:hover a {
background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0,0,0,.7) 100%) !important;
}
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div.absolute.inset-0.z-0>div.absolute.inset-0 {
@ -335,15 +342,16 @@ a.slider-title:hover {
/* SHOW PAGE */
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0 {
background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%) !important;
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0,
#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.absolute.left-0.right-0.z-0.-top-16.h-96 > div > div > div.absolute.inset-0 {
background: var(--overseerr-gradient) !important;
}
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-overview {
background: var(--main-bg-color);
/* background: var(--main-bg-color);
padding: 1rem 1rem 2rem 0;
padding-left: 1rem;
margin: 1rem -1rem -1rem;
margin: 1rem -1rem -1rem; */
}
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div:hover,
@ -394,7 +402,7 @@ a.slider-title:hover {
/* RINGA A DINGALING*/
.ring-1 {
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) rgb(0 0 0 / 10%) !important;
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) rgb(255 255 255 / 10%) !important;
}
@ -513,7 +521,8 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent
/* DROPDOWN */
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div.bg-gray-700,
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a {
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a,
#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.mt-10.text-white > form > div:nth-child(5) > div > div > div > div > div > div {
background: var(--drop-down-menu-bg);
}
@ -521,6 +530,14 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent
background: rgba(255, 255, 255, 0.1);
}
[aria-labelledby="user-menu"] {
background: var(--drop-down-menu-bg);
}
[aria-labelledby="user-menu"] a:hover{
background-color: rgba(255, 255, 255, 0.05);
}
/* LOGIN */
#__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>button,
#__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>div:nth-child(3)>button {

10
css/base/plex/plex-base.css
View File

@ -118,8 +118,11 @@ a[class*="MetadataTableRow-title-"]:hover {
}
/* BODY */
html body,
.application {
#plex > div[class*="FullPageBackground-backgroundContainer-"] > div > div:nth-child(1) > canvas,
#plex > div[class*="FullPageBackground-backgroundContainer-"] > div > canvas {
display: none !important;
}
body,[class*="FullPageBackground-backgroundContainer-"] {
background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
@ -280,7 +283,8 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] {
border-color: rgb(var(--accent-color));
}
[class*="PivotTab-selectedButton-"]:after {
[class*="PivotTab-selectedButton-"]:after,
[class*="TabButton-selectedButton-"]:after {
background-color: rgb(var(--accent-color)) !important;
}

16
css/base/prowlarr/prowlarr-base.css
View File

@ -556,7 +556,11 @@ a:hover {
}
/* LIBRARY TOP HEADER DROPDOWN */
[class*="MenuItem-menuItem-"],
[class*="MenuItem-menuItem-"] {
color: var(--text);
background: 0;
}
[class*="MenuContent-menuContent-"] {
background: var(--drop-down-menu-bg);
background-repeat: repeat, no-repeat;
@ -566,7 +570,6 @@ a:hover {
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
color: var(--text);
}
[class*="MenuContent-scroller-"] {
@ -602,10 +605,7 @@ a:hover {
/* ADD NEW */
[class*="EnhancedSelectInput-options-"],
[class*="EnhancedSelectInputOption-option-"],
[class*="EnhancedSelectInput-optionsContainer-"] {
border: 0px solid rgba(255, 255, 255, 0.2);
[class*="EnhancedSelectInput-options-"] {
border-radius: 4px;
background: var(--drop-down-menu-bg);
background-repeat: repeat, no-repeat;
@ -618,6 +618,10 @@ a:hover {
color: var(--text);
}
[class*="EnhancedSelectInput-options-"] {
border: 1px solid rgba(var(--accent-color)) !important;
}
[class*="EnhancedSelectInputOption-isSelected-"],
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
background-color: rgba(255, 255, 255, 0.20) !important;

16
css/base/radarr/radarr-base.css
View File

@ -566,7 +566,11 @@ a:hover {
}
/* LIBRARY TOP HEADER DROPDOWN */
[class*="MenuItem-menuItem-"],
[class*="MenuItem-menuItem-"] {
color: var(--text);
background: 0;
}
[class*="MenuContent-menuContent-"] {
background: var(--drop-down-menu-bg);
background-repeat: repeat, no-repeat;
@ -576,7 +580,6 @@ a:hover {
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
color: var(--text);
}
[class*="MenuContent-scroller-"] {
@ -612,10 +615,7 @@ a:hover {
/* ADD NEW */
[class*="EnhancedSelectInput-options-"],
[class*="EnhancedSelectInputOption-option-"],
[class*="EnhancedSelectInput-optionsContainer-"] {
border: 0px solid rgba(255, 255, 255, 0.2);
[class*="EnhancedSelectInput-options-"] {
border-radius: 4px;
background: var(--drop-down-menu-bg);
background-repeat: repeat, no-repeat;
@ -628,6 +628,10 @@ a:hover {
color: var(--text);
}
[class*="EnhancedSelectInput-options-"] {
border: 1px solid rgba(var(--accent-color)) !important;
}
[class*="EnhancedSelectInputOption-isSelected-"],
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
background-color: rgba(255, 255, 255, 0.20) !important;

16
css/base/readarr/readarr-base.css
View File

@ -250,10 +250,7 @@ a:hover {
}
/* ADD NEW */
[class*="EnhancedSelectInput-options-"],
[class*="EnhancedSelectInputOption-option-"],
[class*="EnhancedSelectInput-optionsContainer-"] {
border: 0px solid rgba(255, 255, 255, 0.2);
[class*="EnhancedSelectInput-options-"] {
border-radius: 4px;
background: var(--drop-down-menu-bg);
background-repeat: repeat, no-repeat;
@ -266,6 +263,10 @@ a:hover {
color: var(--text);
}
[class*="EnhancedSelectInput-options-"] {
border: 1px solid rgba(var(--accent-color)) !important;
}
[class*="EnhancedSelectInputOption-isSelected-"],
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
background-color: rgba(255, 255, 255, 0.20) !important;
@ -640,7 +641,11 @@ a:hover {
/* TOP HEADER DROPDOWN */
[class*="MenuItem-menuItem-"],
[class*="MenuItem-menuItem-"] {
color: var(--text);
background: 0;
}
[class*="MenuContent-menuContent-"] {
background: var(--drop-down-menu-bg);
background-repeat: repeat, no-repeat;
@ -650,7 +655,6 @@ a:hover {
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
color: var(--text);
}
[class*="MenuContent-scroller-"] {

29
css/base/sabnzbd/sabnzbd-base.css
View File

@ -49,6 +49,10 @@ a {
color: var(--link-color);
}
[href="#modal-add-nzb"] {
opacity: 1;
}
.speedlimit-dropdown.dropdown>div>div>a {
color: var(--button-text);
}
@ -184,7 +188,8 @@ hr {
}
.dropdown-menu,
#feedback-slider {
#feedback-slider,
.navbar-collapse.in .dropdown-menu {
background: var(--drop-down-menu-bg);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
@ -193,12 +198,29 @@ hr {
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
border: none;
}
.dropdown-menu>li>a {
.dropdown-menu>li>a{
color: var(--text-hover);
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: rgba(255, 255, 255, 0.1);
}
.navbar-collapse.in .dropdown-menu a, .navbar-collapse.in .dropdown-menu a:hover {
color: var(--text-hover) !important;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
background-color: rgba(255, 255, 255, 0.25);
}
.navbar-inverse .navbar-toggle {
border-color: rgba(255, 255, 255, 0.1);
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
color: var(--text-hover);
@ -981,7 +1003,6 @@ select[disabled]:hover {
/*modal*/
.modal-content {
background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
@ -1010,6 +1031,8 @@ select[disabled]:hover {
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
margin-left: 0px;
margin-right: 0px;
}
.modal-body>.nav-tabs>li>a {

16
css/base/sonarr/sonarr-base.css
View File

@ -566,7 +566,11 @@ a:hover {
}
/* SERIES TOP HEADER DROPDOWN */
[class*="MenuItem-menuItem-"],
[class*="MenuItem-menuItem-"] {
color: var(--text);
background: 0;
}
[class*="MenuContent-menuContent-"] {
background: var(--drop-down-menu-bg);
background-repeat: repeat, no-repeat;
@ -576,7 +580,6 @@ a:hover {
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
color: var(--text);
}
[class*="MenuContent-scroller-"] {
@ -611,10 +614,7 @@ a:hover {
}
/* ADD NEW */
[class*="EnhancedSelectInput-options-"],
[class*="EnhancedSelectInputOption-option-"],
[class*="EnhancedSelectInput-optionsContainer-"] {
border: 0px solid rgba(255, 255, 255, 0.2);
border-radius: 4px;
background: var(--drop-down-menu-bg);
background-repeat: repeat, no-repeat;
@ -627,6 +627,10 @@ a:hover {
color: var(--text);
}
[class*="EnhancedSelectInput-options-"] {
border: 1px solid rgba(var(--accent-color)) !important;
}
[class*="EnhancedSelectInputOption-isSelected-"],
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
background-color: rgba(255, 255, 255, 0.20) !important;
@ -642,7 +646,6 @@ a:hover {
}
[class*="EnhancedSelectInput-optionsModalScroller-"] {
border: 1px solid var(--drop-down-menu-bg);
border-radius: 4px;
background: var(--drop-down-menu-bg);
background-repeat: repeat, no-repeat;
@ -664,7 +667,6 @@ a:hover {
}
[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

4
css/base/unraid/unraid-base.css
View File

@ -53,6 +53,10 @@ i.control:hover {
color: var(--link-color-hover);
}
pre {
border: 1px solid rgb(255 255 255 / 30%);
}
#template {
background: var(--main-bg-color);
background-repeat: repeat, no-repeat;

3
css/community-theme-options/blackberry-abyss.css
View File

@ -29,4 +29,7 @@
--plex-poster-unwatched: #829db9;
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 130, 157, 185;
--overseerr-gradient: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)) center center/cover no-repeat fixed,
radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(211, 18%, 45%, 0.55), hsla(211, 18%, 5%, 0)) center center/cover no-repeat fixed,
linear-gradient(to right, hsla(211, 18%, 5%, .9), hsla(211, 18%, 45%, .9), rgba(10, 13, 15, 0.9)) center center/cover no-repeat fixed;
}

1
css/community-theme-options/blackberry-amethyst.css
View File

@ -27,4 +27,5 @@
--plex-poster-unwatched: rgb(134, 84, 132);
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 134, 84, 132;
--overseerr-gradient: radial-gradient(at top center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55) , hsla(0, 18%, 5%, 0.9)) center center/cover no-repeat fixed, linear-gradient(to bottom, rgb(223, 137, 222, .85) 0%, hsl(276, 100%, 3%) 100%) center center/cover no-repeat fixed;
}

8
css/community-theme-options/blackberry-carol.css
View File

@ -34,4 +34,12 @@
--plex-poster-unwatched: rgb(100, 15, 15);
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 100, 15, 15;
--overseerr-gradient: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png"),
radial-gradient(at center center, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 120%) center center/cover no-repeat fixed,
radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed,
radial-gradient(at bottom center, rgba(167, 6, 6, 0.15), hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed,
radial-gradient(at top center, rgba(11, 80, 25, 0.6), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed,
radial-gradient(at bottom right, rgba(11, 80, 25, 0.85), hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed,
radial-gradient(at center center, rgba(167, 6, 6, 0.25), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) center center/cover no-repeat fixed,
linear-gradient(45deg, rgb(11, 80, 25,.85) 0%, rgb(167, 6, 6,.85) 135%) center center/cover no-repeat fixed;
}

3
css/community-theme-options/blackberry-dreamscape.css
View File

@ -30,4 +30,7 @@
--plex-poster-unwatched: #e7627d;
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 231, 98, 125;
--overseerr-gradient: radial-gradient(at top center, rgba(0, 0, 0, 0), hsla(0, 14%, 18%, 0.2), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed,
radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed,
linear-gradient(to top, rgb(226, 201, 204, .9) 1%, rgb(231, 98, 125, .9) 46%, rgb(184, 35, 90, .9) 59%, rgb(128, 19, 87, .9) 71%, rgb(61, 22, 53, .9) 84%, rgb(28, 26, 39, .9) 100%) center center/cover no-repeat fixed;
}

2
css/community-theme-options/blackberry-flamingo.css
View File

@ -28,4 +28,6 @@
--plex-poster-unwatched: #ff9a9e;
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 255, 154, 158;
--overseerr-gradient: radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.65), hsla(0, 18%, 5%, 0.95)) center center/cover no-repeat fixed,
linear-gradient(45deg, rgb(255, 154, 158, .9) 0%, rgb(250, 208, 196, .9) 99%, rgb(250, 208, 196, .9) 100%) center center/cover no-repeat fixed;
}

2
css/community-theme-options/blackberry-hearth.css
View File

@ -29,4 +29,6 @@
--plex-poster-unwatched: #ff9a9e;
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 255, 154, 158;
--overseerr-gradient: radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(0, 14%, 18%, 0.55), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed,
linear-gradient(to bottom, hsla(0, 20%, 5%, 0.9), hsl(0, 65%, 23%, .9), hsl(0, 100%, 9%, .9)) center center/cover no-repeat fixed;
}

3
css/community-theme-options/blackberry-martian.css
View File

@ -29,4 +29,7 @@
--plex-poster-unwatched: #43e97b;
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 67, 233, 123;
--overseerr-gradient: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45)) center center/cover no-repeat fixed,
radial-gradient(at right center, rgba(0, 0, 0, 0.3) 10%, hsla(0, 14%, 18%, 0.6), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed,
linear-gradient(to right, rgb(67, 233, 123, .9) 0%, rgb(4, 56, 21, .9) 100%) center center/cover no-repeat fixed;
}

4
css/community-theme-options/blackberry-pumpkin.css
View File

@ -30,4 +30,8 @@
--plex-poster-unwatched: #ff8a00;
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 255, 138, 0;
--overseerr-gradient: linear-gradient(135deg, transparent 40%, rgba(20, 9, 27, 0.5)) center center/cover no-repeat fixed,
radial-gradient(at center center, rgba(243, 217, 217, 0.25), hsla(0, 14%, 18%, 0.55), rgba(14, 0, 19, 0.7)) center center/cover no-repeat fixed,
radial-gradient(at bottom center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55), rgb(10, 4, 12, .85)) center center/cover no-repeat fixed,
radial-gradient(at center center, rgb(255, 138, 0, .85) 50%, rgb(55, 3, 58, .85) 100%) center center/cover no-repeat fixed;
}

2
css/community-theme-options/blackberry-royal.css
View File

@ -28,4 +28,6 @@
--plex-poster-unwatched: rgb(185, 170, 159);
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 185, 170, 159;
--overseerr-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%) center center/cover no-repeat fixed,
radial-gradient(at top center, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.40) 120%) rgba(0, 0, 0, 0.90) center center/cover no-repeat fixed;
}

1
css/community-theme-options/blackberry-shadow.css
View File

@ -27,4 +27,5 @@
--plex-poster-unwatched: rgb(81, 101, 114);
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 81, 101, 114;
--overseerr-gradient: linear-gradient(135deg, rgb(37, 43, 47, .9), rgb(9, 12, 14, .9)) center center/cover no-repeat fixed;
}

2
css/community-theme-options/blackberry-solar.css
View File

@ -28,4 +28,6 @@
--plex-poster-unwatched: rgb(246, 211, 101);
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 246, 211, 101;
--overseerr-gradient: radial-gradient(at top left, rgba(0, 0, 0, 0.31), hsla(0, 14%, 18%, 0.9), hsla(0, 18%, 5%, 1)) center center/cover no-repeat fixed,
linear-gradient(120deg, rgb(246, 211, 101, .8) 0%, rgb(162, 90, 37, .8) 100%) center center/cover no-repeat fixed;
}

1
css/community-theme-options/blackberry-vanta.css
View File

@ -27,4 +27,5 @@
--plex-poster-unwatched: #e5a00d;
--petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 255, 255, 255;
--overseerr-gradient: linear-gradient(rgba(0, 0, 0, 0.47) 0%, rgb(0, 0, 0) 100%);
}

1
css/community-theme-options/hotline-old.css
View File

@ -27,4 +27,5 @@
--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 */
--gitea-color-primary-dark-4: 244, 67, 54;
--overseerr-gradient: radial-gradient(ellipse at center, rgb(244, 67, 54, .9) 0%, rgb(11, 49, 97, .9) 100%) center center/cover no-repeat fixed;
}

1
css/community-theme-options/mind.css
View File

@ -27,4 +27,5 @@
--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;
--overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
}

1
css/community-theme-options/onedark.css
View File

@ -27,5 +27,6 @@
--plex-poster-unwatched: #e06c75;
--petio-spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 97, 175, 239;
--overseerr-gradient: linear-gradient(180deg, rgba(40, 44, 52, 0.17) 0%, rgba(40, 44, 52) 100%);
}

1
css/community-theme-options/pine-shadow.css
View File

@ -27,4 +27,5 @@
--plex-poster-unwatched: rgb(229, 160, 13);
--petio-spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 255, 193, 7;
--overseerr-gradient: linear-gradient(135deg, rgb(37, 43, 47, .95), rgb(9, 12, 14, .95)) center center/cover no-repeat fixed;
}

1
css/community-theme-options/power.css
View File

@ -27,4 +27,5 @@
--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;
--overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
}

1
css/community-theme-options/reality.css
View File

@ -24,4 +24,5 @@
--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;
--overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
}

1
css/community-theme-options/soul.css
View File

@ -27,4 +27,5 @@
--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;
--overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
}

1
css/community-theme-options/space.css
View File

@ -27,4 +27,5 @@
--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;
--overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
}

1
css/community-theme-options/time.css
View File

@ -27,4 +27,5 @@
--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;
--overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
}

30
css/community-theme-options/trueblack.css Normal file
View File

@ -0,0 +1,30 @@
:root {
--main-bg-color: #000;
--modal-bg-color: #000;
--modal-header-color: #000;
--modal-footer-color: #000;
--drop-down-menu-bg: #000;
--button-color: #7a7a7a;
--button-color-hover: #444;
--button-text: #ddd;
--button-text-hover: #999;
--accent-color: 170, 170, 170;
--accent-color-hover: rgba(153, 153, 153, 0.45);
--link-color: #7a7a7a;
--link-color-hover: #999;
--label-text-color: black;
--text:#ddd;
--text-hover: #999;
--text-muted: #5a5a5a;
/*Specials*/
--arr-queue-color: #ddd; /* Servarr apps + Bazarr*/
--plex-poster-unwatched: #ddd;
--petio-spinner: invert(35%) sepia(0%) saturate(6%) hue-rotate(136deg) brightness(95%) contrast(87%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 170, 170, 170;
--overseerr-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.17) 0%, rgba(0, 0, 0) 100%);
}

9
css/theme-options/aquamarine.css
View File

@ -1,11 +1,11 @@
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-header-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-footer-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-header-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-footer-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--drop-down-menu-bg: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--drop-down-menu-bg: linear-gradient(135deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: #009688;
--button-color-hover: #12afa0;
@ -27,4 +27,5 @@
--plex-poster-unwatched: rgb(21, 213, 194);
--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;
--overseerr-gradient: radial-gradient(ellipse at center, rgb(71, 145, 138, .9) 0%, rgb(11, 49, 97, .9) 100%) center center/cover no-repeat fixed;
}

7
css/theme-options/dark.css
View File

@ -1,9 +1,9 @@
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-header-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-footer-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-header-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-footer-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--drop-down-menu-bg: #2d2d2d;
@ -27,4 +27,5 @@
--plex-poster-unwatched: #e5a00d;
--petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 255, 255, 255;
--overseerr-gradient: radial-gradient(circle, rgba(58, 58, 58,.95), rgba(45, 45, 45,.95), rgba(32, 32, 32,.95), rgba(20, 20, 20,.95), rgb(0, 0, 0,.95)) center center/cover no-repeat fixed;
}

1
css/theme-options/dracula.css
View File

@ -27,4 +27,5 @@
--plex-poster-unwatched: #bd93f9;
--petio-spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 80, 250, 123;
--overseerr-gradient: linear-gradient(180deg, rgba(40, 42, 54, 0.17) 0%, rgba(40, 42, 54) 100%);
}

7
css/theme-options/hotline.css
View File

@ -1,9 +1,9 @@
:root {
--main-bg-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
--modal-bg-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
--modal-header-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
--modal-footer-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
--modal-bg-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
--modal-header-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
--modal-footer-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
--drop-down-menu-bg: linear-gradient(90deg, rgba(247,101,184,1) 0%, rgba(21, 95, 165) 100%) center center/cover no-repeat fixed;
@ -27,4 +27,5 @@
--plex-poster-unwatched: #f765b8;
--petio-spinner: invert(78%) sepia(17%) saturate(4447%) hue-rotate(290deg) brightness(109%) contrast(95%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 215,255,254;
--overseerr-gradient: linear-gradient(0deg, rgba(247,101,184,.9) 0%, rgb(21, 95, 165,.9) 100%) center center/cover no-repeat fixed;
}

7
css/theme-options/hotpink.css
View File

@ -1,9 +1,9 @@
: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;
--modal-bg-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
--modal-header-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
--modal-footer-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
--drop-down-menu-bg: #204c80;
@ -26,5 +26,6 @@
--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;
--overseerr-gradient: linear-gradient(45deg, rgb(251, 63, 98,1) 0%, rgb(32, 76, 128,.95) 37%, rgb(0, 66, 73,.9) 97%) center center/cover no-repeat fixed;
}

1
css/theme-options/nord.css
View File

@ -27,4 +27,5 @@
--plex-poster-unwatched: #D08770;
--petio-spinner: invert(83%) sepia(9%) saturate(1787%) hue-rotate(156deg) brightness(85%) contrast(83%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 121, 184, 202;
--overseerr-gradient: linear-gradient(180deg, rgba(46, 52, 64, 0.17) 0%, rgba(46, 52, 64) 100%);
}

1
css/theme-options/organizr.css
View File

@ -27,4 +27,5 @@
--plex-poster-unwatched: #2cabe3;
--petio-spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 44, 171, 227;
--overseerr-gradient: linear-gradient(180deg, rgba(31, 31, 31, 0.17) 0%, rgba(31, 31, 31) 100%);
}

1
css/theme-options/overseerr.css
View File

@ -27,4 +27,5 @@
--plex-poster-unwatched: #6366f1;
--petio-spinner: invert(24%) sepia(59%) saturate(3411%) hue-rotate(237deg) brightness(91%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 98, 116, 145;
--overseerr-gradient: linear-gradient(rgba(17, 24, 39, 0.47) 0%, rgb(17, 24, 39) 100%);
}

8
css/theme-options/plex.css
View File

@ -1,9 +1,10 @@
:root {
/* --main-bg-color: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png"), url("https://assets.deathbybandaid.net/theme.park/resources/preset-light2.png") center center/cover no-repeat fixed;
/*
--main-bg-color: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png"), url("https://assets.deathbybandaid.net/theme.park/resources/preset-light2.png") center center/cover no-repeat fixed;
--modal-bg-color: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png"), url("https://assets.deathbybandaid.net/theme.park/resources/preset-dark2.png") center center/cover no-repeat fixed;
*/
--main-bg-color: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png") repeat scroll 0% 0%, radial-gradient(circle at 0% 100%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%), radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%), rgb(0, 0, 0) center center/cover no-repeat fixed;
*/
--main-bg-color: radial-gradient(circle farthest-side at 0% 100%, rgb(47, 47, 47) 0%, rgba(47, 47, 47, 0) 100%), radial-gradient(circle farthest-side at 100% 100%, rgb(63, 63, 63) 0%, rgba(63, 63, 63, 0) 100%), radial-gradient(circle farthest-side at 100% 0%, rgb(76, 76, 76) 0%, rgba(76, 76, 76, 0) 100%), radial-gradient(circle farthest-side at 0% 0%, rgb(58, 58, 58) 0%, rgba(58, 58, 58, 0) 100%), black center center/cover no-repeat fixed;
--modal-bg-color: #1f2326;
--modal-header-color: #1f2326;
--modal-footer-color: #323232;
@ -29,4 +30,5 @@
--arr-queue-color: #27c24c; /* Servarr apps + Bazarr*/
--petio-spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 255, 193, 7;
--overseerr-gradient: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png") repeat scroll 0% 0%, radial-gradient(circle at 0% 100% , rgba(54, 66, 84, 0.55) 0% , rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%) center center/cover no-repeat fixed , radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%) center center/cover no-repeat fixed , rgb(0, 0, 0,.9) center center/cover no-repeat fixed;
}

9
css/theme-options/space-gray.css
View File

@ -1,11 +1,11 @@
:root {
--main-bg-color: radial-gradient(ellipse at center, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
--modal-header-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
--modal-footer-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
--modal-bg-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
--modal-header-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
--modal-footer-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
--drop-down-menu-bg: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
--drop-down-menu-bg: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
--button-color: #607D8B;
--button-color-hover: #81a6b7;
@ -27,4 +27,5 @@
--plex-poster-unwatched: #70aeca;
--petio-spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 129, 166, 183;
--overseerr-gradient: radial-gradient(ellipse at center, rgba(87, 108, 117, .9) 0%, rgba(37, 50, 55, .9) 100.2%) center center/cover no-repeat fixed;
}

7
docker-mods/deluge/root/etc/cont-init.d/98-themepark
View File

@ -34,12 +34,13 @@ if [[ -z ${TP_THEME} ]]; then
fi
# Adding stylesheets
if ! grep -q "${TP_DOMAIN}/css/base" /usr/lib/python3/dist-packages/deluge/ui/web/index.html; then
DELUGE_INDEX_PATH=$(find -name index.html)
if ! grep -q "${TP_DOMAIN}/css/base" ${DELUGE_INDEX_PATH}; then
echo '---------------------------'
echo '| Adding the stylesheet |'
echo '---------------------------'
sed -i "s/<\/head>/<link rel='stylesheet' href='https:\/\/${TP_DOMAIN}\/css\/base\/deluge\/deluge-base.css'><\/head> /g" /usr/lib/python3/dist-packages/deluge/ui/web/index.html
sed -i "s/<\/head>/<link rel='stylesheet' href='https:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /usr/lib/python3/dist-packages/deluge/ui/web/index.html
sed -i "s/<\/head>/<link rel='stylesheet' href='https:\/\/${TP_DOMAIN}\/css\/base\/deluge\/deluge-base.css'><\/head> /g" ${DELUGE_INDEX_PATH}
sed -i "s/<\/head>/<link rel='stylesheet' href='https:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" ${DELUGE_INDEX_PATH}
printf 'Stylesheet set to %s\n' "${TP_THEME}
"
fi

18
docker/Dockerfile Normal file
View File

@ -0,0 +1,18 @@
FROM ghcr.io/linuxserver/baseimage-alpine-nginx:3.14
LABEL maintainer="Roxedus"
COPY / /themepark
RUN \
echo " ## Installing packages ## " && \
apk add --no-cache --virtual=build-dependencies \
python3
# RUN mkdir -p /usr/share/nginx/html/css/
# RUN mkdir -p /usr/share/nginx/html/resources/
# RUN cp -R css/ /usr/share/nginx/html/css/
# RUN cp -R resources/ /usr/share/nginx/html/resources/
# RUN cp index.html /usr/share/nginx/html/index.html
#rm -rf /themepark

47
index.html
View File

@ -8,23 +8,27 @@
<title>theme.park - A collection of themes/skins for your favorite apps!</title>
<meta name="title" content="theme.park - A collection of themes/skins for your favorite apps!">
<meta name="theme-color" content="#12afa0">
<meta name="description" content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
<meta name="description"
content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
<!-- Google / Search Engine Tags -->
<meta itemprop="name" content="theme.park - A collection of themes/skins for your favorite apps!">
<meta itemprop="description" content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
<meta itemprop="description"
content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
<meta itemprop="image" content="https://assets.deathbybandaid.net/theme.park/resources/landing-page/assets/meta_image.jpg">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="theme.park">
<meta property="og:url" content="https://theme-park.dev/">
<meta property="og:title" content="theme.park - A collection of themes/skins for your favorite apps!">
<meta property="og:description" content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
<meta property="og:description"
content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
<meta property="og:image" content="https://assets.deathbybandaid.net/theme.park/resources/landing-page/assets/meta_image.jpg">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://theme-park.dev/">
<meta property="twitter:title" content="theme.park - A collection of themes/skins for your favorite apps!">
<meta property="twitter:description" content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
<meta property="twitter:description"
content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
<meta property="twitter:image" content="https://assets.deathbybandaid.net/theme.park/resources/landing-page/assets/meta_image.jpg">
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="resources/landing-page/assets/favicon.ico" />
@ -37,11 +41,20 @@
<!-- Third party plugin CSS-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css"
rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="resources/landing-page/css/styles.css?v=1.1" rel="stylesheet" />
<link rel="stylesheet" href="resources/landing-page/css/jquery-bg-slideshow.css">
<link rel="stylesheet" href="resources/landing-page/css/custom.css?v=2.6">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VL0TX65BLH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-VL0TX65BLH');
</script>
</head>
<body id="page-top">
@ -58,17 +71,17 @@
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://docs.theme-park.dev"><i
class="fas fa-book"></i> Docs</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger"
href="https://assets.deathbybandaid.net/theme.park"><i class="fab fa-github"></i> Github</a></li>
href="https://github.com/gilbn/theme.park"><i class="fab fa-github"></i> Github</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger"
href="https://docs.theme-park.dev/discord"><i class="fab fa-discord"></i> Discord</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger"
href="https://github.com/sponsors/GilbN"><i class="fas fa-heart"></i> Sponsor</a></li>
<li style="padding: 0 1rem;">
<a class="github-button" href="https://assets.deathbybandaid.net/theme.park" data-show-count="true"
<a class="github-button" href="https://github.com/gilbn/theme.park" data-show-count="true"
aria-label="Star gilbn/theme.park on GitHub">Star</a>
</li>
<li style="padding: 0 1rem;">
<a class="github-button" href="https://assets.deathbybandaid.net/theme.park/fork"
<a class="github-button" href="https://github.com/gilbn/theme.park/fork"
data-icon="octicon-repo-forked" data-show-count="true"
aria-label="Fork gilbn/theme.park on GitHub">Fork</a>
</li>
@ -142,7 +155,7 @@
<i class="fab fa-4x fa-github text-primary mb-4"></i>
<h3 class="h4 mb-2">Find us on Github</h3>
<p class="text-white-50 mb-0">Having issues with a theme? Let us know on <a
href="https://assets.deathbybandaid.net/theme.park">Github!</a></p>
href="https://github.com/gilbn/theme.park">Github!</a></p>
</div>
</div>
<div class="col-lg col-md-6 text-center">
@ -156,8 +169,11 @@
<div class="col-lg col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-palette text-primary mb-4"></i>
<h3 class="h4 mb-2"><a href="https://docs.theme-park.dev/community-themes/">Community Themes!</a></h3>
<p class="text-white-50 mb-0">Got a good <a href="https://docs.theme-park.dev/community-themes/">color scheme</a> you'd like to see added? PR it!</p>
<h3 class="h4 mb-2"><a href="https://docs.theme-park.dev/community-themes/">Community
Themes!</a></h3>
<p class="text-white-50 mb-0">Got a good <a
href="https://docs.theme-park.dev/community-themes/">color scheme</a> you'd like to see
added? PR it!</p>
</div>
</div>
<div class="col-lg col-md-6 text-center">
@ -177,15 +193,18 @@
<div class="col-lg-10 align-self-end">
</div>
<div class="col-lg-8 align-self-baseline">
<button id="switch-theme" class="btn btn-primary btn-xl animate__animated animate__pulse animate__infinite">Click Me!</button>
<button id="switch-theme"
class="btn btn-primary btn-xl animate__animated animate__pulse animate__infinite">Click
Me!</button>
</div>
</div>
</div>
</section>
</section>
<section class="page-section pb-1" id="themes">
<div class="container">
<h2 class="text-center mt-0">Official theme options</h2>
<h6 class="text-center mt-0">Click here for the <a href="https://docs.theme-park.dev/community-themes/">community themes</a></h6>
<h6 class="text-center mt-0">Click here for the <a
href="https://docs.theme-park.dev/community-themes/">community themes</a></h6>
<hr class="divider my-4" />