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

2022-10-26

Browse Source
This commit is contained in:
deathbybandaid 2022-10-26 08:38:16 -04:00
parent 618e929a50
commit 46cd284ef8
494 changed files with 3286 additions and 1721 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
banners/tp_banner.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 354 KiB

After

Width:  |  Height:  |  Size: 342 KiB

6
css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css
View File

@ -1,8 +1,8 @@
.mantine-Avatar-root[class*="bazarr-"] img {
.bazarr-Avatar-root[class*="bazarr-"] img {
display: none !important;
}
.mantine-Avatar-root[class*="bazarr-"]:before {
.bazarr-Avatar-root[class*="bazarr-"]:before {
background-image: url("/theme.park/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
display: inline-block;
width: 32px;
@ -14,6 +14,6 @@
-o-background-size: cover;
}
#root>div>nav>div>div.mantine-Group-root.mantine-Group-child[class*="bazarr-"]>div>span:after {
#root>div>header>div>div.bazarr-Group-root[class*="bazarr-"]>div>span:after {
content: " 4K";
}

BIN
css/addons/bazarr/bazarr-4k-logo/bazarr4k.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 22 KiB

10
css/addons/bazarr/bazarr-darker/bazarr-darker.css
View File

@ -37,19 +37,19 @@
}
/* HEADER */
.mantine-Header-root[class*="bazarr-"] {
.bazarr-Header-root[class*="bazarr-"] {
background-color: var(--header-color) !important;
border-bottom: 1px solid var(--transparency-light-15);
}
/* SIDE MENU */
.mantine-Navbar-root[class*="bazarr-"] {
.bazarr-Navbar-root[class*="bazarr-"] {
background-color: var(--side-menu-color) !important;
color: white !important;
}
#root>div>div>main>div>div.mantine-Group-root[class*="bazarr-"],
#root>div>div>main>div>div>div.mantine-Group-root[class*="bazarr-"],
#root>div>div>main>form>div.mantine-Group-root[class*="bazarr-"] {
#root>div>div>main>div>div.bazarr-Group-root[class*="bazarr-"],
#root>div>div>main>div>div>div.bazarr-Group-root[class*="bazarr-"],
#root>div>div>main>form>div.bazarr-Group-root[class*="bazarr-"] {
background: #262626 !important;
}

19
css/addons/lidarr/lidarr-alt-calendar/lidarr-alt-calendar.css Normal file
View File

@ -0,0 +1,19 @@
[class*="CalendarEvent-downloaded-"] {
background: rgb(var(--calendar-downloaded) / .4) !important;
}
[class*="CalendarEvent-downloading-"] {
background: rgb(var(--calendar-downloading) / .4) !important;
}
[class*="CalendarEvent-unmonitored-"] {
background: rgb(var(--calendar-unmonitored) / .4) !important;
}
[class*="CalendarEvent-missing-"] {
background: rgb(var(--calendar-missing) / .4) !important;
}
[class*="CalendarEvent-unreleased-"] {
background: rgb(var(--calendar-unreleased) / .4) !important;
}

BIN
css/addons/organizr/glass/example.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 MiB

After

Width:  |  Height:  |  Size: 2.3 MiB

BIN
css/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 167 KiB

After

Width:  |  Height:  |  Size: 162 KiB

BIN
css/addons/radarr/radarr-4k-logo/radarr4k-v3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 55 KiB

After

Width:  |  Height:  |  Size: 54 KiB

BIN
css/addons/radarr/radarr-4k-logo/radarr4k.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 49 KiB

31
css/addons/radarr/radarr-alt-calendar/radarr-alt-calendar.css Normal file
View File

@ -0,0 +1,31 @@
[class*="CalendarEvent-event-"] {
background: rgb(var(--calendar-unmonitored) / .4);
}
[class*="CalendarEvent-downloaded-"] {
background: rgb(var(--calendar-available) / .4) !important;
}
[class*="CalendarEvent-missing-"],
[class*="CalendarEvent-missingMonitored"] {
background-color: rgb(var(--calendar-missing) / .4);
}
[class*="CalendarEvent-missingUnmonitored-"] {
background: rgb(var(--calendar-missing-unmonitored) / .4) !important;
}
[class*="CalendarEvent-unreleased-"],
[class*="CalendarEvent-continuing-"] {
background: rgb(var(--calendar-unaired) / .4) !important;
}
[class*="CalendarEvent-unmonitored-"] {
background: rgb(var(--calendar-unmonitored) / .4) !important;
}
[class*="CalendarEvent-downloading-"],
[class*="CalendarEvent-queue-"] {
background: rgb(var(--calendar-downloading) / .4) !important;
}

20
css/addons/readarr/readarr-alt-calendar/readarr-alt-calendar.css Normal file
View File

@ -0,0 +1,20 @@
[class*="CalendarEvent-downloaded-"]:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-downloaded) / .4) !important;
}
[class*="CalendarEvent-missing-"]:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-missing) / .4) !important;
}
[class*="CalendarEvent-unreleased-"]:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-unreleased) / .4) !important;
}
[class*="CalendarEvent-unmonitored-"]:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-unmonitored) / .4) !important;
}
[class*="CalendarEvent-downloading-"]:not([class*="AgendaEvent-"]),
[class*="CalendarEvent-queue-"]:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-downloading) / .4) !important;
}

BIN
css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 40 KiB

55
css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text-logo.css Normal file
View File

@ -0,0 +1,55 @@
@media (min-width: 752px) {
[class*="PageHeader-logo-"] {
display: none !important;
}
[class*="PageHeader-logoContainer-"]:before {
background-image: url("/theme.park/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png");
display: inline-block;
margin-left: 15px;
width: 124px;
height: 40px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
[class*="LoadingPage-logoFull-"] {
display: none !important;
}
[class*="LoadingPage-page-"]:before {
background-image: url("/theme.park/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png");
display: inline-block;
width: 124px;
height: 40px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-top: 50px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 767px) {
[class*="PageHeader-logo-"] {
display: none !important;
}
[class*="PageHeader-logoContainer-"]:before {
background-image: url("/theme.park/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}

BIN
css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

38
css/addons/sonarr/sonarr-text-logo/sonarr-text-logo.css Normal file
View File

@ -0,0 +1,38 @@
@media (min-width: 752px) {
[class*="PageHeader-logo-"] {
display: none !important;
}
[class*="PageHeader-logoContainer-"]:before {
background-image: url("/theme.park/css/addons/sonarr/sonarr-text-logo/sonarr-text.png");
display: inline-block;
margin-left: 15px;
width: 124px;
height: 40px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
[class*="LoadingPage-logoFull-"] {
display: none !important;
}
[class*="LoadingPage-page-"]:before {
background-image: url("/theme.park/css/addons/sonarr/sonarr-text-logo/sonarr-text.png");
display: inline-block;
width: 124px;
height: 40px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-top: 50px;
margin-right: auto;
margin-left: auto;
}

BIN
css/addons/sonarr/sonarr-text-logo/sonarr-text.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

245
css/addons/unraid/login-page/alien/alien-base.css Normal file
View File

@ -0,0 +1,245 @@
@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
@import "https://fonts.googleapis.com/css?family=VT323";
/* Replace the variables if you have a dark background */
/* Light colors for dark backgrounds */
/*
--div-background-color-10: rgba(255, 255, 255, 0.1);
--div-background-color-15: rgba(255, 255, 255, 0.15);
--div-background-color-25: rgba(255, 255, 255, 0.25);
--div-background-color-35: rgba(255, 255, 255, 0.35);
https://www.transparenttextures.com/patterns/hexellence.png
https://www.transparenttextures.com/patterns/gplay.png
https://www.transparenttextures.com/patterns/simple-horizontal-light.png
https://www.colourlovers.com/palette/3428762/Fallout?widths=1
https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
https://brennan.io/2017/06/14/alien-computer-card/
https://www.cssmatic.com/noise-texture
https://codepen.io/somethingformed/pen/raWJXV
radial-gradient(ellipse at center,#0f7 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
*/
* {
outline: none;
}
@media only screen and (max-width: 500px) {
#login {
-webkit-backdrop-filter: blur(0px);
backdrop-filter: blur(0px);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
border-radius: none !important;
}
.background-wrap,#video-bg-elem {display: none;}
#login {
-webkit-box-shadow: inset 0px 0px 0px 2px #F000 !important;
box-shadow: inset 0px 0px 0px 2px #F000 !important;
}
}
html {
background: var(--main-bg) !important;
}
body {
background: var(--main-bg) !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
@media only screen and (max-width: 768px) {
#login {
min-width: 300px;
}
}
/*FOR VIDEO BACKGROUND*/
.background-wrap {
position: fixed;
z-index: -1000;
width: 100%;
height: 100%;
overflow: hidden;
top: 0;
left: 0;
}
#video-bg-elem {
position: absolute;
top: 0;
left: 0;
min-height: 100%;
min-width: 100%;
}
/*TEXT COLOR*/
#login h1,
#login h2,
#login .error {
color: var(--text-color) !important;
text-shadow: var(--text-shadow) var(--text-color);
font-size: 20px;
}
#login a {
color: var(--link-color);
text-shadow: var(--text-shadow) var(--text-color);
}
#login a:hover {
color: var(--link-color-hover);
text-shadow: var(--text-shadow) var(--text-color);
}
#login input {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-color);
}
#login ::placeholder {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-color);
}
#login ::-webkit-input-placeholder {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-color);
}
#login ::-moz-placeholder {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-color);
}
#login :-ms-input-placeholder {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-color);
}
#login :-moz-placeholder {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-color);
}
#login input:focus::-webkit-input-placeholder {
color: transparent !important;
text-shadow: 0 0 0px transparent;
}
#login input:focus:-moz-placeholder {
color: transparent !important;
text-shadow: 0 0 0px transparent;
}
#login input:focus::-moz-placeholder {
color: transparent !important;
text-shadow: 0 0 0px transparent;
}
#login input:focus:-ms-input-placeholder {
color: transparent !important;
text-shadow: 0 0 0px transparent;
}
/*TEXT FONT*/
#login h1,
#login h2,
#login a,
#login .button,
#login .error {
font-family: var(--text-font);
-webkit-font-smoothing: none;
line-height: 1.2;
}
/* CASE COLOR */
#login [class^='case-'],
#login [class*=' case-'] {
font-family: cases!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: var(--case-color);
text-shadow: var(--text-shadow) var(--text-color);
}
/*INPUT FORMS*/
#login [type=text],
#login [type=password] {
font-family: var(--input-font);
background-color: rgba(0, 0, 0, 0.25);
border: 2px solid transparent;
text-transform: uppercase;
border-radius: 5px;
}
#login [type=text]:active,
#login [type=text]:focus,
#login [type=password]:active,
#login [type=password]:focus {
font-family: var(--input-font);
background-color: rgba(0, 0, 0, 0.25);
border: 2px solid transparent;
text-transform: uppercase;
}
/*BUTTON*/
#login .button {
color: var(--button-text-color);
text-shadow: var(--text-shadow) var(--text-color);
background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
}
#login .button:hover {
color: var(--button-text-color-hover);
text-shadow: var(--text-shadow) var(--button-color-hover);
box-shadow: var(--box-shadow) var(--button-color-hover);
background-color: var(--button-color-hover);
background: -webkit-gradient(linear, left top, right top, from(var(--button-color2-hover)), to(var(--button-color-hover)));
background: linear-gradient(90deg, var(--button-color2-hover) 0, var(--button-color-hover));
}
#login {
background: var(--div-background-color-15) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding-top: 1rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) !;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
margin: 0 !important;
text-transform: uppercase;
min-width: 300px;
}
#login .angle:after {
display: none;
}
#login .wordmark {
display: none;
}
#login .logo {
background: var(--logo);
background-size: contain;
padding: 2rem;
border-radius: 0;
margin: 0rem 1rem 0rem 1rem;
}
#login .error {
animation-name: shake;
animation-duration: .8s;
}
/*LOGIN BOX SHADOW*/
.shadow {
-webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
}

2
css/addons/unraid/login-page/alien/custom.css
View File

@ -1,4 +1,4 @@
@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
:root {
--main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
url(/theme.park/css/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;

2
css/addons/unraid/login-page/alien/hallway.css
View File

@ -1,4 +1,4 @@
@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
:root {
--main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
url(/theme.park/css/addons/unraid/login-page/alien/wallpaper/hallway.jpg) center center/cover no-repeat fixed;

2
css/addons/unraid/login-page/alien/hallway2.css
View File

@ -1,4 +1,4 @@
@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
:root {
--main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
url(/theme.park/css/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;

2
css/addons/unraid/login-page/alien/hallway3.css
View File

@ -1,4 +1,4 @@
@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
:root {
--main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
url(/theme.park/css/addons/unraid/login-page/alien/wallpaper/hallway3.jpg) center center/cover no-repeat fixed;

2
css/addons/unraid/login-page/alien/hallway4.css
View File

@ -1,4 +1,4 @@
@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
:root {
--main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
url(/theme.park/css/addons/unraid/login-page/alien/wallpaper/hallway4.jpg) center center/cover no-repeat fixed;

2
css/addons/unraid/login-page/alien/isolation.css
View File

@ -1,4 +1,4 @@
@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
:root {
--main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
url(/theme.park/css/addons/unraid/login-page/alien/wallpaper/isolation.png) center center/cover no-repeat fixed;

2
css/addons/unraid/login-page/alien/isolation_video.css
View File

@ -1,4 +1,4 @@
@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
:root {
--main-bg: transparent;
--logo: url(/theme.park/css/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;

BIN
css/addons/unraid/login-page/alien/logo/uscss_nostromo.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 127 KiB

After

Width:  |  Height:  |  Size: 110 KiB

BIN
css/addons/unraid/login-page/alien/logo/weyland-yutani-logo-by-synthetic-dreamer1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 22 KiB

BIN
css/addons/unraid/login-page/alien/logo/wings.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 41 KiB

After

Width:  |  Height:  |  Size: 27 KiB

BIN
css/addons/unraid/login-page/alien/logo/wings_green2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 364 KiB

After

Width:  |  Height:  |  Size: 206 KiB

BIN
css/addons/unraid/login-page/alien/logo/wings_shadow.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 243 KiB

After

Width:  |  Height:  |  Size: 204 KiB

BIN
css/addons/unraid/login-page/alien/logo/wings_yellow.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 356 KiB

After

Width:  |  Height:  |  Size: 206 KiB

2
css/addons/unraid/login-page/alien/nightmare.css
View File

@ -1,4 +1,4 @@
@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
:root {
--main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
url(/theme.park/css/addons/unraid/login-page/alien/wallpaper/nightmare.png) center center/cover no-repeat fixed;

2
css/addons/unraid/login-page/alien/scanner.css
View File

@ -1,4 +1,4 @@
@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
:root {
--main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
url(/theme.park/css/addons/unraid/login-page/alien/wallpaper/scanner.jpg) center center/cover no-repeat fixed;

BIN
css/addons/unraid/login-page/alien/wallpaper/hallway2.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 192 KiB

After

Width:  |  Height:  |  Size: 156 KiB

BIN
css/addons/unraid/login-page/alien/wallpaper/hallway3.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 280 KiB

BIN
css/addons/unraid/login-page/alien/wallpaper/noise.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 17 KiB

BIN
css/addons/unraid/login-page/alien/wallpaper/ripley.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 219 KiB

After

Width:  |  Height:  |  Size: 192 KiB

BIN
css/addons/unraid/login-page/alien/wallpaper/scanner.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 137 KiB

After

Width:  |  Height:  |  Size: 137 KiB

BIN
css/addons/unraid/login-page/alien/wallpaper/xeno.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 80 KiB

After

Width:  |  Height:  |  Size: 49 KiB

24
css/addons/unraid/login-page/custom_login.sh
View File

@ -1,12 +1,23 @@
#!/bin/bash
TYPE="retro-terminal"
THEME="green.css"
DOMAIN="theme-park.dev" # If you update the domain after the script has been run, You must disable and re the whole theme with the DISABLE_THEME env.
DOMAIN="theme-park.dev"
SCHEME="https"
ADD_JS="true"
JS="custom_text_header.js"
DISABLE_THEME="false"
## FAQ
# If you update the DOMAIN variable after the script has been run,
# you must disable the whole theme with the DISABLE_THEME="true" env first and re-run it again after with "false".
# Your domain can be your custom domain or a github pages (user.github.io) etc. Don't add the whole URL with scheme, you only need to add the domain.
# If your custom domain uses a subfolder you must escape the forward slash. (custom.com\/subfolder)
# If you are on an Unraid version older than 6.10 you need to update the LOGIN_PAGE variable to "/usr/local/emhttp/login.php"
echo -e "Variables set:\\n\
TYPE = ${TYPE}\\n\
THEME = ${THEME}\\n\
@ -16,16 +27,15 @@ ADD_JS = ${ADD_JS}\\n\
JS = ${JS}\\n\
DISABLE_THEME = ${DISABLE_THEME}\\n"
echo "NOTE: Change the LOGIN_PAGE variable to /usr/local/emhttp/login.php if you are on a version older than 6.10"
LOGIN_PAGE="/usr/local/emhttp/webGui/include/.login.php"
IFS='"'
set $(cat /etc/unraid-version)
UNRAID_VERSION="$2"
IFS=$' \t\n'
LOGIN_PAGE="/usr/local/emhttp/login.php"
# Changing file path to login.php if version >= 6.10
if [[ "${UNRAID_VERSION}" =~ ^6.10.* ]]; then
echo "Unraid version: ${UNRAID_VERSION}, changing path to login page"
LOGIN_PAGE="/usr/local/emhttp/webGui/include/.login.php"
fi
echo "Unraid version: ${UNRAID_VERSION}"
# Restore login.php
if [ ${DISABLE_THEME} = "true" ]; then

2
css/addons/unraid/login-page/fallout/dirty_terminal.css
View File

@ -1,4 +1,4 @@
@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout_base.css");
@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout-base.css");
:root {
--main-bg-color: url(/theme.park/css/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
url(/theme.park/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;

2
css/addons/unraid/login-page/fallout/dirty_terminal2.css
View File

@ -1,4 +1,4 @@
@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout_base.css");
@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout-base.css");
:root {
--main-bg-color: url(/theme.park/css/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
url(/theme.park/css/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;

195
css/addons/unraid/login-page/fallout/fallout-base.css Normal file
View File

@ -0,0 +1,195 @@
@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
@import "https://fonts.googleapis.com/css?family=VT323";
* {
outline: none;
}
@media (max-width: 500px) {
#login {
-webkit-backdrop-filter: blur(0px);
backdrop-filter: blur(0px);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
border-radius: none !important;
}
.background-wrap,#video-bg-elem {display: none;}
}
html {
background: var(--main-bg-color) !important;
}
body {
background: var(--main-bg-color) !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
@media only screen and (max-width: 768px) {
#login {
min-width: 300px;
}
}
/*FOR VIDEO BACKGROUND*/
.background-wrap {
position: fixed;
z-index: -1000;
width: 100%;
height: 100%;
overflow: hidden;
top: 0;
left: 0;
}
#video-bg-elem {
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
/*TEXT COLOR*/
#login h1,
#login h2,
#login .error {
color: var(--text-color) !important;
}
#login a {
color: var(--link-color);
}
#login a:hover {
color: var(--link-color-hover);
}
#login input {
color: var(--input-color);
}
#login ::placeholder {
color: var(--input-color);
}
#login ::-webkit-input-placeholder {
color: var(--input-color);
}
#login ::-moz-placeholder {
color: var(--input-color);
}
#login :-ms-input-placeholder {
color: var(--input-color);
}
#login :-moz-placeholder {
color: var(--input-color);
}
#login input:focus::-webkit-input-placeholder {
color: transparent !important;
}
#login input:focus:-moz-placeholder {
color: transparent !important;
}
#login input:focus::-moz-placeholder {
color: transparent !important;
}
#login input:focus:-ms-input-placeholder {
color: transparent !important;
}
/*TEXT FONT*/
#login h1,
#login h2,
#login a,
#login .button,
#login .error {
font-family: var(--text-font);
}
/* CASE COLOR */
#login [class^='case-'],
#login [class*=' case-'] {
font-family: cases!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: var(--case-color);
}
/*INPUT FORMS*/
#login [type=text],
#login [type=password] {
font-family: var(--input-font);
background-color: rgba(0, 0, 0, 0.25);
border: 2px solid transparent;
text-transform: uppercase;
border-radius: 5px;
}
#login [type=text]:active,
#login [type=text]:focus,
#login [type=password]:active,
#login [type=password]:focus {
font-family: var(--input-font);
background-color: rgba(0, 0, 0, 0.25);
border: 2px solid transparent;
text-transform: uppercase;
}
/*BUTTON*/
#login .button {
color: var(--button-text-color);
background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
}
#login .button:hover {
color: var(--button-text-color-hover);
background-color: var(--button-color);
background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color)));
background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color));
}
#login {
background: var(--div-background-color-15) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding-top: 1rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) !;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
margin: 0 !important;
text-transform: uppercase;
min-width: 300px;
}
#login .angle:after {
display: none;
}
#login .wordmark {
display: none;
}
#login .logo {
background: var(--logo);
background-size: contain;
padding: 2rem;
border-radius: 0;
margin: 0rem 1rem 0rem 1rem;
}
#login .error {
animation-name: shake;
animation-duration: .8s;
}

2
css/addons/unraid/login-page/fallout/fallout_video.css
View File

@ -1,4 +1,4 @@
@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout_base.css");
@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout-base.css");
:root {
--main-bg-color: transparent;
--logo: url(/theme.park/css/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;

BIN
css/addons/unraid/login-page/fallout/logo/vault-tec_green.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 55 KiB

BIN
css/addons/unraid/login-page/fallout/logo/vault-tec_white.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 86 KiB

After

Width:  |  Height:  |  Size: 58 KiB

2
css/addons/unraid/login-page/fallout/terminal.css
View File

@ -1,4 +1,4 @@
@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout_base.css");
@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout-base.css");
:root {
--main-bg-color: url(/theme.park/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
--logo: url(/theme.park/css/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;

2
css/addons/unraid/login-page/fallout/terminal2.css
View File

@ -1,4 +1,4 @@
@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout_base.css");
@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout-base.css");
:root {
--main-bg-color: url(/theme.park/css/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;
--logo: url(/theme.park/css/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;

BIN
css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 424 KiB

After

Width:  |  Height:  |  Size: 411 KiB

BIN
css/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 1.1 MiB

58
css/addons/whisparr/whisparr-alt-calendar/whisparr-alt-calendar.css Normal file
View File

@ -0,0 +1,58 @@
:root {
--calendar-in-cinemas: 53 197 244;
--calendar-downloading: 122 67 182;
--calendar-unmonitored: 173 173 173;
--calendar-unaired: 93 156 236;
--calendar-missing: 240 80 80;
--calendar-missing-unmonitored: 255 165 0;
--calendar-available: 39 194 76;
}
/* CALENDAR */
[class*="CalendarEvent-downloaded-"] {
background: rgb(var(--calendar-available) / .4) !important;
}
[class*="CalendarEvent-missing-"],
[class*="CalendarEvent-missingMonitored"] {
background-color: rgb(var(--calendar-missing) / .4);
}
[class*="CalendarEvent-missingUnmonitored-"] {
background: rgb(var(--calendar-missing-unmonitored) / .4) !important;
}
[class*="CalendarEvent-unreleased-"],
[class*="CalendarEvent-continuing-"] {
background: rgb(var(--calendar-unaired) / .4) !important;
}
[class*="CalendarEvent-event-"] {
background: rgb(var(--calendar-unmonitored) / .4);
}
[class*="CalendarEvent-unmonitored-"] {
background: rgb(var(--calendar-unmonitored) / .4) !important;
}
[class*="CalendarEvent-downloading-"],
[class*="CalendarEvent-queue-"] {
background: rgb(var(--calendar-downloading) / .4) !important;
}
/* Color Impaired Mode */
[class*="CalendarEvent-missing-"].colorImpaired,
[class*="CalendarEvent-missingMonitored-"].colorImpaired {
background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing) / .2), rgb(var(--calendar-missing) / .2) 5px, rgb(var(--calendar-missing) / .4) 5px, rgb(var(--calendar-missing) / .4) 10px) !important;
}
[class*="CalendarEvent-missingUnmonitored-"].colorImpaired {
background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing-unmonitored) / .2), rgb(var(--calendar-missing-unmonitored) / .2) 5px, rgb(var(--calendar-missing-unmonitored) / .4) 5px, rgb(var(--calendar-missing-unmonitored) / .4) 10px) !important;
}

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

@ -21,17 +21,17 @@ html {
color: var(--text-hover) !important;
}
.mantine-Text-root[class*="bazarr-"]:not(.mantine-Badge-light span div):not(.mantine-Progress-bar div):not(a) {
.bazarr-Text-root[class*="bazarr-"]:not(.bazarr-Badge-light span div):not(.bazarr-Progress-bar div):not(a) {
color: var(--text);
}
a,
.mantine-Text-root.mantine-Anchor-root[class*="bazarr-"] {
.bazarr-Text-root.bazarr-Anchor-root[class*="bazarr-"] {
color: var(--link-color);
}
a:hover,
.mantine-Text-root.mantine-Anchor-root[class*="bazarr-"]:hover {
.bazarr-Text-root.bazarr-Anchor-root[class*="bazarr-"]:hover {
color: var(--link-color-hover);
}
@ -42,58 +42,56 @@ h3,
h4,
h5,
h6,
.mantine-Blockquote-icon {
.bazarr-Blockquote-icon {
color: var(--text-hover) !important;
}
/* HEADER */
.mantine-Header-root[class*="bazarr-"] {
.bazarr-Header-root[class*="bazarr-"] {
background: var(--main-bg-color);
border-bottom: 1px solid var(--transparency-light-15);
}
/* SUBHEADER */
/* .mantine-Container-root[class*="bazarr-"] .mantine-Group-root[class*="bazarr-"]:not(td>*):not(.mantine-Card-root div), */
#root>div>div>main>div>div.mantine-Group-root[class*="bazarr-"],
#root>div>div>main>div>div>div.mantine-Group-root[class*="bazarr-"]:not([role="navigation"]),
#root>div>div>main>form>div.mantine-Group-root[class*="bazarr-"] {
#root>div>div>main>div>div.bazarr-Group-root[class*="bazarr-"],
#root>div>div>main>form>div.bazarr-Group-root[class*="bazarr-"] {
background: var(--transparency-dark-25);
}
.mantine-Button-icon.mantine-Button-leftIcon[class*="bazarr-"] {
.bazarr-Button-icon.bazarr-Button-leftIcon[class*="bazarr-"] {
color: var(--text)
}
/* SIDEMENU */
.mantine-Navbar-root[class*="bazarr-"] {
.bazarr-Navbar-root[class*="bazarr-"] {
background: var(--transparency-dark-25);
border-right: 1px solid var(--transparency-light-15);
}
.mantine-Divider-root .mantine-Divider-horizontal[class*="bazarr-"] {
.bazarr-Divider-root .bazarr-Divider-horizontal[class*="bazarr-"] {
border-top-color: var(--transparency-light-10);
}
.mantine-Navbar-root[class*="bazarr-"] .mantine-Stack-root[class*="bazarr-"] a[aria-current="page"] {
.bazarr-Navbar-root[class*="bazarr-"] .bazarr-Stack-root[class*="bazarr-"] a[aria-current="page"] {
background: var(--transparency-dark-15) !important;
border-left: 2px solid rgb(var(--accent-color));
}
.mantine-Navbar-root[class*="bazarr-"] .mantine-Stack-root[class*="bazarr-"] a {
.bazarr-Navbar-root[class*="bazarr-"] .bazarr-Stack-root[class*="bazarr-"] a {
border-left: 2px solid var(--transparency-light-10);
}
.mantine-Navbar-root[class*="bazarr-"] .mantine-Stack-root a [class*="bazarr-"]:hover:not(.mantine-Badge-light):not(.mantine-Badge-inner),
.mantine-Navbar-root[class*="bazarr-"] .mantine-Stack-root [class*="bazarr-"]:hover:not(.mantine-Badge-light):not(.mantine-Badge-inner) {
.bazarr-Navbar-root[class*="bazarr-"] .bazarr-Stack-root a [class*="bazarr-"]:hover:not(.bazarr-Badge-light):not(.bazarr-Badge-inner),
.bazarr-Navbar-root[class*="bazarr-"] .bazarr-Stack-root [class*="bazarr-"]:hover:not(.bazarr-Badge-light):not(.bazarr-Badge-inner) {
color: rgb(var(--accent-color));
background: transparent;
}
.mantine-Navbar-root[class*="bazarr-"] {
.bazarr-Navbar-root[class*="bazarr-"] {
background: var(--main-bg-color);
}
@ -111,11 +109,12 @@ h6,
border-bottom: 1px solid var(--transparency-light-20) !important;
}
[class*="bazarr-"].__mantine-ref-striped tbody tr:nth-of-type(2n+1) {
[class*="bazarr-"].__bazarr-ref-striped tbody tr:nth-of-type(2n+1),
[class*="bazarr-"][data-striped] tbody tr:nth-of-type(2n+1) {
background: var(--transparency-dark-15) !important;
}
.mantine-Table-root .__mantine-ref-striped .mantine-Table-striped[class*="bazarr-"] {
.bazarr-Table-root .__bazarr-ref-striped .bazarr-Table-striped[class*="bazarr-"] {
color: var(--text)
}
@ -124,28 +123,28 @@ h6,
color: var(--text-hover) !important;
}
.mantine-Skeleton-root.mantine-Skeleton-visible[class*="bazarr-"]::after {
.bazarr-Skeleton-root.bazarr-Skeleton-visible[class*="bazarr-"]::after {
background: var(--transparency-light-10);
}
.mantine-Skeleton-root.mantine-Skeleton-visible[class*="bazarr-"]::before {
.bazarr-Skeleton-root.bazarr-Skeleton-visible[class*="bazarr-"]::before {
background: var(--transparency-dark-25);
}
/* PAGINATION */
.mantine-Group-child.mantine-Pagination-item {
.bazarr-Group-child.bazarr-Pagination-item {
border: 1px solid var(--transparency-light-10);
background: var(--transparency-dark-15);
color: var(--text);
}
.mantine-Group-child.mantine-Pagination-item[class*="bazarr-"]:disabled {
.bazarr-Group-child.bazarr-Pagination-item[class*="bazarr-"]:disabled {
background: var(--transparency-light-15);
color: var(--text-muted);
}
.mantine-Group-child.mantine-Pagination-item.mantine-Pagination-active[class*="bazarr-"] {
.bazarr-Group-child.bazarr-Pagination-item.bazarr-Pagination-active[class*="bazarr-"] {
background: rgb(var(--accent-color));
color: var(--label-text-color);
}
@ -153,328 +152,360 @@ h6,
/* BUTTONS */
.mantine-Button-filled.mantine-Button-root.mantine-Group-child[class*="bazarr-"] {
.bazarr-UnstyledButton-root.bazarr-Button-root {
color: var(--button-text);
background: var(--button-color);
}
.mantine-Button-filled.mantine-Button-root.mantine-Group-child[class*="bazarr-"]:hover {
color: var(--button-text-hover);
background: var(--button-color-hover);
.bazarr-UnstyledButton-root.bazarr-Button-root:disabled,
.bazarr-UnstyledButton-root.bazarr-Button-root[data-disabled] {
border-color: transparent;
background-color: var(--transparency-light-15);
color: var(--text-muted);
}
.mantine-Button-subtle.mantine-Button-root.mantine-Group-child[class*="bazarr-"]:hover {
.bazarr-UnstyledButton-root.bazarr-Button-root:hover {
color: var(--button-text-hover);
background: var(--button-color-hover);
border: 1px solid var(--button-color-hover) !important;
}
.bazarr-Button-subtle.bazarr-Button-root.bazarr-Group-child[class*="bazarr-"]:hover {
background: var(--transparency-dark-15);
}
.mantine-Button-subtle.mantine-Button-root.mantine-Group-child[class*="bazarr-"]:not(.__mantine-ref-loading):disabled {
.bazarr-Button-subtle.bazarr-Button-root.bazarr-Group-child[class*="bazarr-"]:not(.__bazarr-ref-loading):disabled {
background: transparent;
opacity: .5;
}
.mantine-ActionIcon-hover.mantine-ActionIcon-root[class*="bazarr-"]:hover {
.bazarr-ActionIcon-hover.bazarr-ActionIcon-root[class*="bazarr-"]:hover {
background: var(--transparency-dark-15);
}
.mantine-Button-filled.mantine-Button-root[class*="bazarr-"] {
.bazarr-Button-filled.bazarr-Button-root[class*="bazarr-"] {
color: var(--button-text);
background: var(--button-color);
}
.mantine-Button-filled.mantine-Button-root[class*="bazarr-"]:hover {
.bazarr-Button-filled.bazarr-Button-root[class*="bazarr-"]:hover {
color: var(--button-text-hover);
background: var(--button-color-hover);
}
[class*="bazarr-"].mantine-Switch-input:checked {
[class*="bazarr-"].bazarr-Switch-input:checked {
background-color: rgb(var(--accent-color));
border-color: rgb(var(--accent-color));
}
[class*="bazarr-"].mantine-Switch-input:checked::before {
input:checked+[class*="bazarr-"] {
background-color: rgb(var(--accent-color)) !important;
border-color: rgb(var(--accent-color)) !important;
color: rgb(255, 255, 255);
transition: color 150ms ease 0s;
}
[class*="bazarr-"].bazarr-Switch-input:checked::before {
border-color: var(--label-text-color);
background: var(--label-text-color);
}
[class*="bazarr-"].mantine-Switch-input:checked::after {
[class*="bazarr-"].bazarr-Switch-input:checked::after {
color: var(--label-text-color);
}
[class*="bazarr-"].mantine-Switch-label {
[class*="bazarr-"].bazarr-Switch-label {
color: var(--text-hover);
}
[class*="bazarr-"].mantine-Switch-input {
[class*="bazarr-"].bazarr-Switch-input {
background: var(--transparency-dark-15);
border: 1px solid var(--transparency-light-10);
}
.mantine-UnstyledButton-root.__mantine-ref-control.mantine-Accordion-control[class*="bazarr-"]:hover {
.bazarr-UnstyledButton-root.__bazarr-ref-control.bazarr-Accordion-control[class*="bazarr-"]:hover {
background: var(--transparency-dark-15);
}
.mantine-Accordion-item[class*="bazarr-"] {
.bazarr-Accordion-item[class*="bazarr-"] {
border-bottom: var(--transparency-light-10) 1px solid;
}
.__mantine-ref-icon.mantine-Accordion-icon[class*="bazarr-"] {
.__bazarr-ref-icon.bazarr-Accordion-icon[class*="bazarr-"] {
color: rgb(var(--accent-color))
}
.mantine-ActionIcon-transparent.mantine-ActionIcon-root[class*="bazarr-"] {
.bazarr-ActionIcon-transparent.bazarr-ActionIcon-root[class*="bazarr-"] {
color: rgb(var(--accent-color))
}
.mantine-UnstyledButton-root[class*="bazarr-"] {
color: var(--text);
.bazarr-UnstyledButton-root[class*="bazarr-"] {
color: var(--button-text);
border: 1px solid var(--transparency-light-10);
}
.mantine-UnstyledButton-root[class*="bazarr-"]:hover {
.bazarr-UnstyledButton-root[class*="bazarr-"]:hover {
box-shadow: rgb(0 0 0 / 5%) 0px 1px 3px, rgb(0 0 0 / 5%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px;
border: 1px solid rgb(var(--accent-color));
}
.mantine-Slider-bar[class*="bazarr-"] {
.bazarr-Slider-bar[class*="bazarr-"] {
background: rgb(var(--accent-color));
}
.mantine-Slider-thumb[class*="bazarr-"] {
.bazarr-Slider-thumb[class*="bazarr-"] {
border: 4px solid rgb(var(--accent-color));
color: var(--label-text-color);
background: var(--label-text-color);
}
.mantine-Slider-mark.mantine-Slider-markFilled[class*="bazarr-"] {
.bazarr-Slider-mark.bazarr-Slider-markFilled[class*="bazarr-"] {
border: 2px solid var(--label-text-color);
background: var(--label-text-color);
}
[class*="bazarr-"].mantine-Slider-track::before {
[class*="bazarr-"].bazarr-Slider-track::before {
background: var(--transparency-dark-15);
}
[class*="bazarr-"].mantine-Slider-mark {
[class*="bazarr-"].bazarr-Slider-mark {
border: 2px solid rgb(var(--accent-color));
background-color: rgb(var(--accent-color))
}
/* ACTION BUTTON */
.mantine-ActionIcon-light.mantine-ActionIcon-root[class*="bazarr-"] {
.bazarr-ActionIcon-root[class*="bazarr-"] {
background: var(--button-color);
color: var(--button-text);
border: 1px solid var(--button-color)
}
.mantine-ActionIcon-light.mantine-ActionIcon-root[class*="bazarr-"]:hover {
.bazarr-ActionIcon-root[class*="bazarr-"]:disabled {
background: var(--transparency-light-15);
color: var(--text-muted);
border: 1px solid var(--transparency-light-15);
}
.bazarr-ActionIcon-root[class*="bazarr-"]:hover {
background: var(--button-color-hover);
color: var(--button-text-hover);
border: 1px solid var(--button-color-hover)
}
.mantine-ActionIcon-hover.mantine-ActionIcon-root.mantine-Group-child[class*="bazarr-"] {
.bazarr-ActionIcon-hover.bazarr-ActionIcon-root.bazarr-Group-child[class*="bazarr-"] {
color: var(--text);
}
/* BADGES/PROGRESSBARS */
.mantine-Progress-root[class*="bazarr-"] {
.bazarr-Progress-root[class*="bazarr-"] {
background: var(--transparency-dark-15);
}
.mantine-Badge-light.mantine-Badge-root[class*="bazarr-"] {
.bazarr-Badge-root[class*="bazarr-"]:not(#root > div > div > main > div > div > div.bazarr-Stack-root[class*="bazarr-"] > div[class*="bazarr-"] > table > tbody > tr > td > div > div > div > div) {
background-color: rgb(var(--accent-color));
color: var(--label-text-color)
}
[class*="mantine-MultiSelect-"].mantine-MultiSelect-value[class*="bazarr-"],
.mantine-ActionIcon-transparent.mantine-ActionIcon-root.mantine-MultiSelect-defaultValueRemove[class*="bazarr-"] {
[class*="bazarr-MultiSelect-"].bazarr-MultiSelect-value[class*="bazarr-"],
.bazarr-ActionIcon-transparent.bazarr-ActionIcon-root.bazarr-MultiSelect-defaultValueRemove[class*="bazarr-"] {
background: rgb(var(--accent-color));
color: var(--label-text-color)
}
/* INPUT */
[class*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"],
[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"],
[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"],
[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"] {
[class*="bazarr-Autocomplete-"].bazarr-Autocomplete-input.bazarr-Autocomplete-withIcon[class*="bazarr-"],
[class*="bazarr-TextInput-"].bazarr-TextInput-input[class*="bazarr-"],
[class*="bazarr-NumberInput-"].bazarr-NumberInput-input[class*="bazarr-"],
[class*="bazarr-PasswordInput-"].bazarr-PasswordInput-input.bazarr-PasswordInput-input[class*="bazarr-"] {
background: var(--transparency-dark-25);
border: 1px solid var(--transparency-light-10);
color: var(--text);
}
[class*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"]:focus,
[class*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"]:focus-within,
[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"]:focus,
[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"]:focus-within,
[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"]:focus,
[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"]:focus-within,
[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"]:focus,
[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"]:focus-within {
[class*="bazarr-Autocomplete-"].bazarr-Autocomplete-input.bazarr-Autocomplete-withIcon[class*="bazarr-"]:focus,
[class*="bazarr-Autocomplete-"].bazarr-Autocomplete-input.bazarr-Autocomplete-withIcon[class*="bazarr-"]:focus-within,
[class*="bazarr-TextInput-"].bazarr-TextInput-input[class*="bazarr-"]:focus,
[class*="bazarr-TextInput-"].bazarr-TextInput-input[class*="bazarr-"]:focus-within,
[class*="bazarr-NumberInput-"].bazarr-NumberInput-input[class*="bazarr-"]:focus,
[class*="bazarr-NumberInput-"].bazarr-NumberInput-input[class*="bazarr-"]:focus-within,
[class*="bazarr-PasswordInput-"].bazarr-PasswordInput-input.bazarr-PasswordInput-input[class*="bazarr-"]:focus,
[class*="bazarr-PasswordInput-"].bazarr-PasswordInput-input.bazarr-PasswordInput-input[class*="bazarr-"]:focus-within {
outline: none;
border-color: rgb(var(--accent-color)) !important;
color: var(--text-hover)
}
.mantine-NumberInput-control.mantine-NumberInput-controlUp[class*="bazarr-"] {
.bazarr-NumberInput-control.bazarr-NumberInput-controlUp[class*="bazarr-"] {
border-bottom-color: var(--transparency-light-10);
border-left-color: var(--transparency-light-10);
}
.mantine-NumberInput-control.mantine-NumberInput-controlDown[class*="bazarr-"] {
.bazarr-NumberInput-control.bazarr-NumberInput-controlDown[class*="bazarr-"] {
border-left-color: var(--transparency-light-10);
}
.mantine-NumberInput-control.mantine-NumberInput-controlUp[class*="bazarr-"]::after {
.bazarr-NumberInput-control.bazarr-NumberInput-controlUp[class*="bazarr-"]::after {
border-color: transparent transparent var(--text);
}
.mantine-NumberInput-control.mantine-NumberInput-controlDown[class*="bazarr-"]::after {
.bazarr-NumberInput-control.bazarr-NumberInput-controlDown[class*="bazarr-"]::after {
border-color: var(--text) transparent transparent;
}
[class*="bazarr-"].mantine-Checkbox-inner input {
[class*="bazarr-"].bazarr-Checkbox-inner input {
background: var(--transparency-dark-15);
border: 1px solid var(--transparency-light-10);
}
[class*="bazarr-"].mantine-Checkbox-input:checked {
[class*="bazarr-"].bazarr-Checkbox-input:checked {
background-color: rgb(var(--accent-color));
border-color: rgb(var(--accent-color));
}
.__mantine-ref-icon[class*="bazarr-"].mantine-Checkbox-icon {
.__bazarr-ref-icon[class*="bazarr-"].bazarr-Checkbox-icon {
color: var(--label-text-color)
}
[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"],
[class*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"] {
[class*="bazarr-TextInput-"].bazarr-TextInput-input[class*="bazarr-"],
[class*="bazarr-Autocomplete-"].bazarr-Autocomplete-input.bazarr-Autocomplete-withIcon[class*="bazarr-"] {
color: var(--text);
}
textarea,
[class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"] {
[class*="bazarr-Textarea-"].bazarr-Textarea-input[class*="bazarr-"] {
background: var(--transparency-dark-15);
}
textarea:focus,
[class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"]:focus,
[class*="bazarr-Textarea-"].bazarr-Textarea-input[class*="bazarr-"]:focus,
textarea:focus-within,
[class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"]:focus-within {
[class*="bazarr-Textarea-"].bazarr-Textarea-input[class*="bazarr-"]:focus-within {
border-color: rgb(var(--accent-color)) !important;
}
/* SELECT */
.mantine-Select-wrapper[class*="bazarr-"] input,
[class*="mantine-MultiSelect-"].mantine-MultiSelect-input[class*="bazarr-"] {
.bazarr-Select-wrapper[class*="bazarr-"] input,
[class*="bazarr-MultiSelect-"].bazarr-MultiSelect-input[class*="bazarr-"] {
background-color: var(--transparency-dark-15);
color: var(--text);
border: 1px solid var(--transparency-light-10);
}
[class*="mantine-MultiSelect-"].mantine-MultiSelect-input[class*="bazarr-"]:focus,
[class*="mantine-MultiSelect-"].mantine-MultiSelect-input[class*="bazarr-"]:focus-within {
[class*="bazarr-MultiSelect-"].bazarr-MultiSelect-input[class*="bazarr-"]:focus,
[class*="bazarr-MultiSelect-"].bazarr-MultiSelect-input[class*="bazarr-"]:focus-within {
border-color: rgb(var(--accent-color)) !important;
}
.mantine-Select-wrapper[class*="bazarr-"] input:focus,
.mantine-Select-wrapper[class*="bazarr-"] input:focus-within {
.bazarr-Select-wrapper[class*="bazarr-"] input:focus,
.bazarr-Select-wrapper[class*="bazarr-"] input:focus-within {
outline: none;
border-color: rgb(var(--accent-color)) !important;
}
/* DROPDOWNS */
.mantine-Paper-root.mantine-Menu-body[class*="bazarr-"] {
.bazarr-Select-dropdown {
background: rgba(255, 0, 0, 0.283);
}
.bazarr-Paper-root.bazarr-Menu-body[class*="bazarr-"],
.bazarr-Menu-dropdown[class*="bazarr-"] {
border: 1px solid var(--transparency-light-10);
background: var(--drop-down-menu-bg);
}
[class*="bazarr-"].mantine-Menu-itemInner {
[class*="bazarr-"].bazarr-Menu-itemInner {
color: var(--text);
}
.mantine-Menu-item.mantine-Menu-itemHovered[class*="bazarr-"] {
.bazarr-Menu-item[class*="bazarr-"]:disabled [class*="bazarr-"].bazarr-Menu-itemInner {
color: var(--text-muted) !important;
}
.bazarr-Menu-item.bazarr-Menu-itemHovered[class*="bazarr-"] {
background-color: var(--transparency-light-10);
color: var(--text-hover);
}
.mantine-Menu-item[class*="bazarr-"]:hover {
.bazarr-Menu-item[class*="bazarr-"]:hover {
color: var(--text-hover);
background-color: var(--transparency-light-10);
}
.mantine-ScrollArea-root.mantine-Paper-root.mantine-Select-dropdown[class*="bazarr-"] {
.bazarr-ScrollArea-root.bazarr-Paper-root.bazarr-Select-dropdown[class*="bazarr-"] {
background: var(--drop-down-menu-bg);
border: 1px solid var(--drop-down-menu-bg);
}
.mantine-Select-item.mantine-Select-selected[class*="bazarr-"] {
.bazarr-Select-item.bazarr-Select-selected[class*="bazarr-"] {
background: var(--transparency-light-10);
}
[class*="bazarr-"].mantine-Select-item:hover {
[class*="bazarr-"].bazarr-Select-item:hover {
background: var(--transparency-dark-15)
}
.mantine-ScrollArea-root.mantine-Paper-root.mantine-Autocomplete-dropdown[class*="bazarr-"] {
.bazarr-ScrollArea-root.bazarr-Paper-root.bazarr-Autocomplete-dropdown[class*="bazarr-"] {
background: var(--drop-down-menu-bg);
color: var(--text);
border: 1px solid var(--drop-down-menu-bg);
}
.mantine-Autocomplete-item.mantine-Autocomplete-hovered[class*="bazarr-"] {
.bazarr-Autocomplete-item.bazarr-Autocomplete-hovered[class*="bazarr-"] {
background: var(--transparency-dark-15);
}
[class*="bazarr-"].mantine-Autocomplete-item {
[class*="bazarr-"].bazarr-Autocomplete-item {
color: var(--text);
}
/* MODAL */
.mantine-Paper-root.mantine-Modal-modal[class*="bazarr-"] {
.bazarr-Paper-root.bazarr-Modal-modal[class*="bazarr-"] {
color: var(--text);
box-shadow: rgb(0 0 0 / 5%) 0px 1px 3px, rgb(0 0 0 / 5%) 0px 28px 23px -7px, rgb(0 0 0 / 4%) 0px 12px 12px -7px;
background: var(--modal-bg-color);
}
.mantine-Divider-root.mantine-Divider-horizontal[class*="bazarr-"] {
.bazarr-Divider-root.bazarr-Divider-horizontal[class*="bazarr-"] {
border-top-color: var(--transparency-light-10);
}
.mantine-ActionIcon-hover.mantine-ActionIcon-root.mantine-Modal-close[class*="bazarr-"]:hover {
.bazarr-ActionIcon-hover.bazarr-ActionIcon-root.bazarr-Modal-close[class*="bazarr-"]:hover {
background: var(--transparency-dark-15);
}
.mantine-ActionIcon-hover.mantine-ActionIcon-root.mantine-Modal-close[class*="bazarr-"] {
.bazarr-ActionIcon-hover.bazarr-ActionIcon-root.bazarr-Modal-close[class*="bazarr-"] {
color: var(--text);
}
.mantine-ActionIcon-hover.mantine-ActionIcon-root[class*="bazarr-"] {
.bazarr-ActionIcon-hover.bazarr-ActionIcon-root[class*="bazarr-"] {
color: var(--text);
}
/* RELEASES */
.mantine-Paper-root.mantine-Card-root[class*="bazarr-"] {
.bazarr-Paper-root.bazarr-Card-root[class*="bazarr-"] {
background: var(--transparency-dark-15);
}
.mantine-List-item[class*="bazarr-"] {
.bazarr-List-item[class*="bazarr-"] {
color: var(--text);
}
/* ALERTS */
.mantine-Alert-root.mantine-Alert-light[class*="bazarr-"] {
.bazarr-Alert-root[class*="bazarr-"] {
background: var(--transparency-dark-15);
}
[class*="bazarr-"].mantine-Alert-message {
[class*="bazarr-"].bazarr-Alert-message {
color: var(--text);
}
[class*="bazarr-"].mantine-Alert-label {
[class*="bazarr-"].bazarr-Alert-label {
color: var(--text-hover)
}
@ -500,41 +531,41 @@ line {
}
/* NOTIFICATIONS */
.mantine-Notification-root.mantine-Notification-withIcon[class*="bazarr-"],
.mantine-Notification-root[class*="bazarr-"] {
.bazarr-Notification-root.bazarr-Notification-withIcon[class*="bazarr-"],
.bazarr-Notification-root[class*="bazarr-"] {
background: var(--drop-down-menu-bg);
border: 1px solid var(--drop-down-menu-bg);
}
code,
.mantine-Code-root[class*="bazarr-"] {
.bazarr-Code-root[class*="bazarr-"] {
background: rgb(var(--accent-color));
color: var(--label-text-color);
}
.mantine-Code-root.mantine-Code-block[class*="bazarr-"] {
.bazarr-Code-root.bazarr-Code-block[class*="bazarr-"] {
background: var(--transparency-dark-15);
color: var(text);
}
/* SPINNER */
.mantine-Notification-root.mantine-Notification-withIcon[class*="bazarr-"] svg {
.bazarr-Notification-root.bazarr-Notification-withIcon[class*="bazarr-"] svg {
stroke: rgb(var(--accent-color));
}
/* PROGRESSBAR */
[class*="bazarr-"].mantine-Progress-bar[style="width: 100%;"] {
[class*="bazarr-"].bazarr-Progress-bar[style="width: 100%;"] {
background: rgb(var(--accent-color));
}
[class*="bazarr-"].mantine-Progress-bar[style="width: 100%;"] .mantine-Text-root.mantine-Progress-label[class*="bazarr-"] {
[class*="bazarr-"].bazarr-Progress-bar[style="width: 100%;"] .bazarr-Text-root.bazarr-Progress-label[class*="bazarr-"] {
color: var(--label-text-color);
}
/* LOADER */
.mantine-LoadingOverlay-root[class*="bazarr-"] svg {
.bazarr-LoadingOverlay-root[class*="bazarr-"] svg {
stroke: rgb(var(--accent-color));
}

39
css/base/calibreweb/calibreweb-base.css
View File

@ -14,8 +14,8 @@
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
/* APP VARS*/
@import url("/theme.park/css/defaults/placeholders.css");
@import url("/theme.park/css/defaults/transparent.css");
@import url("/theme.park/css/defaults/placeholders.css");
@import url("/theme.park/css/defaults/transparent.css");
:root {
--color-background: var(--main-bg-color);
@ -24,6 +24,7 @@
--color-secondary-hover: var(--button-color-hover);
--color-background-mobile: var(--main-bg-color);
}
*,
*:focus,
*:active,
@ -32,11 +33,23 @@
outline: none !important;
}
body:not(.blur):not(.login):not(.me):not(.author):not(.editbook):not(.upload):not(.shelfedit):not(.langlist):not(.authorlist):not(.serieslist):not(.catlist):not(.shelforder):not(.admin):not(.modal-open)>div.container-fluid>div.row-fluid>div.col-sm-10:after {
background: var(--main-bg-color) !important;
background-image: none !important;
}
body:not(.read-frame) {
background: var(--main-bg-color) !important;
background-image: none;
}
body.advsearch:not(.blur)>div.container-fluid>div.row-fluid>div.col-sm-10>div.col-sm-8:before,
body.book:not(.blur)>div.container-fluid>div.row-fluid>div.col-sm-10>div.single:before,
body.stat:not(.blur)>div.container-fluid>div.row-fluid>div.col-sm-10:before,
body:not(.blur):not(.me):not(.author):not(.editbook):not(.upload):not(.shelfedit):not(.admin):not(.modal-open)>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover:first-of-type:before {
background: var(--main-bg-color) !important;
}
.blur-wrapper:after {
background: var(--main-bg-color) !important;
}
@ -122,6 +135,11 @@
color: var(--text-hover)
}
.hr {
background-color: var(--transparency-light-15) !important;
}
/* LINKS */
a,
body.admin,
@ -152,6 +170,19 @@
color: var(--text-hover) !important;
}
.table-hover>tbody>tr:hover {
background-color: var(--transparency-light-10);
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
border-top: 1px solid var(--transparency-light-05);
background: rgba(0, 0, 0, .15);
}
/* MODAL */
.modal-content {
@ -328,6 +359,7 @@
box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
line-height: 24px;
}
.cover {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}
@ -336,6 +368,7 @@
padding: 0 0;
line-height: 15px;
}
body.serieslist.grid-view div.container-fluid > div > div.col-sm-10::before {
body.serieslist.grid-view div.container-fluid>div>div.col-sm-10::before {
display: none;
}

3
css/base/emby/emby-base.css
View File

@ -235,7 +235,8 @@ html {
.raised:not(.nobackdropfilter) {
background: rgba(85, 85, 85, .3);
-webkit-backdrop-filter: saturate(1.8) blur(1.5em);
backdrop-filter: saturate(1.8) blur(1.5em)
backdrop-filter: saturate(1.8) blur(1.5em);
color: var(--transparency-light-95);
}
.dialog-blur,

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

@ -15,12 +15,11 @@
@import url("/theme.park/css/defaults/servarr-base.css");
:root {
--calendar-downloading: 122 67 182;
--calendar-downloaded: 39 194 76;
--calendar-unreleased: 93 156 236;
--calendar-partial: 255, 165, 0;
--calendar-downloading: 122 67 182;
--calendar-unmonitored: 173 173 173;
--calendar-missing: 240 80 80;
--calendar-unreleased: 93 156 236;
}
/* LIDARR SPECIFIC */
@ -213,56 +212,21 @@
}
/* CALENDAR */
[class*="CalendarEvent-downloaded-"] {
background: rgb(var(--calendar-available) / .7) !important;
border-left-color: transparent !important;
[class*="CalendarEvent-event-"]>div>div>a {
color: var(--transparency-light-95) !important;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover {
background: rgb(var(--calendar-available) / .5) !important;
border-left-color: transparent !important;
/* Color Impaired Mode */
[class*="CalendarEvent-unmonitored-"].colorImpaired {
background: repeating-linear-gradient(90deg, rgb(var(--calendar-unmonitored) / .2), rgb(var(--calendar-unmonitored) / .2) 5px, rgb(var(--calendar-unmonitored) / .4) 5px, rgb(var(--calendar-unmonitored) / .4) 10px) !important;
}
[class*="CalendarEvent-missing-"] {
background: rgb(var(--calendar-missing) / .7) !important;
border-left-color: transparent !important;
[class*="CalendarEvent-missing-"].colorImpaired{
background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing) / .2), rgb(var(--calendar-missing) / .2) 5px, rgb(var(--calendar-missing) / .4) 5px, rgb(var(--calendar-missing) / .4) 10px) !important;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover {
background: rgba(var(--calendar-missing) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-unreleased-"] {
background: rgb(var(--calendar-unaired) / .7) !important;
border-left-color: transparent !important;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover {
background: rgb(var(--calendar-unaired) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-unmonitored-"] {
background: rgb(var(--calendar-unmonitored) / .7) !important;
border-left-color: transparent !important;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover {
background: rgb(var(--calendar-unmonitored) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-downloading-"],
[class*="CalendarEvent-queue-"] {
background: rgb(var(--calendar-downloading) / .7) !important;
border-left-color: transparent !important;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover,
[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover {
background: rgb(var(--calendar-downloading) / .5) !important;
border-left-color: transparent !important;
[class*="CalendarEvent-unreleased-"].colorImpaired{
background: repeating-linear-gradient(90deg, rgb(var(--calendar-unreleased) / .2), rgb(var(--calendar-unreleased) / .2) 5px, rgb(var(--calendar-unreleased) / .4) 5px, rgb(var(--calendar-unreleased) / .4) 10px) !important;
}
[class*="ArtistIndexHeader-sortName-"]:hover,

60
css/base/ombi/ombi-base.css
View File

@ -83,7 +83,7 @@ a:hover {
/* TOP NAV */
.top-search-bar .mat-form-field-flex {
border: 1px solid rgba(255, 255, 255, 0.10);
border: 1px solid rgba(255, 255, 255, 0.10) !important;
background: var(--transparency-dark-45);
}
@ -271,55 +271,20 @@ a:hover {
}
} */
/* MOBILE */
@media (min-width: 768px) {
.sidenav-container .sidenav {
background: var(--transparency-dark-45) !important;
}
.detailed-container {
border: none !important;
background-color: var(--transparency-dark-25) !important;
}
@media (max-width: 768px) {
.p-carousel-item {
min-height: 230px !important;
max-width: 11.7rem !important
}
.p-carousel .p-carousel-content .p-carousel-next,
.p-carousel .p-carousel-content .p-carousel-prev {
display: none;
}
.right {
text-align: right !important;
margin-top: -61px;
}
}
.p-carousel-item {
min-height: 290px;
max-height: 290px;
max-width: 12rem;
}
@media (max-width: 768px) {
.section h2 {
margin-left: 5px !important;
}
}
@media (min-width: 768px) {
.section h2 {
margin-left: 63px !important;
}
.detailed-container .poster {
border: 1px solid transparent !important;
}
/* CARDS */
.ombi-card {
.ombi-card {
padding: 0px !important;
margin: 5px !important;
}
/*
#cardImage,
.ombi-card {
border-radius: .75rem !important;
@ -328,7 +293,7 @@ a:hover {
#cardImage {
min-height: 225px;
}
*/
.p-carousel-indicators,
.p-carousel-items-container {
display: flex;
@ -339,11 +304,8 @@ a:hover {
.c .card-top-info {
top: -1px !important;
position: absolute;
border-radius: .75rem .75rem 0 0 !important;
background-color: var(--transparency-dark-70) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
transition: 0s -webkit-filter linear;
border-radius:10px 10px 0 0 !important;
background-color: var(--transparency-dark-90) !important;
}
.ombi-card .button-request-container .button-request {

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

@ -2,18 +2,24 @@
@import url("/theme.park/css/defaults/transparent.css");
/* TEXT */
[class*="text-gray-"]:not(button:disabled):not(button) {
[class*="text-gray-"]:not(button:disabled):not(button):not(.text-gray-100) {
color: var(--text);
}
[class*="text-indigo-"]:not(.text-indigo-100) {
color: rgb(var(--accent-color))
[class*="text-indigo-"]:not(.text-indigo-100),
.text-overseerr {
color: rgb(var(--accent-color));
}
.text-indigo-100 {
color: var(--label-text-color);
}
.text-gray-400,
.text-gray-200 {
color: var(--transparency-light-95) !important;
}
h1,
h2,
h3,
@ -68,13 +74,21 @@ 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,
#__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);
background-color: rgb(var(--accent-color), .5);
border-color: rgb(var(--accent-color), .5);
color: var(--button-text);
}
#headlessui-listbox-button-\:r5\:>span:nth-child(1)>span.ml-1.truncate.text-gray-400 {
color: var(--button-text);
}
.focus\:border-blue-300:focus {
border-color: rgb(var(--accent-color)) !important;
}
button[type="submit"],
button[class="input-action"] {
color: var(--button-text)
@ -86,10 +100,10 @@ button[class*="border-indigo-"]:hover,
button[class*="border-gray-"]:hover,
button.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);
#__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: rgb(var(--accent-color), .8);
border-color: rgb(var(--accent-color), .8);
color: var(--button-text-hover) !important;
}
button[type="submit"]:hover,
@ -123,13 +137,36 @@ textarea:focus {
input[type=password],
input[type=text],
select,
textarea {
border-color: rgba(255, 255, 255, .1);
background: var(--transparency-dark-25);
color: var(--text);
}
select:focus {
border-color: rgba(255, 255, 255, .1) !important;
background: var(--drop-down-menu-bg) !important;
color: var(--text) !important;
}
select,
#__next>div>div.relative.mb-16.flex.w-0.min-w-0.flex-1.flex-col.lg\:ml-64>main>div>div>div.mb-4.flex.flex-col.justify-between.lg\:flex-row.lg\:items-end>div.mt-2.flex.flex-grow.flex-col.sm\:flex-row.lg\:flex-grow-0>div>span {
border-color: rgba(255, 255, 255, .1) !important;
background: var(--transparency-dark-25) !important;
color: var(--text) !important;
}
select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;
background-position: right .5rem center !important;
background-repeat: no-repeat !important;
background-size: 1.5em 1.5em !important;
padding-right: 2.5rem !important;
-webkit-print-color-adjust: exact !important;
color-adjust: exact !important;
print-color-adjust: exact !important;
}
input[type=checkbox] {
color: rgba(var(--accent-color));
}
@ -154,6 +191,7 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent
span.bg-indigo-500 {
background-color: rgb(var(--accent-color));
color: var(--label-text-color) !important;
border-color: rgb(var(--accent-color));
}
.react-select-container .react-select__control {
@ -197,9 +235,9 @@ body {
color: var(--text);
}
.bg-gray-800 {
--tw-bg-opacity: 0.05;
background-color: rgb(255, 255, 255, var(--tw-bg-opacity));
[data-popper-placement] {
background: rgb(var(--accent-color)) !important;
color: var(--label-text-color) !important;
}
.hover\:bg-gray-700:hover {
@ -274,14 +312,30 @@ body {
--tw-gradient-to: rgb(var(--accent-color), .8);
}
#__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.lg\:hidden>div>div.relative.flex.flex-col.flex-1.w-full.max-w-xs.bg-gray-800.sidebar.appear-done.enter-done>div.flex.flex-col.flex-1.h-0.pt-8.pb-8.overflow-y-auto.sm\:pb-4>nav>a.flex.items-center.px-2.py-2.text-base.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 {
--tw-gradient-from: rgb(var(--accent-color), .5);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--accent-color), .5));
[role="menuitem"]:hover {
background: rgb(var(--accent-color), .3);
}
#__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 {
#__next>div>div.lg\:hidden>div>div.relative.flex.flex-col.flex-1.w-full.max-w-xs.bg-gray-800.sidebar.appear-done.enter-done>div.flex.flex-col.flex-1.h-0.pt-8.pb-8.overflow-y-auto.sm\:pb-4>nav>a.flex.items-center.px-2.py-2.text-base.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 {
--tw-gradient-from: rgb(var(--accent-color), .3);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--accent-color), .3));
}
.from-indigo-600 {
--tw-gradient-from: rgb(var(--accent-color), .3);
--tw-gradient-to: rgba(var(--accent-color), .3);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-600:hover {
--tw-gradient-from: rgb(var(--accent-color), .7);
--tw-gradient-to: rgba(var(--accent-color), .7);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
#__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;
}
@ -315,9 +369,9 @@ body>div.fixed.top-0.left-0.z-50.w-full.transition-opacity.ease-out.duration-400
background-color: rgb(var(--accent-color));
}
body>div.fixed.top-0.left-0.z-50.w-full .bg-indigo-400 {
/* body>div.fixed.top-0.left-0.z-50.w-full .bg-indigo-400 {
background-color: rgb(var(--accent-color));
}
} */
/* DISCOVER PAGE */
@ -330,9 +384,15 @@ a.slider-title:hover {
color: var(--accent-color-hover);
}
/* CARDS */
#__next>div>div.relative.mb-16.flex.w-0.min-w-0.flex-1.flex-col.lg\:ml-64>main>div>div>div>div.hide-scrollbar.relative.-my-2.-ml-4.-mr-4.overflow-y-auto.overflow-x-scroll.overscroll-x-contain.whitespace-nowrap.px-2.py-2>div>a,
#__next>div>div.relative.mb-16.flex.w-0.min-w-0.flex-1.flex-col.lg\:ml-64>main>div>div>div>div>div.hide-scrollbar.relative.-my-2.-ml-4.-mr-4.overflow-y-auto.overflow-x-scroll.overscroll-x-contain.whitespace-nowrap.px-2.py-2>div>a>div {
background: var(--transparency-light-15)
}
/* 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 a {
background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0,0,0,.7) 100%) !important;
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 {
@ -340,13 +400,13 @@ a.slider-title: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>a:hover {
background: linear-gradient(rgba(var(--accent-color), .04) 0%, rgba(var(--accent-color), 0.3) 100%);
background: linear-gradient(rgba(var(--accent-color), .4) 0%, rgba(var(--accent-color), 0.3) 100%);
}
/* 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,
#__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 {
#__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;
}
@ -511,11 +571,19 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent
display: none !important;
}
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.h-full.w-full.items-center.justify-center.bg-gray-800.bg-opacity-70.opacity-100>div>div.absolute.top-0.left-0.right-0.z-0.h-64.max-h-full.w-full>span>img {
display: none !important;
}
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div.absolute.inset-0,
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div.absolute.inset-0 {
background: transparent !important;
}
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.h-full.w-full.items-center.justify-center.bg-gray-800.bg-opacity-70.opacity-100>div[aria-modal="true"] {
background: var(--main-bg-color);
}
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>tbody {
background: var(--transparency-light-10);
}
@ -523,11 +591,11 @@ 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.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.mt-10.text-white > form > div:nth-child(5) > div > div > div > div > div > div {
background: var(--drop-down-menu-bg);
}
} */
#__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:hover {
background: var(--transparency-light-10);
@ -537,7 +605,8 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent
[aria-labelledby="user-menu"] {
background: var(--drop-down-menu-bg);
}
[aria-labelledby="user-menu"] a:hover{
[aria-labelledby="user-menu"] a:hover {
background: var(--transparency-light-05);
}
@ -557,3 +626,19 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent
#toast-container .text-white {
color: var(--label-text-color);
}
/* BLURSTUFF */
.backdrop-blur:not(.bg-yellow-500) {
background: rgb(var(--accent-color), 0.3);
--tw-backdrop-blur: blur(8px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
border-color: rgb(var(--accent-color), 0.3);
}
[aria-labelledby*="headlessui-label"][data-headlessui-state*="checked"] {
background: rgb(var(--accent-color), 0.3);
border-color: rgb(var(--accent-color), 0.3);
}

1221
css/base/qbittorrent/qbittorrent-base.css
View File

File diff suppressed because it is too large Load Diff

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

@ -257,83 +257,6 @@
color: var(--text-hover);
}
/* CALENDAR */
[class*="CalendarEvent-downloaded-"] {
background: rgb(var(--calendar-available) / .7) !important;
border-left-color: transparent !important;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover {
background: rgb(var(--calendar-available) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-missing-"],
[class*="CalendarEvent-missingMonitored"] {
background: rgb(var(--calendar-missing) / .7) !important;
border-left-color: transparent !important;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover,
[class*="Calendar-calendar-"] [class*="CalendarEvent-missingMonitored"]:hover {
background: rgba(var(--calendar-missing) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-missingUnmonitored-"] {
background: rgb(var(--calendar-missing-unmonitored) / .7) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-missingUnmonitored-"]:hover {
background: rgb(var(--calendar-missing-unmonitored) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-unreleased-"],
[class*="CalendarEvent-continuing-"] {
background: rgb(var(--calendar-unaired) / .7) !important;
border-left-color: transparent !important;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover,
[class*="Calendar-calendar-"] [class*="CalendarEvent-continuing-"]:hover {
background: rgb(var(--calendar-unaired) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-event-"] {
background: rgb(var(--calendar-unmonitored) / .7);
border-left-color: transparent;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-event-"]:hover {
background: rgb(var(--calendar-unmonitored) / .5);
border-left-color: transparent;
}
[class*="CalendarEvent-unmonitored-"] {
background: rgb(var(--calendar-unmonitored) / .7) !important;
border-left-color: transparent !important;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover {
background: rgb(var(--calendar-unmonitored) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-downloading-"],
[class*="CalendarEvent-queue-"] {
background: rgb(var(--calendar-downloading) / .7) !important;
border-left-color: transparent !important;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover,
[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover {
background: rgb(var(--calendar-downloading) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-movieTitle-"],
[class*="CalendarEvent-movieInfo-"] {
color: #fff !important;
@ -343,6 +266,21 @@
color: var(--text-hover) !important;
}
[class*="CalendarEvent-missingMonitored-"].colorImpaired {
background: var(--transparency-light-15);
}
/* Color Impaired Mode */
[class*="CalendarEvent-missing-"].colorImpaired,
[class*="CalendarEvent-missingMonitored-"].colorImpaired {
background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing) / .2), rgb(var(--calendar-missing) / .2) 5px, rgb(var(--calendar-missing) / .4) 5px, rgb(var(--calendar-missing) / .4) 10px) !important;
}
[class*="CalendarEvent-missingUnmonitored-"].colorImpaired {
background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing-unmonitored) / .2), rgb(var(--calendar-missing-unmonitored) / .2) 5px, rgb(var(--calendar-missing-unmonitored) / .4) 5px, rgb(var(--calendar-missing-unmonitored) / .4) 10px) !important;
}
/* Custom filter */
[class*="SelectMovieModalContent-path-"] {
color: var(--text);

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

@ -207,57 +207,6 @@
}
/* CALENDAR */
[class*="CalendarEvent-downloaded-"]:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-downloaded) / .7) !important;
border-left-color: transparent !important;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-downloaded) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-missing-"]:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-missing) / .7) !important;
border-left-color: transparent !important;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover:not([class*="AgendaEvent-"]) {
background: rgba(var(--calendar-missing) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-unreleased-"]:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-unreleased) / .7) !important;
border-left-color: transparent !important;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-unreleased) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-unmonitored-"]:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-unmonitored) / .7) !important;
border-left-color: transparent !important;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-unmonitored) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-downloading-"]:not([class*="AgendaEvent-"]),
[class*="CalendarEvent-queue-"]:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-downloading) / .7) !important;
border-left-color: transparent !important;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover:not([class*="AgendaEvent-"]),
[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-downloading) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-authorName-"] a,
[class*="CalendarEvent-authorName-"],
@ -271,6 +220,19 @@ color: #eee !important;
color: #fff !important;
}
/* Color Impaired Mode */
[class*="CalendarEvent-unmonitored-"].colorImpaired {
background: repeating-linear-gradient(90deg, rgb(var(--calendar-unmonitored) / .2), rgb(var(--calendar-unmonitored) / .2) 5px, rgb(var(--calendar-unmonitored) / .4) 5px, rgb(var(--calendar-unmonitored) / .4) 10px) !important;
}
[class*="CalendarEvent-missing-"].colorImpaired{
background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing) / .2), rgb(var(--calendar-missing) / .2) 5px, rgb(var(--calendar-missing) / .4) 5px, rgb(var(--calendar-missing) / .4) 10px) !important;
}
[class*="CalendarEvent-unreleased-"].colorImpaired{
background: repeating-linear-gradient(90deg, rgb(var(--calendar-unreleased) / .2), rgb(var(--calendar-unreleased) / .2) 5px, rgb(var(--calendar-unreleased) / .4) 5px, rgb(var(--calendar-unreleased) / .4) 10px) !important;
}
/* Library */
[class*="AuthorIndexPoster-link-"],
[class*="AuthorIndexPoster-title-"] {

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

@ -237,72 +237,6 @@
stroke: #fff;
}
[class*="CalendarEvent-downloaded-"] {
background: rgb(var(--calendar-tv-available) / .7) !important;
border-left-color: transparent !important;
color: #fff;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover {
background: rgb(var(--calendar-tv-available) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-missing-"] {
background: rgb(var(--calendar-tv-missing) / .7) !important;
border-left-color: transparent !important;
color: #fff;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover {
background: rgb(var(--calendar-tv-missing) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-unaired-"] {
background: rgb(var(--calendar-tv-unaired) / .7) !important;
border-left-color: transparent !important;
color: #fff;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-unaired-"]:hover {
background: rgb(var(--calendar-tv-unaired) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-unmonitored-"] {
background: rgb(var(--calendar-tv-unmonitored) / .7) !important;
border-left-color: transparent !important;
color: #fff;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover {
background: rgb(var(--calendar-tv-unmonitored) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-onAir-"] {
background: rgb(var(--calendar-tv-on-air) / .7) !important;
border-left-color: transparent !important;
color: #fff;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-onAir-"]:hover {
background: rgb(var(--calendar-tv-on-air) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-downloading-"] {
background: rgb(var(--calendar-tv-downloading) / .7) !important;
border-left-color: transparent !important;
color: #fff;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover {
background: rgb(var(--calendar-tv-downloading) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-seriesTitle-"],
[class*="CalendarEvent-episodeInfo-"],
[class*="CalendarEvent-airTime-"] {

221
css/base/uptime-kuma/uptime-kuma-base.css
View File

@ -1,5 +1,39 @@
@import url("/theme.park/css/defaults/placeholders.css");
/* @import url("/theme.park/css/defaults/placeholders.css"); */
@import url("/theme.park/css/defaults/transparent.css");
*:not(#floatingInput)::-webkit-input-placeholder {
color: var(--text-muted) !important;
}
*:not(#floatingInput):focus::-webkit-input-placeholder {
color: var(--text-hover) !important;
}
/* Firefox < 19 */
*:not(#floatingInput):-moz-placeholder {
color: var(--text-muted) !important;
}
*:not(#floatingInput):focus:-moz-placeholder {
color: var(--text-hover) !important;
}
/* Firefox > 19 */
*:not(#floatingInput)::-moz-placeholder {
color: var(--text-muted) !important;
}
*:not(#floatingInput):focus::-moz-placeholder {
color: var(--text-hover) !important;
}
/* Internet Explorer 10 */
*:not(#floatingInput):-ms-input-placeholder {
color: var(--text-muted) !important;
}
*:not(#floatingInput):focus:-ms-input-placeholder {
color: var(--text-hover) !important;
}
body,
.dark {
@ -66,6 +100,9 @@ a:hover:not(.btn),
a,
.nav-link,
.dark a,
.dark .nav-link,
.dark a:not(.btn),
.dark .table,
.dark .nav-link {
color: var(--link-color);
}
@ -75,19 +112,41 @@ a,
text-decoration: underline;
}
mark,
.mark {
padding: 0 0.3em;
background-color: rgb(var(--accent-color));
color: var(--label-text-color);
}
/* CARDS */
.shadow-box,
.dark .shadow-box {
.dark .shadow-box,
.dark .shadow-box:not(.alert) {
box-shadow: 0px 0px 20px 10px #0000001a;
background: var(--transparency-light-10);
background: var(--transparency-dark-25);
}
.dark .settings-content .settings-content-header {
background: transparent !important;
}
.dark .list-header {
background: transparent !important;
}
.settings-content .settings-content-header {
border-bottom: 1px solid var(--transparency-light-10) !important;
}
.list .item:hover {
background: var(--transparency-light-15) !important;
}
.list-header {
border-bottom: 1px solid var(--transparency-light-15) !important;
}
.dark .list .item.active,
.list .item.active {
background: var(--transparency-dark-25) !important;
@ -119,6 +178,16 @@ td {
color: var(--text);
}
.table {
--bs-table-hover-bg: var(--transparency-dark-15) !important;
--bs-table-hover-color: var(--text-hover) !important;
}
.dark .table-hover>tbody>tr:hover>* {
--bs-table-accent-bg: var(--transparency-dark-15);
color: var(--text-hover);
}
/* MENUS */
.dropdown-menu {
@ -142,6 +211,19 @@ td {
background: var(--drop-down-menu-bg) !important;
}
.dropdown-item-text {
color: var(--text);
}
.dropdown-profile-pic .dropdown-menu .dropdown-divider {
border-top: 1px solid var(--transparency-light-25) !important;
}
.dark .dropdown-profile-pic.dropdown-menu.dropdown-item.active {
color: var(--text-hover);
background-color: var(--transparency-dark-15) !important;
}
/* HEADER */
.dark header,
#app>div>header {
@ -155,13 +237,15 @@ td {
color: var(--button-text);
}
.btn-primary {
.btn-primary,
.btn-info {
color: var(--button-text);
background-color: var(--button-color);
border-color: var(--button-color);
}
.btn-primary:hover {
.btn-primary:hover,
.btn-info:hover {
color: var(--button-text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
@ -203,7 +287,7 @@ td {
.btn-outline-primary,
.btn-outline-secondary {
color: var(--button-text);
color: var(--button-color);
border-color: var(--button-color);
}
@ -270,19 +354,25 @@ td {
.form-control {
color: var(--text);
background: var(--transparency-dark-25);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
}
.dark .form-select:focus,
.dark .form-control:focus,
.form-select:focus,
.form-control:focus {
.form-select:focus {
color: var(--text-color);
background: var(--drop-down-menu-bg);
box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), 0.25);
border-color: rgba(var(--accent-color), 0.25);
}
.dark .form-control:focus,
.form-control:focus {
color: var(--text-color);
background: var(--transparency-dark-35);
box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), 0.25);
border-color: rgba(var(--accent-color), 0.25);
}
.dark .form-control,
.dark .form-select,
.form-select,
@ -290,7 +380,11 @@ td {
border-color: #0000;
}
.input-group-text {
color: var(--button-text);
background-color: var(--button-color);
border: 1px solid var(--button-color);
}
.form-check-input:checked {
background-color: var(--button-color);
@ -300,13 +394,12 @@ td {
.form-check-input[type=checkbox]:indeterminate {
background-color: var(--button-color);
border-color: var(--button-color);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}
.dark .multiselect__content-wrapper,
.multiselect__content-wrapper {
background: var(--drop-down-menu-bg) !important;
border-color: transparent !important;
border-color: var(--transparency-light-15) !important;
}
.multiselect {
@ -316,20 +409,29 @@ td {
.multiselect__option--highlight {
background: rgb(var(--accent-color)) !important;
outline: none;
color: #fff
color: var(--label-text-color) !important;
}
.multiselect__option--highlight:after {
content: attr(data-select);
background: rgb(var(--accent-color)) !important;
color: #fff
color: var(--label-text-color);
}
.multiselect__option--selected:after {
content: attr(data-selected);
color: var(--label-text-color) !important;
}
.multiselect__option--selected,
.dark .multiselect__option--selected {
background: var(--transparency-dark-45);
color: var(--text-hover);
font-weight: 700;
color: var(--text-hover) !important;
}
.dark .multiselect__option--selected::after,
.multiselect__option--selected::after {
color: var(--text-hover) !important;
}
.multiselect__tag,
@ -394,3 +496,86 @@ td {
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
}
.vue-image-crop-upload .vicp-wrap {
-webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 23%);
box-shadow: 0 1px 3px rgb(0 0 0 / 23%);
background-color: 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;
}
/* SETTINGS */
.settings-menu .active .menu-item {
background: var(--transparency-dark-15) !important;
}
.settings-menu .menu-item:hover {
background: var(--transparency-light-10) !important;
}
h5.settings-subheading:after,
.settings-subheading.h5:after {
border-bottom: 1px solid var(--transparency-light-10);
}
.dark .cert-exp-days .cert-exp-day-row,
.cert-exp-days .cert-exp-day-row {
border-bottom: 1px solid var(--transparency-light-10) !important;
}
[contenteditable=true] {
background-color: var(--transparency-dark-25);
}
[contenteditable=true]:hover {
background-color: var(--transparency-dark-35);
}
[dir=ltr] .sidebar .sidebar-footer {
border-right: 1px solid var(--transparency-light-10) !important;
left: 0;
}
.sidebar .sidebar-footer {
border-top: 1px solid var(--transparency-light-10) !important;
background-color: var(--transparency-light-10) !important;
}
.item:hover {
background-color: rgb(var(--accent-color), .10) !important;
}
@media (max-width: 550px) {
.dark .table-shadow-box tbody .shadow-box {
background-color: transparent !important;
}
.dark .table-hover>tbody>tr:hover>* {
--bs-table-accent-bg: transparent color: var(--text-hover);
}
.dark .table-shadow-box tbody .shadow-box td {
border-bottom: 1px solid var(--transparency-light-10);
}
}
.dark .monitor-list .item:hover,
.dark .monitor-list .item.active,
.monitor-list .item.active,
.monitor-list .item:hover {
background-color: rgb(var(--accent-color), .10);
}
.active.dropdown-item.active,
.dark .dropdown-profile-pic .dropdown-menu .dropdown-item.active,
#app>div>header>ul>li>div>ul>li>a.active {
background: var(--transparency-dark-25) !important;
background-color: var(--transparency-dark-25) !important;
}

31
css/community-theme-options/ibracorp.css Normal file
View File

@ -0,0 +1,31 @@
:root {
--main-bg-color: #262a2b;
--modal-bg-color: #333;
--modal-header-color: #232323;
--modal-footer-color: #232323;
--drop-down-menu-bg: #1b1b1b;
--button-color: #ef7a70;
--button-color-hover: #d16057;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 239, 122, 112;
--accent-color-hover: rgb(var(--accent-color),.8);
--link-color: #ef7a70;
--link-color-hover: #d16057;
--label-text-color: #fff;
--text:#d16057;
--text-hover: #fff;
--text-muted: #999;
/*Specials*/
--arr-queue-color: #d16057; /* Servarr apps + Bazarr*/
--plex-poster-unwatched: #d16057;
--petio-spinner: invert(55%) sepia(68%) saturate(569%) hue-rotate(314deg) brightness(102%) contrast(87%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 239, 122, 112;
--overseerr-gradient: linear-gradient(180deg, rgba(31, 31, 31, 0.17) 0%, rgba(31, 31, 31) 100%);
}

2
css/defaults/servarr-base.css
View File

@ -280,7 +280,7 @@ a:hover {
background: var(--transparency-dark-25);
}
[class*=".ProgressBar-purple-"] {
[class*="ProgressBar-purple-"] {
background-color: rgb(var(--accent-color));
}

1
css/defaults/transparent.css
View File

@ -25,4 +25,5 @@
--transparency-light-45: rgba(255, 255, 255, .45);
--transparency-light-50: rgba(255, 255, 255, .50);
--transparency-light-55: rgba(255, 255, 255, .55);
--transparency-light-95: rgba(255, 255, 255, .95);
}

0
docker-mods/bazarr/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/dependencies.d/init-mods Normal file
View File

62
docker-mods/bazarr/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/run Normal file
View File

@ -0,0 +1,62 @@
#!/usr/bin/with-contenv bash
echo '---------------------------'
echo '| Bazarr theme.park Mod |'
echo '---------------------------'
# Display variables for troubleshooting
echo -e "Variables set:\\n\
'TP_DOMAIN'=${TP_DOMAIN}\\n\
'TP_ADDON'=${TP_ADDON}\\n\
'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
'TP_SCHEME'=${TP_SCHEME}\\n\
'TP_THEME'=${TP_THEME}\\n"
APP_FILEPATH='/app/bazarr/bin/frontend/build/index.html'
if [ "${TP_HOTIO}" = true ]; then
echo 'Changing to Hotio file path!'
APP_FILEPATH='/app/bin/frontend/build/index.html'
fi
# Set default
if [[ -z ${TP_DOMAIN} ]]; then
echo 'No domain set, defaulting to theme-park.dev'
TP_DOMAIN='theme-park.dev'
fi
if [[ -z ${TP_SCHEME} ]]; then
echo 'No scheme set, defaulting to https'
TP_SCHEME='https'
fi
THEME_TYPE='theme-options'
if [ "${TP_COMMUNITY_THEME}" = true ]; then
THEME_TYPE='community-theme-options'
fi
case ${TP_DOMAIN} in
*"github.io"*)
echo "Switching to github.io URL style"
TP_DOMAIN="${TP_DOMAIN}\/theme.park"
;;
esac
if [[ -z ${TP_THEME} ]]; then
echo 'No theme set, defaulting to organizr'
TP_THEME='organizr'
fi
# Adding stylesheets
if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
echo '---------------------------'
echo '| Adding the stylesheet |'
echo '---------------------------'
sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/bazarr\/bazarr-base.css'><\/head> /g" "${APP_FILEPATH}"
sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}"
printf 'Stylesheet set to %s\n' "${TP_THEME}"
if [[ -n ${TP_ADDON} ]]; then
for addon in $(echo "$TP_ADDON" | tr "|" " "); do
sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/bazarr\/${addon}\/${addon}.css'><\/head> /g" "${APP_FILEPATH}"
printf 'Added custom addon: %s\n\n' "${addon}"
done
fi
fi

1
docker-mods/bazarr/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/type Normal file
View File

@ -0,0 +1 @@
oneshot

1
docker-mods/bazarr/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/up Normal file
View File

@ -0,0 +1 @@
/etc/s6-overlay/s6-rc.d/init-mod-themepark/run

0
docker-mods/bazarr/root/etc/s6-overlay/s6-rc.d/init-mods-end/dependencies.d/init-mod-themepark Normal file
View File

0
docker-mods/bazarr/root/etc/s6-overlay/s6-rc.d/user/contents.d/init-mod-themepark Normal file
View File

2
docker-mods/calibre-web/root/etc/cont-init.d/98-themepark
View File

@ -1,4 +1,4 @@
#!/usr/bin/with-contenv bash
#!/command/with-contenv bash
echo '--------------------------------'
echo '| Calibre-web theme.park Mod |'

0
docker-mods/calibre-web/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/dependencies.d/init-mods Normal file
View File

50
docker-mods/calibre-web/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/run Normal file
View File

@ -0,0 +1,50 @@
#!/usr/bin/with-contenv bash
echo '--------------------------------'
echo '| Calibre-web theme.park Mod |'
echo '--------------------------------'
# Display variables for troubleshooting
echo -e "Variables set:\\n\
'TP_DOMAIN'=${TP_DOMAIN}\\n\
'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
'TP_SCHEME'=${TP_SCHEME}\\n\
'TP_THEME'=${TP_THEME}\\n"
# Set default
if [[ -z ${TP_DOMAIN} ]]; then
echo 'No domain set, defaulting to theme-park.dev'
TP_DOMAIN='theme-park.dev'
fi
if [[ -z ${TP_SCHEME} ]]; then
echo 'No scheme set, defaulting to https'
TP_SCHEME='https'
fi
THEME_TYPE='theme-options'
if [ "${TP_COMMUNITY_THEME}" = true ]; then
THEME_TYPE='community-theme-options'
fi
case ${TP_DOMAIN} in
*"github.io"*)
echo "Switching to github.io URL style"
TP_DOMAIN="${TP_DOMAIN}\/theme.park"
;;
esac
if [[ -z ${TP_THEME} ]]; then
echo 'No theme set, defaulting to organizr'
TP_THEME='organizr'
fi
# Adding stylesheets
if ! grep -q "${TP_DOMAIN}/css/base" /app/calibre-web/cps/templates/layout.html; then
echo '---------------------------'
echo '| Adding the stylesheet |'
echo '---------------------------'
sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/calibreweb\/calibreweb-base.css'><\/head> /g" /app/calibre-web/cps/templates/layout.html
sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /app/calibre-web/cps/templates/layout.html
printf 'Stylesheet set to %s\n' "${TP_THEME}
"
fi

1
docker-mods/calibre-web/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/type Normal file
View File

@ -0,0 +1 @@
oneshot

1
docker-mods/calibre-web/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/up Normal file
View File

@ -0,0 +1 @@
/etc/s6-overlay/s6-rc.d/init-mod-themepark/run

0
docker-mods/calibre-web/root/etc/s6-overlay/s6-rc.d/init-mods-end/dependencies.d/init-mod-themepark Normal file
View File

0
docker-mods/calibre-web/root/etc/s6-overlay/s6-rc.d/user/contents.d/init-mod-themepark Normal file
View File

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

@ -1,4 +1,4 @@
#!/usr/bin/with-contenv bash
#!/command/with-contenv bash
echo '---------------------------'
echo '| Deluge theme.park Mod |'

0
docker-mods/deluge/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/dependencies.d/init-mods Normal file
View File

51
docker-mods/deluge/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/run Normal file
View File

@ -0,0 +1,51 @@
#!/usr/bin/with-contenv bash
echo '---------------------------'
echo '| Deluge theme.park Mod |'
echo '---------------------------'
# Display variables for troubleshooting
echo -e "Variables set:\\n\
'TP_DOMAIN'=${TP_DOMAIN}\\n\
'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
'TP_SCHEME'=${TP_SCHEME}\\n\
'TP_THEME'=${TP_THEME}\\n"
# Set default
if [[ -z ${TP_DOMAIN} ]]; then
echo 'No domain set, defaulting to theme-park.dev'
TP_DOMAIN='theme-park.dev'
fi
if [[ -z ${TP_SCHEME} ]]; then
echo 'No scheme set, defaulting to https'
TP_SCHEME='https'
fi
THEME_TYPE='theme-options'
if [ "${TP_COMMUNITY_THEME}" = true ]; then
THEME_TYPE='community-theme-options'
fi
case ${TP_DOMAIN} in
*"github.io"*)
echo "Switching to github.io URL style"
TP_DOMAIN="${TP_DOMAIN}\/theme.park"
;;
esac
if [[ -z ${TP_THEME} ]]; then
echo 'No theme set, defaulting to organizr'
TP_THEME='organizr'
fi
# Adding stylesheets
DELUGE_INDEX_PATH=$(find /usr -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='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/deluge\/deluge-base.css'><\/head> /g" ${DELUGE_INDEX_PATH}
sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" ${DELUGE_INDEX_PATH}
printf 'Stylesheet set to %s\n' "${TP_THEME}
"
fi

1
docker-mods/deluge/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/type Normal file
View File

@ -0,0 +1 @@
oneshot

1
docker-mods/deluge/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/up Normal file
View File

@ -0,0 +1 @@
/etc/s6-overlay/s6-rc.d/init-mod-themepark/run

0
docker-mods/deluge/root/etc/s6-overlay/s6-rc.d/init-mods-end/dependencies.d/init-mod-themepark Normal file
View File

0
docker-mods/deluge/root/etc/s6-overlay/s6-rc.d/user/contents.d/init-mod-themepark Normal file
View File

2
docker-mods/duplicati/root/etc/cont-init.d/98-themepark
View File

@ -1,4 +1,4 @@
#!/usr/bin/with-contenv bash
#!/command/with-contenv bash
echo '----------------------------'
echo '| Duplicati theme.park Mod |'

0
docker-mods/duplicati/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/dependencies.d/init-mods Normal file
View File

60
docker-mods/duplicati/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/run Normal file
View File

@ -0,0 +1,60 @@
#!/usr/bin/with-contenv bash
echo '----------------------------'
echo '| Duplicati theme.park Mod |'
echo '----------------------------'
APP_FILEPATH='/app/duplicati/webroot'
# Display variables for troubleshooting
echo -e "Variables set:\\n\
'APP_FILEPATH'=${APP_FILEPATH}\\n\
'TP_DOMAIN'=${TP_DOMAIN}\\n\
'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
'TP_SCHEME'=${TP_SCHEME}\\n\
'TP_THEME'=${TP_THEME}\\n"
# Set default
if [[ -z ${TP_DOMAIN} ]]; then
echo 'No domain set, defaulting to theme-park.dev'
TP_DOMAIN='theme-park.dev'
fi
if [[ -z ${TP_SCHEME} ]]; then
echo 'No scheme set, defaulting to https'
TP_SCHEME='https'
fi
THEME_TYPE='theme-options'
if [ "${TP_COMMUNITY_THEME}" = true ]; then
THEME_TYPE='community-theme-options'
fi
case ${TP_DOMAIN} in
*"github.io"*)
echo "Switching to github.io URL style"
TP_DOMAIN="${TP_DOMAIN}\/theme.park"
;;
esac
if [[ -z ${TP_THEME} ]]; then
echo 'No theme set, defaulting to organizr'
TP_THEME='organizr'
fi
sed_file(){
sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/duplicati\/duplicati-base.css'><\/head> /g" $1
sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" $1
printf 'Stylesheet set to %s on %s\n\n' "${TP_THEME}" "$1"
}
# Adding stylesheets
echo '---------------------------------------'
echo '| Adding the stylesheet to html files |'
echo '---------------------------------------'
if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}/index.html"; then
find ${APP_FILEPATH} -type f -iname *.html | while read fname
do
sed_file $fname
done
fi

1
docker-mods/duplicati/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/type Normal file
View File

@ -0,0 +1 @@
oneshot

1
docker-mods/duplicati/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/up Normal file
View File

@ -0,0 +1 @@
/etc/s6-overlay/s6-rc.d/init-mod-themepark/run

0
docker-mods/duplicati/root/etc/s6-overlay/s6-rc.d/init-mods-end/dependencies.d/init-mod-themepark Normal file
View File

0
docker-mods/duplicati/root/etc/s6-overlay/s6-rc.d/user/contents.d/init-mod-themepark Normal file
View File

0
docker-mods/emby/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/dependencies.d/init-mods Normal file
View File

43
docker-mods/emby/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/run Normal file
View File

@ -0,0 +1,43 @@
#!/usr/bin/with-contenv bash
echo '-------------------------'
echo '| Emby theme.park Mod |'
echo '-------------------------'
# Display variables for troubleshooting
echo -e "Variables set:\\n\
'TP_DOMAIN'=${TP_DOMAIN}\\n\
'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
'TP_SCHEME'=${TP_SCHEME}\\n\
'TP_THEME'=${TP_THEME}\\n"
# Set default
if [[ -z ${TP_DOMAIN} ]]; then
echo 'No domain set, defaulting to theme-park.dev'
TP_DOMAIN='theme-park.dev'
fi
if [[ -z ${TP_SCHEME} ]]; then
echo 'No scheme set, defaulting to https'
TP_SCHEME='https'
fi
THEME_TYPE='theme-options'
if [ "${TP_COMMUNITY_THEME}" = true ]; then
THEME_TYPE='community-theme-options'
fi
case ${TP_DOMAIN} in
*"github.io"*)
echo "Switching to github.io URL style"
TP_DOMAIN="${TP_DOMAIN}\/theme.park"
;;
esac
if [[ -z ${TP_THEME} ]]; then
echo 'No theme set, defaulting to organizr'
TP_THEME='organizr'
fi
# Adding stylesheets
printf '%s\n' "@import url('${TP_SCHEME}://${TP_DOMAIN}/css/${THEME_TYPE}/${TP_THEME}.css');" "@import url('${TP_SCHEME}://${TP_DOMAIN}/css/base/emby/emby-base.css');" > /app/emby/dashboard-ui/modules/themes/light/theme.css
printf 'Stylesheet set to %s\n' "${TP_THEME}"

1
docker-mods/emby/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/type Normal file
View File

@ -0,0 +1 @@
oneshot

1
docker-mods/emby/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/up Normal file
View File

@ -0,0 +1 @@
/etc/s6-overlay/s6-rc.d/init-mod-themepark/run

0
docker-mods/emby/root/etc/s6-overlay/s6-rc.d/init-mods-end/dependencies.d/init-mod-themepark Normal file
View File

0
docker-mods/emby/root/etc/s6-overlay/s6-rc.d/user/contents.d/init-mod-themepark Normal file
View File

2
docker-mods/jackett/root/etc/cont-init.d/98-themepark
View File

@ -1,4 +1,4 @@
#!/usr/bin/with-contenv bash
#!/command/with-contenv bash
echo '---------------------------'
echo '| Jackett theme.park Mod |'

0
docker-mods/jackett/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/dependencies.d/init-mods Normal file
View File

56
docker-mods/jackett/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/run Normal file
View File

@ -0,0 +1,56 @@
#!/usr/bin/with-contenv bash
echo '---------------------------'
echo '| Jackett theme.park Mod |'
echo '---------------------------'
# Display variables for troubleshooting
echo -e "Variables set:\\n\
'TP_DOMAIN'=${TP_DOMAIN}\\n\
'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
'TP_SCHEME'=${TP_SCHEME}\\n\
'TP_THEME'=${TP_THEME}\\n"
APP_FILEPATH='/app/Jackett/Content/index.html'
if [ "${TP_HOTIO}" = true ]; then
echo 'Changing to Hotio file path!'
APP_FILEPATH='/app/Content/index.html'
fi
# Set default
if [[ -z ${TP_DOMAIN} ]]; then
echo 'No domain set, defaulting to theme-park.dev'
TP_DOMAIN='theme-park.dev'
fi
if [[ -z ${TP_SCHEME} ]]; then
echo 'No scheme set, defaulting to https'
TP_SCHEME='https'
fi
THEME_TYPE='theme-options'
if [ "${TP_COMMUNITY_THEME}" = true ]; then
THEME_TYPE='community-theme-options'
fi
case ${TP_DOMAIN} in
*"github.io"*)
echo "Switching to github.io URL style"
TP_DOMAIN="${TP_DOMAIN}\/theme.park"
;;
esac
if [[ -z ${TP_THEME} ]]; then
echo 'No theme set, defaulting to organizr'
TP_THEME='organizr'
fi
# Adding stylesheets
if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
echo '---------------------------'
echo '| Adding the stylesheet |'
echo '---------------------------'
sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/jackett\/jackett-base.css'><\/head> /g" "${APP_FILEPATH}"
sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}"
printf 'Stylesheet set to %s\n' "${TP_THEME}
"
fi

Some files were not shown because too many files have changed in this diff Show More