update 6-29-21
This commit is contained in:
deathbybandaid
parent
2fad96e5b0
commit
da35b697bc
@ -493,6 +493,8 @@
|
|||||||
background: var(--div-background-color-15) !important;
|
background: var(--div-background-color-15) !important;
|
||||||
border-bottom-right-radius: 15px;
|
border-bottom-right-radius: 15px;
|
||||||
border-bottom-left-radius: 15px;
|
border-bottom-left-radius: 15px;
|
||||||
|
-webkit-backdrop-filter: blur(10px) !important;
|
||||||
|
backdrop-filter: blur(10px) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Email users */
|
/* Email users */
|
||||||
|
|||||||
@ -20,7 +20,6 @@ body {
|
|||||||
html {
|
html {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
overflow: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
|||||||
@ -27,6 +27,7 @@
|
|||||||
--queue-color: #009688;
|
--queue-color: #009688;
|
||||||
--link-color: #0ed2bf;
|
--link-color: #0ed2bf;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -220,7 +220,7 @@ a:hover {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.sidebar-container .badge-secondary {
|
.sidebar-container .badge-secondary {
|
||||||
color: var(--button-text);
|
color: var(--label-text-color);
|
||||||
background-color: var(--queue-color);
|
background-color: var(--queue-color);
|
||||||
}
|
}
|
||||||
/* TOP NAV BAR */
|
/* TOP NAV BAR */
|
||||||
@ -299,6 +299,7 @@ a:hover {
|
|||||||
|
|
||||||
.progress-bar.bg-primary {
|
.progress-bar.bg-primary {
|
||||||
background: rgb(var(--accent-color)) !important;
|
background: rgb(var(--accent-color)) !important;
|
||||||
|
color: var(--label-text-color) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress-bar.bg-warning {
|
.progress-bar.bg-warning {
|
||||||
@ -311,6 +312,11 @@ a:hover {
|
|||||||
background-color: rgba(255, 193, 7, .8);
|
background-color: rgba(255, 193, 7, .8);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.badge-primary {
|
||||||
|
color: #fff;
|
||||||
|
background-color: rgb(var(--accent-color));
|
||||||
|
}
|
||||||
|
|
||||||
.popover {
|
.popover {
|
||||||
background-color: #1f1f1f;
|
background-color: #1f1f1f;
|
||||||
border: 1px solid rgba(255, 255, 255, .2);
|
border: 1px solid rgba(255, 255, 255, .2);
|
||||||
@ -699,3 +705,14 @@ line {
|
|||||||
background-color: hsla(0, 0%, 0%, .35);
|
background-color: hsla(0, 0%, 0%, .35);
|
||||||
border-bottom: 1px solid rgba(0,0,0,.05);
|
border-bottom: 1px solid rgba(0,0,0,.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.alert-container .toast-container .toast .toast-body .progress .progress-bar {
|
||||||
|
text-shadow: -2px -2px 5px rgb(var(--accent-color)),2px -2px 5px rgb(var(--accent-color)),-2px 2px 5px rgb(var(--accent-color)),2px 2px 5px rgb(var(--accent-color));
|
||||||
|
overflow: visible
|
||||||
|
}
|
||||||
|
|
||||||
|
/* LOGS */
|
||||||
|
/* Stack traceback */
|
||||||
|
code.zmdi-language-python-alt {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
@ -27,6 +27,7 @@
|
|||||||
--queue-color: #6b5;
|
--queue-color: #6b5;
|
||||||
--link-color: #ddd;
|
--link-color: #ddd;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
35
CSS/themes/bazarr/dracula.css
Normal file
35
CSS/themes/bazarr/dracula.css
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
|
||||||
|
/* dP dP dP */
|
||||||
|
/* 88 88 88 */
|
||||||
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||||
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||||
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||||
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||||
|
/* 88 */
|
||||||
|
/* dP */
|
||||||
|
|
||||||
|
/* Made by @gilbN */
|
||||||
|
/* https://htpc.deathbybandaid.net/assets/theme.park */
|
||||||
|
|
||||||
|
/* BAZARR AQUAMARINE THEME */
|
||||||
|
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css);
|
||||||
|
:root {
|
||||||
|
--main-bg-color: #282a36;
|
||||||
|
--modal-bg-color: #282a36;
|
||||||
|
|
||||||
|
--button-color: #bd93f9;
|
||||||
|
--button-color-hover: #ff79c6;
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #FFF;
|
||||||
|
|
||||||
|
--accent-color: 80, 250, 123;
|
||||||
|
--accent-color-hover: #50fa7b;
|
||||||
|
--queue-color: #50fa7b;
|
||||||
|
--link-color: #ff79c6;
|
||||||
|
--link-color-hover: #8be9fd;
|
||||||
|
--label-text-color: #282a36;
|
||||||
|
|
||||||
|
--text:#6272a4;
|
||||||
|
--text-hover: #95adfa;
|
||||||
|
--text-muted: #999;
|
||||||
|
}
|
||||||
@ -27,6 +27,7 @@
|
|||||||
--queue-color: #6b5;
|
--queue-color: #6b5;
|
||||||
--link-color: #ddd;
|
--link-color: #ddd;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -27,6 +27,7 @@
|
|||||||
--queue-color: #2cabe3;
|
--queue-color: #2cabe3;
|
||||||
--link-color: #2cabe3;
|
--link-color: #2cabe3;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#96a2b4;
|
--text:#96a2b4;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -27,6 +27,7 @@
|
|||||||
--queue-color: #27c24c;
|
--queue-color: #27c24c;
|
||||||
--link-color: #e5a00d;
|
--link-color: #e5a00d;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -27,6 +27,7 @@
|
|||||||
--queue-color: #81a6b7;
|
--queue-color: #81a6b7;
|
||||||
--link-color: #9adfff;
|
--link-color: #9adfff;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text: #eee;
|
--text: #eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -215,6 +215,6 @@ fieldset[disabled] .form-control {
|
|||||||
|
|
||||||
.alert-info {
|
.alert-info {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background-color: var(--modal-bg-color);
|
background: var(--modal-bg-color);
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
}
|
}
|
||||||
@ -83,6 +83,7 @@ html {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.detailButton-icon {
|
.detailButton-icon {
|
||||||
|
background: none !important;
|
||||||
border-color: rgba(255,255,255,.3)
|
border-color: rgba(255,255,255,.3)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -40,12 +40,12 @@ div.meterText:empty:before {
|
|||||||
}
|
}
|
||||||
#startStopBtn {
|
#startStopBtn {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background: var(--button-color);
|
background: var(--start-button-color);
|
||||||
border: 0.15em solid var(--button-color);
|
border: 0.15em solid var(--start-button-color);
|
||||||
}
|
}
|
||||||
#startStopBtn:hover {
|
#startStopBtn:hover {
|
||||||
border: 0.15em solid var(--button-color-hover);
|
border: 0.15em solid var(--start-button-color-hover);
|
||||||
background: var(--button-color-hover);
|
background: var(--start-button-color-hover);
|
||||||
}
|
}
|
||||||
#startStopBtn.running {
|
#startStopBtn.running {
|
||||||
background: #FF3030 !important;
|
background: #FF3030 !important;
|
||||||
|
|||||||
@ -16,6 +16,6 @@
|
|||||||
:root {
|
:root {
|
||||||
--main-bg-color: #1f1f1f;
|
--main-bg-color: #1f1f1f;
|
||||||
--modal-bg-color: #1b1b1b;
|
--modal-bg-color: #1b1b1b;
|
||||||
--button-color: #2cabe3;
|
--start-button-color: #2cabe3;
|
||||||
--button-color-hover: rgb(44 171 227 / .8);
|
--start-button-color-hover: rgb(44 171 227 / .8);
|
||||||
}
|
}
|
||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #009688;
|
--queue-color: #009688;
|
||||||
--link-color: #0ed2bf;
|
--link-color: #0ed2bf;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #6b5;
|
--queue-color: #6b5;
|
||||||
--link-color: #ddd;
|
--link-color: #ddd;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
42
CSS/themes/lidarr/dracula.css
Normal file
42
CSS/themes/lidarr/dracula.css
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
|
||||||
|
/* dP dP dP */
|
||||||
|
/* 88 88 88 */
|
||||||
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||||
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||||
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||||
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||||
|
/* 88 */
|
||||||
|
/* dP */
|
||||||
|
|
||||||
|
/* Made by @gilbN */
|
||||||
|
/* https://htpc.deathbybandaid.net/assets/theme.park */
|
||||||
|
|
||||||
|
/* LIDARR AQUAMARINE THEME */
|
||||||
|
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/lidarr/lidarr-base.css);
|
||||||
|
:root {
|
||||||
|
--main-bg-color: #282a36;
|
||||||
|
--modal-bg-color: #282a36;
|
||||||
|
|
||||||
|
--calendar-downloading: 122 67 182;
|
||||||
|
--calendar-downloaded: 39 194 76;
|
||||||
|
--calendar-unreleased: 93 156 236;
|
||||||
|
--calendar-partial: 255, 165, 0;
|
||||||
|
--calendar-unmonitored: 173 173 173;
|
||||||
|
--calendar-missing: 240 80 80;
|
||||||
|
|
||||||
|
--button-color: #bd93f9;
|
||||||
|
--button-color-hover: #ff79c6;
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #FFF;
|
||||||
|
|
||||||
|
--accent-color: #50fa7b;
|
||||||
|
--accent-color-hover: #50fa7b;
|
||||||
|
--queue-color: #50fa7b;
|
||||||
|
--link-color: #ff79c6;
|
||||||
|
--link-color-hover: #8be9fd;
|
||||||
|
--label-text-color: #282a36;
|
||||||
|
|
||||||
|
--text:#6272a4;
|
||||||
|
--text-hover: #95adfa;
|
||||||
|
--text-muted: #999;
|
||||||
|
}
|
||||||
@ -35,6 +35,7 @@
|
|||||||
--queue-color: #6b5;
|
--queue-color: #6b5;
|
||||||
--link-color: #ddd;
|
--link-color: #ddd;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -315,6 +315,10 @@ a:hover {
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[class*="ArtistDetailsSeason-albums-"] {
|
||||||
|
border-top: 1px solid rgba(255, 255, 255, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
.fa-search:hover {
|
.fa-search:hover {
|
||||||
color: var(--text-hover) !important;
|
color: var(--text-hover) !important;
|
||||||
}
|
}
|
||||||
@ -322,11 +326,11 @@ a:hover {
|
|||||||
[class*="Label-default-"] {
|
[class*="Label-default-"] {
|
||||||
border-color: var(--accent-color);
|
border-color: var(--accent-color);
|
||||||
background-color: var(--accent-color);
|
background-color: var(--accent-color);
|
||||||
color: #fff;
|
color: var(--label-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="Icon-default-"]:hover {
|
[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) {
|
||||||
color: #fff;
|
color: var(--text-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="MonitorToggleButton-toggleButton-"] {
|
[class*="MonitorToggleButton-toggleButton-"] {
|
||||||
@ -414,13 +418,13 @@ a:hover {
|
|||||||
[class*="Label-info-"] {
|
[class*="Label-info-"] {
|
||||||
border-color: var(--accent-color);
|
border-color: var(--accent-color);
|
||||||
background-color: var(--accent-color);
|
background-color: var(--accent-color);
|
||||||
color: #fff;
|
color: var(--label-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="PageSidebarItem-status-"][class*="Label-info-"] {
|
[class*="PageSidebarItem-status-"][class*="Label-info-"] {
|
||||||
border-color: var(--queue-color);
|
border-color: var(--queue-color);
|
||||||
background-color: var(--queue-color);
|
background-color: var(--queue-color);
|
||||||
color: #fff;
|
color: var(--label-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Table options*/
|
/* Table options*/
|
||||||
@ -443,6 +447,10 @@ a:hover {
|
|||||||
color: var(--text-hover);
|
color: var(--text-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[class*="TableRowCell-cell-"] {
|
||||||
|
border-top: 1px solid rgb(255 255 255 / 25%);
|
||||||
|
}
|
||||||
|
|
||||||
/* TOP MENU SERIES */
|
/* TOP MENU SERIES */
|
||||||
[class*="PageToolbar-toolbar-"] {
|
[class*="PageToolbar-toolbar-"] {
|
||||||
background-color: rgba(0, 0, 0, .25);
|
background-color: rgba(0, 0, 0, .25);
|
||||||
@ -517,7 +525,7 @@ a:hover {
|
|||||||
[class*="CheckInput-isIndeterminate-"] {
|
[class*="CheckInput-isIndeterminate-"] {
|
||||||
border: none;
|
border: none;
|
||||||
background-color: rgba(255, 255, 255, 0.08);
|
background-color: rgba(255, 255, 255, 0.08);
|
||||||
color: #FFF
|
color: var(--label-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="ArtistSearchInput-container-"] [class*="Input-input-"] {
|
[class*="ArtistSearchInput-container-"] [class*="Input-input-"] {
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #2cabe3;
|
--queue-color: #2cabe3;
|
||||||
--link-color: #2cabe3;
|
--link-color: #2cabe3;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#96a2b4;
|
--text:#96a2b4;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #27c24c;
|
--queue-color: #27c24c;
|
||||||
--link-color: #e5a00d;
|
--link-color: #e5a00d;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #81a6b7;
|
--queue-color: #81a6b7;
|
||||||
--link-color: #81a6b7;
|
--link-color: #81a6b7;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -16,9 +16,19 @@
|
|||||||
:root {
|
:root {
|
||||||
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||||
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||||
--request-button: #009688;
|
|
||||||
--request-button-hover: #12afa0;
|
--button-color: #009688;
|
||||||
--loading-bar: #0b3161;
|
--button-color-hover: #12afa0;
|
||||||
--accent-color: #eee;
|
--button-text: #eee;
|
||||||
--label-color: #009688;
|
--button-text-hover: #FFF;
|
||||||
|
|
||||||
|
--accent-color: 0, 150, 136;
|
||||||
|
--accent-color-hover: #12afa0;
|
||||||
|
--queue-color: #009688;
|
||||||
|
--link-color: #0ed2bf;
|
||||||
|
--link-color-hover: #fff;
|
||||||
|
|
||||||
|
--text:#eee;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -16,9 +16,19 @@
|
|||||||
:root {
|
:root {
|
||||||
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||||
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||||
--request-button: #c1c1c1;
|
|
||||||
--request-button-hover: rgba(255, 255, 255, 0.25);
|
--button-color: hsla(0,0%,100%,.15);
|
||||||
--loading-bar: #df691a;
|
--button-color-hover: hsla(0,0%,100%,.30);
|
||||||
--accent-color: #c1c1c1;
|
--button-text: #eee;
|
||||||
--label-color: rgba(255, 255, 255, 0.25);
|
--button-text-hover: #FFF;
|
||||||
}
|
|
||||||
|
--accent-color: 100, 100, 100;
|
||||||
|
--accent-color-hover: #ffffff73;
|
||||||
|
--queue-color: #6b5;
|
||||||
|
--link-color: #ddd;
|
||||||
|
--link-color-hover: #fff;
|
||||||
|
|
||||||
|
--text:#eee;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
|
}
|
||||||
|
|||||||
@ -16,10 +16,19 @@
|
|||||||
:root {
|
:root {
|
||||||
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||||
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||||
--request-button:#F44336;
|
|
||||||
--request-button-hover: #0b3161;
|
|
||||||
--loading-bar: #F44336 ;
|
|
||||||
--accent-color: #ff6155;
|
|
||||||
--label-color: rgba(11, 49, 97, 0.75);
|
|
||||||
|
|
||||||
|
--button-color: hsla(0,0%,100%,.15);
|
||||||
|
--button-color-hover: hsla(0,0%,100%,.30);
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #FFF;
|
||||||
|
|
||||||
|
--accent-color: 244, 67, 54;
|
||||||
|
--accent-color-hover: #0b3161;
|
||||||
|
--queue-color: #6b5;
|
||||||
|
--link-color: #ddd;
|
||||||
|
--link-color-hover: #fff;
|
||||||
|
|
||||||
|
--text:#eee;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
}
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
616
CSS/themes/ombi/ombiv3-base.css
Normal file
616
CSS/themes/ombi/ombiv3-base.css
Normal file
@ -0,0 +1,616 @@
|
|||||||
|
|
||||||
|
/* dP dP dP */
|
||||||
|
/* 88 88 88 */
|
||||||
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||||
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||||
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||||
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||||
|
/* 88 */
|
||||||
|
/* dP */
|
||||||
|
|
||||||
|
/* Made by @gilbN */
|
||||||
|
/* https://htpc.deathbybandaid.net/assets/theme.park */
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: var(--main-bg-color);
|
||||||
|
}
|
||||||
|
/* Scrollbar */
|
||||||
|
@media only screen and (min-width: 768px) {
|
||||||
|
html {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
overflow-y: auto;
|
||||||
|
height: 100%;
|
||||||
|
background: var(--main-bg-color)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 14px;
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
min-height: 50px;
|
||||||
|
border: 3px solid transparent;
|
||||||
|
border-radius: 8px;
|
||||||
|
background-color: hsla(0,0%,100%,.2);
|
||||||
|
background-clip: padding-box;
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-track {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-thumb:hover {
|
||||||
|
min-height: 50px;
|
||||||
|
border: 3px solid transparent;
|
||||||
|
border-radius: 8px;
|
||||||
|
background-color: hsla(0,0%,100%,.5);
|
||||||
|
background-clip: padding-box;
|
||||||
|
}
|
||||||
|
/* Navbar */
|
||||||
|
@media (max-width: 924px) {
|
||||||
|
.collapse.in, .navbar-nav {
|
||||||
|
background: var(--main-bg-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 924px) {
|
||||||
|
.navbar-left, .navbar-right {
|
||||||
|
float: none!important;
|
||||||
|
box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-default .navbar-brand {
|
||||||
|
color: var(--accent-color);
|
||||||
|
}
|
||||||
|
.navbar-default {
|
||||||
|
background: var(--main-bg-color);
|
||||||
|
border-color: #FFF;
|
||||||
|
}
|
||||||
|
.nav-tabs {
|
||||||
|
border-bottom: 1px solid transparent;
|
||||||
|
margin-bottom: 3px !important;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.08);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-nav>.open>a {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
.ui-tooltip .ui-tooltip-text{
|
||||||
|
background-color:var(--modal-bg-color) !important;
|
||||||
|
}
|
||||||
|
@media (max-width: 924px) {
|
||||||
|
.navbar-collapse.collapse {
|
||||||
|
box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Loading bar */
|
||||||
|
.pace .pace-progress {
|
||||||
|
background: var(--loading-bar) !important;
|
||||||
|
}
|
||||||
|
.pace .pace-progress-inner {
|
||||||
|
box-shadow: 0 0 10px var(--loading-bar), 0 0 5px var(--loading-bar) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Search bar */
|
||||||
|
.search-bar-background[_ngcontent-c1] {
|
||||||
|
border-radius: 3px;
|
||||||
|
background-color: transparent !important;
|
||||||
|
}
|
||||||
|
.search-bar-background[_ngcontent-c2] {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
@media (min-width: 979px) {
|
||||||
|
.form-control-search[_ngcontent-c2] {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.form-control-custom {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25) !important;
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
.form-control-search {
|
||||||
|
height: 49px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right-radius {
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
.input-group-addon {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25);
|
||||||
|
border-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-tabs.nav-justified {
|
||||||
|
margin-bottom: 3px;
|
||||||
|
}
|
||||||
|
@media (max-width: 978px) {
|
||||||
|
.form-control-search[_ngcontent-c1] {
|
||||||
|
width: -webkit-fill-available !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.nav-tabs.nav-justified>li>a {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 979px) {
|
||||||
|
.form-control-search[_ngcontent-c1] {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.refine-option[_ngcontent-c1] {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
#movieTabButton:hover, #tvTabButton:hover {
|
||||||
|
border: 1px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Expand season request */
|
||||||
|
.content-space[_ngcontent-c3] {
|
||||||
|
padding: 15px;
|
||||||
|
background: rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
.table-striped>tbody>tr:nth-of-type(odd) {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
.table-hover>tbody>tr:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.08);
|
||||||
|
}
|
||||||
|
table.table>thead>tr>th.active {
|
||||||
|
background-color: rgba(255, 255, 255, 0.08);
|
||||||
|
}
|
||||||
|
/*filter */
|
||||||
|
.ui-widget-content {
|
||||||
|
background: var(--main-bg-color) !important;
|
||||||
|
}
|
||||||
|
.ui-state-active {
|
||||||
|
color: #ffffff!important;
|
||||||
|
background-color: rgba(0, 0, 0, 0.25)!important;
|
||||||
|
}
|
||||||
|
.ui-state-default {
|
||||||
|
border: 2px solid rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*dropdown menu */
|
||||||
|
.dropdown-menu {
|
||||||
|
background: var(--modal-bg-color);
|
||||||
|
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
|
||||||
|
}
|
||||||
|
.dropdown-menu>li>a:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.08);
|
||||||
|
}
|
||||||
|
.navbar-nav>li>.dropdown-menu {
|
||||||
|
width: 163.5px;
|
||||||
|
}
|
||||||
|
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.45);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Settings */
|
||||||
|
hr {
|
||||||
|
border: 1px dashed #d7d7d7;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Buttons */
|
||||||
|
.btn-primary-outline{
|
||||||
|
color: var(--request-button) !important;
|
||||||
|
border-color: var(--request-button) !important;
|
||||||
|
outline: none !important;
|
||||||
|
}
|
||||||
|
.open>.btn-primary-outline.dropdown-toggle,.btn-primary-outline.active, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline:focus, .btn-primary-outline:hover{
|
||||||
|
background-color: var(--request-button-hover) !important;
|
||||||
|
border-color: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary-outline:hover {
|
||||||
|
background-color: var(--request-button-hover) !important;
|
||||||
|
border-color: transparent!important;
|
||||||
|
}
|
||||||
|
.btn-link {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.btn-link:focus, .btn-link:hover {
|
||||||
|
color: #ddd;
|
||||||
|
}
|
||||||
|
.input-group-addon .btn-group .btn {
|
||||||
|
outline: none !important;
|
||||||
|
border: 1px solid transparent !important;
|
||||||
|
margin-right: 1px;
|
||||||
|
background: none;
|
||||||
|
padding: 5px 10px;
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
|
||||||
|
background: rgba(255, 255, 255, 0.35) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
|
||||||
|
margin-left: 3px;
|
||||||
|
}
|
||||||
|
i.fa.fa-minus, i.fa.fa-plus {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.btn-success-outline {
|
||||||
|
-o-transition: all .8s;
|
||||||
|
-moz-transition: all .8s;
|
||||||
|
-webkit-transition: all .8s;
|
||||||
|
transition: all .8s;
|
||||||
|
color: #ffffff!important;
|
||||||
|
background-color: rgba(255, 255, 255, 0.35);
|
||||||
|
background-image: none;
|
||||||
|
text-transform: uppercase;
|
||||||
|
border-color: transparent !important;
|
||||||
|
width: 137.28px;
|
||||||
|
text-align: center !important;
|
||||||
|
font-size: 12px;
|
||||||
|
height: 29.45px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
.btn-success-outline.active, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline:focus, .btn-success-outline:hover, .open>.btn-success-outline.dropdown-toggle {
|
||||||
|
color: #fff!important;
|
||||||
|
background-color: rgba(92, 184, 92, .75)!important;
|
||||||
|
border-color: transparent!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary-outline {
|
||||||
|
-o-transition: all .8s;
|
||||||
|
-moz-transition: all .8s;
|
||||||
|
-webkit-transition: all .8s;
|
||||||
|
transition: all .8s;
|
||||||
|
color: #ffffff !important;
|
||||||
|
border-color: #f4433600 !important;
|
||||||
|
outline: none !important;
|
||||||
|
text-transform: uppercase;
|
||||||
|
background: rgba(255, 255, 255, 0.35);
|
||||||
|
font-size: 12px;
|
||||||
|
height: 29.45px;
|
||||||
|
min-width: 137.28px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
text-align: center !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-info-outline, .btn-danger-outline {
|
||||||
|
-o-transition: all .8s;
|
||||||
|
-moz-transition: all .8s;
|
||||||
|
-webkit-transition: all .8s;
|
||||||
|
transition: all .8s;
|
||||||
|
color: #ffffff!important;
|
||||||
|
background-color: rgba(255, 255, 255, 0.35);
|
||||||
|
background-image: none;
|
||||||
|
border-color: transparent !important;
|
||||||
|
width: 137.28px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-align: center !important;
|
||||||
|
height: 29.45px;
|
||||||
|
min-width: fit-content;
|
||||||
|
font-size: 12px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
|
||||||
|
-o-transition: all .8s;
|
||||||
|
-moz-transition: all .8s;
|
||||||
|
-webkit-transition: all .8s;
|
||||||
|
transition: all .8s;
|
||||||
|
color: #ffffff!important;
|
||||||
|
background-color: rgba(255, 255, 255, 0.35);
|
||||||
|
background-image: none;
|
||||||
|
border-color: transparent !important;
|
||||||
|
width: 137.28px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-align: center !important;
|
||||||
|
height: 29.45px;
|
||||||
|
font-size: 12px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
border-radius: .25rem!important;
|
||||||
|
}
|
||||||
|
.btn-split .btn.dropdown-toggle {
|
||||||
|
border-radius: 0 .25rem .25rem 0!important;
|
||||||
|
padding: 3.5px 10px;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.btn-split .btn.dropdown-toggle:hover, .btn-split .btn.dropdown-toggle:active, .btn-split .btn.dropdown-toggle:focus, .btn-split .btn.dropdown-toggle.active {
|
||||||
|
background: none !important;
|
||||||
|
}
|
||||||
|
.btn-warning-outline {
|
||||||
|
-o-transition: all .8s;
|
||||||
|
-moz-transition: all .8s;
|
||||||
|
-webkit-transition: all .8s;
|
||||||
|
transition: all .8s;
|
||||||
|
color: #fff!important;
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
border-color: transparent !important;
|
||||||
|
}
|
||||||
|
.btn-warning-outline.active, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline:focus, .btn-warning-outline:hover, .open>.btn-warning-outline.dropdown-toggle,.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle):hover {
|
||||||
|
color: #fff!important;
|
||||||
|
background-color: rgba(196, 134, 42, 0.75)!important;
|
||||||
|
border-color: transparent!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.btn-info-outline.active, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline:focus, .btn-info-outline:hover, .open>.btn-info-outline.dropdown-toggle {
|
||||||
|
color: #fff!important;
|
||||||
|
background-color: rgba(91, 192, 222, 0.75)!important;
|
||||||
|
border-color: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1090px) {
|
||||||
|
.btn-danger-outline, .btn-info-outline, .btn-primary-outline, .btn-success-outline, .fa-eye:before, .fa-check:before,.fa-plus:before, .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
|
||||||
|
content: "";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
|
||||||
|
margin-left: -25px;
|
||||||
|
}
|
||||||
|
/* Settings menu */
|
||||||
|
|
||||||
|
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.45) !important;
|
||||||
|
border: 1px solid #00000000 !important;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.45) !important;
|
||||||
|
border: 1px solid #00000000 !important;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.nav-tabs>li>a:hover {
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
.nav>li>a:focus, .nav>li>a:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.08);
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25);
|
||||||
|
border-color: #00000000;
|
||||||
|
}
|
||||||
|
.panel {
|
||||||
|
background-color: rgba(0, 0, 0, 0.45);
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-header {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25);
|
||||||
|
color: #ebebeb;
|
||||||
|
padding: 10px 15px;
|
||||||
|
border-bottom: 1px solid #00000000;
|
||||||
|
}
|
||||||
|
a.active {
|
||||||
|
background-color: rgba(0, 0, 0, 0.45);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-state-highlight {
|
||||||
|
background: var(--modal-bg-color);
|
||||||
|
}
|
||||||
|
legend {
|
||||||
|
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
/* Main page */
|
||||||
|
.backdrop {
|
||||||
|
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6) !important;
|
||||||
|
}
|
||||||
|
a>h4 {
|
||||||
|
color: var(--accent-color);
|
||||||
|
}
|
||||||
|
.label-info {
|
||||||
|
background-color: var(--label-color);
|
||||||
|
}
|
||||||
|
.label-success {
|
||||||
|
background-color: rgba(92, 184, 92, 0.75);
|
||||||
|
}
|
||||||
|
.fa-film:before {
|
||||||
|
content: "\F008";
|
||||||
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.input-group-addon .btn-group {
|
||||||
|
position: absolute;
|
||||||
|
right: 0px;
|
||||||
|
top: 54px;
|
||||||
|
box-shadow: 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Issues */
|
||||||
|
|
||||||
|
.side-back {
|
||||||
|
box-shadow: 0 0 10px #000000ad;
|
||||||
|
}
|
||||||
|
.form-control:focus {
|
||||||
|
border-color: transparent;
|
||||||
|
outline: 0;
|
||||||
|
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px #000;
|
||||||
|
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* OMBI V4*/
|
||||||
|
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: var(--main-bg-color);
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: var(--accent-color);
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: var(--accent-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-drawer-container, .dark .mat-drawer-container {
|
||||||
|
background: var(--main-bg-color);
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* HEADER */
|
||||||
|
|
||||||
|
.mat-toolbar.mat-primary, .dark .mat-toolbar.mat-primary {
|
||||||
|
background: rgba(0, 0, 0, .25);
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
.dark .mat-toolbar, .mat-toolbar,.mat-list-base .mat-list-item, .mat-list-base .mat-list-option {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* SEARCH */
|
||||||
|
.dark .mat-autocomplete-panel, .mat-autocomplete-panel {
|
||||||
|
background: var(--modal-bg-color);
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* SIDEBAR */
|
||||||
|
.dark .mat-drawer, .dark .mat-drawer.mat-drawer-push, .mat-drawer, .mat-drawer.mat-drawer-push {
|
||||||
|
background-color: rgba(0, 0, 0, .25);
|
||||||
|
color: var(--text)
|
||||||
|
}
|
||||||
|
.dark .mat-drawer-side {
|
||||||
|
border-right: 1px solid transparent;
|
||||||
|
}
|
||||||
|
.dark .active-list-item, .active-list-item, .active-list-item {
|
||||||
|
background: var(--accent-color) !important;
|
||||||
|
background-color: var(--accent-color) !important;
|
||||||
|
color: var(--text)!important;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* CARDS */
|
||||||
|
.mat-card, .dark .mat-card {
|
||||||
|
background: rgb(0 0 0 / 25%);
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
.grow:hover {
|
||||||
|
transform: scale(1.1);
|
||||||
|
color: var(--text-hover)
|
||||||
|
}
|
||||||
|
.notrequested {
|
||||||
|
border-bottom: 3px solid var(--accent-color) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* BUTTONS */
|
||||||
|
.mat-fab.mat-accent, .mat-flat-button.mat-accent, .mat-mini-fab.mat-accent, .mat-raised-button.mat-accent,
|
||||||
|
.dark .mat-fab.mat-accent, .dark .mat-flat-button.mat-accent, .dark .mat-mini-fab.mat-accent, .dark .mat-raised-button.mat-accent {
|
||||||
|
background-color: var(--button-color);
|
||||||
|
color: var(--text)
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark .mat-fab.mat-primary, .dark .mat-flat-button.mat-primary, .dark .mat-mini-fab.mat-primary, .dark .mat-raised-button.mat-primary,
|
||||||
|
.mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary {
|
||||||
|
background: rgba(255, 255, 255, .1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
|
||||||
|
z-index: 1;
|
||||||
|
background: var(--button-color-hover) !important;
|
||||||
|
}
|
||||||
|
.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {
|
||||||
|
margin-left: 0px;
|
||||||
|
}
|
||||||
|
.mat-raised-button:not([class*=mat-elevation-z]), .dark .mat-raised-button:not([class*=mat-elevation-z]) {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
button:focus {
|
||||||
|
outline: 1px dotted;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
/* MODAL */
|
||||||
|
.dark .mat-dialog-container,.mat-dialog-container {
|
||||||
|
background: var(--modal-bg-color);
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dark .details, .details {
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* SETTINGS */
|
||||||
|
/* Table */
|
||||||
|
.mat-table, .dark .mat-table {
|
||||||
|
background: #0000002e;
|
||||||
|
color: var(--text)
|
||||||
|
}
|
||||||
|
.mat-cell, .mat-footer-cell,.dark .mat-cell, .dark .mat-footer-cell {
|
||||||
|
color: var(--text)
|
||||||
|
}
|
||||||
|
/* Drop down menu*/
|
||||||
|
.dark .mat-menu-panel,.mat-menu-panel {
|
||||||
|
background: var(--modal-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVEI TV PAGE*/
|
||||||
|
|
||||||
|
.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent, .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
|
||||||
|
background-color: var(--accent-color);
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
.mat-expansion-panel, .dark .mat-expansion-panel {
|
||||||
|
background: rgb(0 0 0 / 25%);
|
||||||
|
color: var(--text) !important;
|
||||||
|
}
|
||||||
|
.mat-expansion-panel-header-title {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
#info-wrapper .sidebar .poster {
|
||||||
|
border: 3px solid rgb(255 255 255 / 10%);
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.ui-carousel-next, body .ui-carousel .ui-carousel-content .ui-carousel-prev {
|
||||||
|
background-color: var(--accent-color);
|
||||||
|
border: 1px solid var(--accent-color);
|
||||||
|
border-radius: 50%;
|
||||||
|
margin: .2em;
|
||||||
|
color: #fff;
|
||||||
|
transition: color .2s;
|
||||||
|
}
|
||||||
|
body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item.ui-state-highlight .ui-carousel-dot-icon {
|
||||||
|
background-color: var(--accent-color);
|
||||||
|
}
|
||||||
|
#summary-wrapper .grey-text {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
#info-wrapper .media-icons {
|
||||||
|
color: var(--text)!important;
|
||||||
|
}
|
||||||
|
#info-wrapper .media-icons:hover {
|
||||||
|
color: var(--text-hover)!important;
|
||||||
|
}
|
||||||
|
#info-wrapper .grow-social:hover {
|
||||||
|
color: var(--text-hover)!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#info-wrapper .dark .mat-fab, .dark .mat-flat-button, .dark .mat-mini-fab, .dark .mat-raised-button,#info-wrapper .mat-fab, .mat-flat-button, .mat-mini-fab, .mat-raised-button {
|
||||||
|
color: #fff;
|
||||||
|
background-color: var(--button-color);
|
||||||
|
}
|
||||||
|
#info-wrapper .dark .mat-mini-fab:hover, #info-wrapper .mat-raised-button:hover {
|
||||||
|
color: #fff;
|
||||||
|
background-color: var(--button-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
@ -16,9 +16,19 @@
|
|||||||
:root {
|
:root {
|
||||||
--main-bg-color: #1f1f1f;
|
--main-bg-color: #1f1f1f;
|
||||||
--modal-bg-color: #1b1b1b;
|
--modal-bg-color: #1b1b1b;
|
||||||
--request-button: #2cabe3;
|
|
||||||
--request-button-hover: rgb(44 171 227 / .8);
|
--button-color: #2cabe3;
|
||||||
--loading-bar: #2cabe3;
|
--button-color-hover: rgb(44 171 227 / .8);
|
||||||
--accent-color: #2cabe3;
|
--button-text: #eee;
|
||||||
--label-color: #2cabe3;
|
--button-text-hover: #fff;
|
||||||
|
|
||||||
|
--accent-color: 44, 171, 227;
|
||||||
|
--accent-color-hover: white;
|
||||||
|
--queue-color: #2cabe3;
|
||||||
|
--link-color: #2cabe3;
|
||||||
|
--link-color-hover: #fff;
|
||||||
|
|
||||||
|
--text:#96a2b4;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -16,10 +16,19 @@
|
|||||||
:root {
|
:root {
|
||||||
--main-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-light2.png") center center/cover no-repeat fixed;
|
--main-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-light2.png") center center/cover no-repeat fixed;
|
||||||
--modal-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-dark2.png") center center/cover no-repeat fixed;
|
--modal-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-dark2.png") center center/cover no-repeat fixed;
|
||||||
--request-button:#cc7b19;
|
|
||||||
--request-button-hover: #e59029;
|
|
||||||
--loading-bar: #cc7b19 ;
|
|
||||||
--accent-color: #f9be03;
|
|
||||||
--label-color: #cc7b19;
|
|
||||||
|
|
||||||
|
--button-color: #cc7b19;
|
||||||
|
--button-color-hover: #e59029;
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #fff;
|
||||||
|
|
||||||
|
--accent-color: 229, 160, 13;
|
||||||
|
--accent-color-hover: #ffc107;
|
||||||
|
--queue-color: #27c24c;
|
||||||
|
--link-color: #e5a00d;
|
||||||
|
--link-color-hover: #fff;
|
||||||
|
|
||||||
|
--text:#eee;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
}
|
}
|
||||||
@ -16,9 +16,19 @@
|
|||||||
:root {
|
:root {
|
||||||
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||||
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||||
--request-button:#81a6b7;
|
|
||||||
--request-button-hover: #607D8B;
|
--button-color: #607D8B;
|
||||||
--loading-bar: #81a6b7;
|
--button-color-hover: #81a6b7;
|
||||||
--accent-color: #c3dde8;
|
--button-text: #eee;
|
||||||
--label-color: #607d8b;
|
--button-text-hover: #fff;
|
||||||
|
|
||||||
|
--accent-color: 129, 166, 183;
|
||||||
|
--accent-color-hover: #607D8B;
|
||||||
|
--queue-color: #81a6b7;
|
||||||
|
--link-color: #81a6b7;
|
||||||
|
--link-color-hover: #fff;
|
||||||
|
|
||||||
|
--text:#eee;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -39,7 +39,8 @@ a,
|
|||||||
color: var(--link-color)
|
color: var(--link-color)
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover,
|
||||||
|
.artwork-file-container:hover a {
|
||||||
color: var(--link-color-hover);
|
color: var(--link-color-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -109,7 +110,9 @@ a:hover {
|
|||||||
[class*="PageHeaderTabDropdown-isSelected-"],
|
[class*="PageHeaderTabDropdown-isSelected-"],
|
||||||
[class*="MultiSelectPageHeader-selectedTitle-"],
|
[class*="MultiSelectPageHeader-selectedTitle-"],
|
||||||
[class*="PageHeaderMultiselectActions-container-"],
|
[class*="PageHeaderMultiselectActions-container-"],
|
||||||
[class*="PageHeaderMultiselectActions-count-"] {
|
[class*="PageHeaderMultiselectActions-count-"],
|
||||||
|
[class*="PivotTab-selectedButton-"],
|
||||||
|
[class*="PivotTabDropdown-isSelected-"] {
|
||||||
color: rgb(var(--accent-color));
|
color: rgb(var(--accent-color));
|
||||||
border-color: rgb(var(--accent-color));
|
border-color: rgb(var(--accent-color));
|
||||||
}
|
}
|
||||||
@ -144,6 +147,10 @@ a:hover {
|
|||||||
transform: scale(1.4);
|
transform: scale(1.4);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[class*="SelectButton-selectButton-"].isActive [class*="SelectButton-selectCircle-"] {
|
||||||
|
background: rgb(var(--accent-color-hover));
|
||||||
|
}
|
||||||
|
|
||||||
[class*="PlayButton-playButton-"]:hover [class*="PlayButton-playCircle-"],
|
[class*="PlayButton-playButton-"]:hover [class*="PlayButton-playCircle-"],
|
||||||
[class*="PlayPauseOverlay-playCircle-"] {
|
[class*="PlayPauseOverlay-playCircle-"] {
|
||||||
border-color: rgb(var(--accent-color));
|
border-color: rgb(var(--accent-color));
|
||||||
@ -379,18 +386,21 @@ fieldset[disabled] .btn-primary:hover {
|
|||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="Button-primary-"] {
|
[class*="Button-primary-"],
|
||||||
|
.selectize-control.multi .selectize-input>div {
|
||||||
background-color: var(--button-color);
|
background-color: var(--button-color);
|
||||||
color: var(--button-text);
|
color: var(--button-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="Button-primary-"]:hover {
|
[class*="Button-primary-"]:hover,
|
||||||
|
.selectize-control.multi .selectize-input>div.active {
|
||||||
background-color: var(--button-color-hover);
|
background-color: var(--button-color-hover);
|
||||||
color: var(--button-text-hover);
|
color: var(--button-text-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* DROPDOWN MENU */
|
/* DROPDOWN MENU */
|
||||||
[class*="Menu-menu-"] {
|
[class*="Menu-menu-"],
|
||||||
|
.selectize-dropdown, .selectize-dropdown.form-control {
|
||||||
background: var(--modal-bg-color);
|
background: var(--modal-bg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -399,6 +409,27 @@ fieldset[disabled] .btn-primary:hover {
|
|||||||
color: rgb(var(--accent-color));
|
color: rgb(var(--accent-color));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[class*="Tooltip-tooltip-"] {
|
||||||
|
background-color: var(--button-color);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class*="Tooltip-tooltipBottomArrow-"]:after {
|
||||||
|
border-top-color: var(--button-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
[class*="Tooltip-tooltipTopArrow-"]:after {
|
||||||
|
border-bottom-color: var(--button-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
[class*="Tooltip-tooltipRightArrow-"]:after {
|
||||||
|
border-left-color: var(--button-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
[class*="Tooltip-tooltipLeftArrow-"]:after {
|
||||||
|
border-right-color: var(--button-color);
|
||||||
|
}
|
||||||
|
|
||||||
/* SETTINGS */
|
/* SETTINGS */
|
||||||
[class*="SettingsFormSection-sectionWrapper-"],
|
[class*="SettingsFormSection-sectionWrapper-"],
|
||||||
[class*="ServerDashboardPageSection-section-"],
|
[class*="ServerDashboardPageSection-section-"],
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #009688;
|
--queue-color: #009688;
|
||||||
--link-color: #0ed2bf;
|
--link-color: #0ed2bf;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #6b5;
|
--queue-color: #6b5;
|
||||||
--link-color: #ddd;
|
--link-color: #ddd;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
42
CSS/themes/prowlarr/dracula.css
Normal file
42
CSS/themes/prowlarr/dracula.css
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
|
||||||
|
/* dP dP dP */
|
||||||
|
/* 88 88 88 */
|
||||||
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||||
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||||
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||||
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||||
|
/* 88 */
|
||||||
|
/* dP */
|
||||||
|
|
||||||
|
/* Made by @gilbN */
|
||||||
|
/* https://htpc.deathbybandaid.net/assets/theme.park */
|
||||||
|
|
||||||
|
/* PROWLARR DRACULA THEME */
|
||||||
|
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/prowlarr/prowlarr-base.css);
|
||||||
|
:root {
|
||||||
|
--main-bg-color: #282a36;
|
||||||
|
--modal-bg-color: #282a36;
|
||||||
|
|
||||||
|
--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-available: 39 194 76;
|
||||||
|
|
||||||
|
--button-color: #bd93f9;
|
||||||
|
--button-color-hover: #ff79c6;
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #FFF;
|
||||||
|
|
||||||
|
--accent-color: #50fa7b;
|
||||||
|
--accent-color-hover: #50fa7b;
|
||||||
|
--queue-color: #50fa7b;
|
||||||
|
--link-color: #ff79c6;
|
||||||
|
--link-color-hover: #8be9fd;
|
||||||
|
--label-text-color: #282a36;
|
||||||
|
|
||||||
|
--text:#6272a4;
|
||||||
|
--text-hover: #95adfa;
|
||||||
|
--text-muted: #999;
|
||||||
|
}
|
||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #6b5;
|
--queue-color: #6b5;
|
||||||
--link-color: #ddd;
|
--link-color: #ddd;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #2cabe3;
|
--queue-color: #2cabe3;
|
||||||
--link-color: #2cabe3;
|
--link-color: #2cabe3;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#96a2b4;
|
--text:#96a2b4;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #27c24c;
|
--queue-color: #27c24c;
|
||||||
--link-color: #e5a00d;
|
--link-color: #e5a00d;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -286,8 +286,8 @@ a:hover {
|
|||||||
color: var(--text-hover) !important;
|
color: var(--text-hover) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="Icon-default-"]:hover {
|
[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) {
|
||||||
color: #fff;
|
color: var(--text-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="MonitorToggleButton-toggleButton-"] {
|
[class*="MonitorToggleButton-toggleButton-"] {
|
||||||
@ -364,19 +364,19 @@ a:hover {
|
|||||||
[class*="Label-default-"] {
|
[class*="Label-default-"] {
|
||||||
border-color: var(--accent-color);
|
border-color: var(--accent-color);
|
||||||
background-color: var(--accent-color);
|
background-color: var(--accent-color);
|
||||||
color: #fff;
|
color: var(--label-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="Label-info-"] {
|
[class*="Label-info-"] {
|
||||||
border-color: var(--accent-color);
|
border-color: var(--accent-color);
|
||||||
background-color: var(--accent-color);
|
background-color: var(--accent-color);
|
||||||
color: #fff;
|
color: var(--label-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="PageSidebarItem-status-"][class*="Label-info-"] {
|
[class*="PageSidebarItem-status-"][class*="Label-info-"] {
|
||||||
border-color: var(--queue-color);
|
border-color: var(--queue-color);
|
||||||
background-color: var(--queue-color);
|
background-color: var(--queue-color);
|
||||||
color: #fff;
|
color: var(--label-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="MovieDetails-selectedTab-"] {
|
[class*="MovieDetails-selectedTab-"] {
|
||||||
@ -407,6 +407,10 @@ a:hover {
|
|||||||
color: var(--text-hover);
|
color: var(--text-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[class*="TableRowCell-cell-"] {
|
||||||
|
border-top: 1px solid rgb(255 255 255 / 25%);
|
||||||
|
}
|
||||||
|
|
||||||
/* TOP MENU SERIES */
|
/* TOP MENU SERIES */
|
||||||
[class*="PageToolbar-toolbar-"] {
|
[class*="PageToolbar-toolbar-"] {
|
||||||
background-color: rgba(0, 0, 0, .25);
|
background-color: rgba(0, 0, 0, .25);
|
||||||
@ -514,7 +518,7 @@ a:hover {
|
|||||||
[class*="CheckInput-isIndeterminate-"] {
|
[class*="CheckInput-isIndeterminate-"] {
|
||||||
border: none;
|
border: none;
|
||||||
background-color: rgba(255, 255, 255, 0.08);
|
background-color: rgba(255, 255, 255, 0.08);
|
||||||
color: #FFF
|
color: var(--label-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="IndexerSearchInput-container-"] [class*="Input-input-"] {
|
[class*="IndexerSearchInput-container-"] [class*="Input-input-"] {
|
||||||
@ -826,7 +830,8 @@ a:hover {
|
|||||||
[class*="QualityProfiles-center-"],
|
[class*="QualityProfiles-center-"],
|
||||||
[class*="LanguageProfiles-center-"],
|
[class*="LanguageProfiles-center-"],
|
||||||
[class*="ReleaseProfiles-center-"],
|
[class*="ReleaseProfiles-center-"],
|
||||||
[class*="Applications-center-"] {
|
[class*="Applications-center-"],
|
||||||
|
[class*="AppProfiles-center-"] {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #81a6b7;
|
--queue-color: #81a6b7;
|
||||||
--link-color: #81a6b7;
|
--link-color: #81a6b7;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #009688;
|
--queue-color: #009688;
|
||||||
--link-color: #0ed2bf;
|
--link-color: #0ed2bf;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #6b5;
|
--queue-color: #6b5;
|
||||||
--link-color: #ddd;
|
--link-color: #ddd;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
41
CSS/themes/radarr/dracula.css
Normal file
41
CSS/themes/radarr/dracula.css
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
/* dP dP dP */
|
||||||
|
/* 88 88 88 */
|
||||||
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||||
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||||
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||||
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||||
|
/* 88 */
|
||||||
|
/* dP */
|
||||||
|
|
||||||
|
/* Made by @gilbN */
|
||||||
|
/* https://htpc.deathbybandaid.net/assets/theme.park */
|
||||||
|
|
||||||
|
/* RADARR DRACULA THEME */
|
||||||
|
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/radarr/radarr-base.css);
|
||||||
|
:root {
|
||||||
|
--main-bg-color: #282a36;
|
||||||
|
--modal-bg-color: #282a36;
|
||||||
|
|
||||||
|
--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-available: 39 194 76;
|
||||||
|
|
||||||
|
--button-color: #bd93f9;
|
||||||
|
--button-color-hover: #ff79c6;
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #FFF;
|
||||||
|
|
||||||
|
--accent-color: #50fa7b;
|
||||||
|
--accent-color-hover: #50fa7b;
|
||||||
|
--queue-color: #50fa7b;
|
||||||
|
--link-color: #ff79c6;
|
||||||
|
--link-color-hover: #8be9fd;
|
||||||
|
--label-text-color: #282a36;
|
||||||
|
|
||||||
|
--text:#6272a4;
|
||||||
|
--text-hover: #95adfa;
|
||||||
|
--text-muted: #999;
|
||||||
|
}
|
||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #6b5;
|
--queue-color: #6b5;
|
||||||
--link-color: #ddd;
|
--link-color: #ddd;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #2cabe3;
|
--queue-color: #2cabe3;
|
||||||
--link-color: #2cabe3;
|
--link-color: #2cabe3;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#96a2b4;
|
--text:#96a2b4;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #27c24c;
|
--queue-color: #27c24c;
|
||||||
--link-color: #e5a00d;
|
--link-color: #e5a00d;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -290,8 +290,8 @@ a:hover {
|
|||||||
color: var(--text-hover) !important;
|
color: var(--text-hover) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="Icon-default-"]:hover {
|
[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) {
|
||||||
color: #fff;
|
color: var(--text-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="MonitorToggleButton-toggleButton-"] {
|
[class*="MonitorToggleButton-toggleButton-"] {
|
||||||
@ -357,7 +357,7 @@ a:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
[class*="Label-default-"] [class*="IconButton-button-"] {
|
[class*="Label-default-"] [class*="IconButton-button-"] {
|
||||||
color: #eee;
|
color: var(--label-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="IconButton-button-"]:hover {
|
[class*="IconButton-button-"]:hover {
|
||||||
@ -368,19 +368,19 @@ a:hover {
|
|||||||
[class*="Label-default-"] {
|
[class*="Label-default-"] {
|
||||||
border-color: var(--accent-color);
|
border-color: var(--accent-color);
|
||||||
background-color: var(--accent-color);
|
background-color: var(--accent-color);
|
||||||
color: #fff;
|
color: var(--label-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="Label-info-"] {
|
[class*="Label-info-"] {
|
||||||
border-color: var(--accent-color);
|
border-color: var(--accent-color);
|
||||||
background-color: var(--accent-color);
|
background-color: var(--accent-color);
|
||||||
color: #fff;
|
color: var(--label-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="PageSidebarItem-status-"][class*="Label-info-"] {
|
[class*="PageSidebarItem-status-"][class*="Label-info-"] {
|
||||||
border-color: var(--queue-color);
|
border-color: var(--queue-color);
|
||||||
background-color: var(--queue-color);
|
background-color: var(--queue-color);
|
||||||
color: #fff;
|
color: var(--label-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="MovieDetails-selectedTab-"] {
|
[class*="MovieDetails-selectedTab-"] {
|
||||||
@ -411,6 +411,10 @@ a:hover {
|
|||||||
color: var(--text-hover);
|
color: var(--text-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[class*="TableRowCell-cell-"] {
|
||||||
|
border-top: 1px solid rgb(255 255 255 / 25%);
|
||||||
|
}
|
||||||
|
|
||||||
/* TOP MENU SERIES */
|
/* TOP MENU SERIES */
|
||||||
[class*="PageToolbar-toolbar-"] {
|
[class*="PageToolbar-toolbar-"] {
|
||||||
background-color: rgba(0, 0, 0, .25);
|
background-color: rgba(0, 0, 0, .25);
|
||||||
@ -518,7 +522,7 @@ a:hover {
|
|||||||
[class*="CheckInput-isIndeterminate-"] {
|
[class*="CheckInput-isIndeterminate-"] {
|
||||||
border: none;
|
border: none;
|
||||||
background-color: rgba(255, 255, 255, 0.08);
|
background-color: rgba(255, 255, 255, 0.08);
|
||||||
color: #FFF
|
color: var(--label-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="MovieSearchInput-container-"] [class*="Input-input-"] {
|
[class*="MovieSearchInput-container-"] [class*="Input-input-"] {
|
||||||
@ -636,6 +640,12 @@ a:hover {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[class*="DiscoverMoviePoster-title-"],
|
||||||
|
[class*="DiscoverMoviePosterInfo-info-"] {
|
||||||
|
background-color: rgba(255, 255, 255, 0.08);
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
/*Title*/
|
/*Title*/
|
||||||
[class*="AddListMovieOverview-link-"] {
|
[class*="AddListMovieOverview-link-"] {
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #81a6b7;
|
--queue-color: #81a6b7;
|
||||||
--link-color: #81a6b7;
|
--link-color: #81a6b7;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #009688;
|
--queue-color: #009688;
|
||||||
--link-color: #0ed2bf;
|
--link-color: #0ed2bf;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #6b5;
|
--queue-color: #6b5;
|
||||||
--link-color: #ddd;
|
--link-color: #ddd;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
42
CSS/themes/readarr/dracula.css
Normal file
42
CSS/themes/readarr/dracula.css
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
|
||||||
|
/* dP dP dP */
|
||||||
|
/* 88 88 88 */
|
||||||
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||||
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||||
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||||
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||||
|
/* 88 */
|
||||||
|
/* dP */
|
||||||
|
|
||||||
|
/* Made by @gilbN */
|
||||||
|
/* https://htpc.deathbybandaid.net/assets/theme.park */
|
||||||
|
|
||||||
|
/* READARR AQUAMARINE THEME */
|
||||||
|
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/readarr/readarr-base.css);
|
||||||
|
:root {
|
||||||
|
--main-bg-color: #282a36;
|
||||||
|
--modal-bg-color: #282a36;
|
||||||
|
|
||||||
|
--calendar-downloading: 122 67 182;
|
||||||
|
--calendar-downloaded: 39 194 76;
|
||||||
|
--calendar-unreleased: 93 156 236;
|
||||||
|
--calendar-partial: 255, 165, 0;
|
||||||
|
--calendar-unmonitored: 173 173 173;
|
||||||
|
--calendar-missing: 240 80 80;
|
||||||
|
|
||||||
|
--button-color: #bd93f9;
|
||||||
|
--button-color-hover: #ff79c6;
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #FFF;
|
||||||
|
|
||||||
|
--accent-color: #50fa7b;
|
||||||
|
--accent-color-hover: #50fa7b;
|
||||||
|
--queue-color: #50fa7b;
|
||||||
|
--link-color: #ff79c6;
|
||||||
|
--link-color-hover: #8be9fd;
|
||||||
|
--label-text-color: #282a36;
|
||||||
|
|
||||||
|
--text:#6272a4;
|
||||||
|
--text-hover: #95adfa;
|
||||||
|
--text-muted: #999;
|
||||||
|
}
|
||||||
@ -35,6 +35,7 @@
|
|||||||
--queue-color: #6b5;
|
--queue-color: #6b5;
|
||||||
--link-color: #ddd;
|
--link-color: #ddd;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #2cabe3;
|
--queue-color: #2cabe3;
|
||||||
--link-color: #2cabe3;
|
--link-color: #2cabe3;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#96a2b4;
|
--text:#96a2b4;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #27c24c;
|
--queue-color: #27c24c;
|
||||||
--link-color: #e5a00d;
|
--link-color: #e5a00d;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -322,11 +322,11 @@ a:hover {
|
|||||||
[class*="Label-default-"] {
|
[class*="Label-default-"] {
|
||||||
border-color: var(--accent-color);
|
border-color: var(--accent-color);
|
||||||
background-color: var(--accent-color);
|
background-color: var(--accent-color);
|
||||||
color: #fff;
|
color: var(--label-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="Icon-default-"]:hover {
|
[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) {
|
||||||
color: #fff;
|
color: var(--text-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="MonitorToggleButton-toggleButton-"] {
|
[class*="MonitorToggleButton-toggleButton-"] {
|
||||||
@ -442,6 +442,10 @@ a:hover {
|
|||||||
color: var(--text-hover);
|
color: var(--text-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[class*="TableRowCell-cell-"] {
|
||||||
|
border-top: 1px solid rgb(255 255 255 / 25%);
|
||||||
|
}
|
||||||
|
|
||||||
/* TOP MENU SERIES */
|
/* TOP MENU SERIES */
|
||||||
[class*="PageToolbar-toolbar-"] {
|
[class*="PageToolbar-toolbar-"] {
|
||||||
background-color: rgba(0, 0, 0, .25);
|
background-color: rgba(0, 0, 0, .25);
|
||||||
@ -511,19 +515,19 @@ a:hover {
|
|||||||
|
|
||||||
/* SEARCH BAR */
|
/* SEARCH BAR */
|
||||||
[class*="Input-input-"],
|
[class*="Input-input-"],
|
||||||
[class*="AddNewArtist-searchIconContainer-"],
|
[class*="AddNewItem-searchIconContainer-"],
|
||||||
[class*="CheckInput-isIndeterminate-"] {
|
[class*="CheckInput-isIndeterminate-"] {
|
||||||
border: none;
|
border: none;
|
||||||
background-color: rgba(255, 255, 255, 0.08);
|
background-color: rgba(255, 255, 255, 0.08);
|
||||||
color: #FFF
|
color: var(--label-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="ArtistSearchInput-container-"] [class*="Input-input-"] {
|
[class*="AuthorSearchInput-input-"][class*="Input-input-"] {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border-bottom: solid 1px #fff;
|
border-bottom: solid 1px #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="ArtistSearchInput-container-"] [class*="Input-input-"]:focus {
|
[class*="AuthorSearchInput-input-"][class*="Input-input-"]:focus {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
@ -1003,6 +1007,14 @@ input[type=password] {
|
|||||||
background-color: rgba(0, 0, 0, .25);
|
background-color: rgba(0, 0, 0, .25);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[class*="AuthorDetailsSeason-books-"] {
|
||||||
|
border-top: 1px solid rgb(255 255 255 / 50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
[class*="AuthorDetails-tabList-"] {
|
||||||
|
border-bottom: 1px solid rgb(255 255 255 / 50%);
|
||||||
|
}
|
||||||
|
|
||||||
[class*="BookDetails-selectedTab-"] {
|
[class*="BookDetails-selectedTab-"] {
|
||||||
border-bottom: 4px solid var(--accent-color);
|
border-bottom: 4px solid var(--accent-color);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #81a6b7;
|
--queue-color: #81a6b7;
|
||||||
--link-color: #81a6b7;
|
--link-color: #81a6b7;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #009688;
|
--queue-color: #009688;
|
||||||
--link-color: #0ed2bf;
|
--link-color: #0ed2bf;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -35,6 +35,7 @@
|
|||||||
--queue-color: #6b5;
|
--queue-color: #6b5;
|
||||||
--link-color: #ddd;
|
--link-color: #ddd;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
42
CSS/themes/sonarr/dracula.css
Normal file
42
CSS/themes/sonarr/dracula.css
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
/* dP dP dP */
|
||||||
|
/* 88 88 88 */
|
||||||
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||||
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||||
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||||
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||||
|
/* 88 */
|
||||||
|
/* dP */
|
||||||
|
|
||||||
|
/* Made by @gilbN */
|
||||||
|
/* https://htpc.deathbybandaid.net/assets/theme.park */
|
||||||
|
|
||||||
|
/* SONARR DRACULA THEME */
|
||||||
|
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/sonarr/sonarr-base.css);
|
||||||
|
:root {
|
||||||
|
--main-bg-color: #282a36;
|
||||||
|
--modal-bg-color: #282a36;
|
||||||
|
|
||||||
|
--calendar-tv-unaired-premiere: 53 197 244;
|
||||||
|
--calendar-tv-downloading: 122 67 182;
|
||||||
|
--calendar-tv-unmonitored: 173 173 173;
|
||||||
|
--calendar-tv-unaired: 93 156 236;
|
||||||
|
--calendar-tv-missing: 240 80 80;
|
||||||
|
--calendar-tv-on-air: 255 165 0;
|
||||||
|
--calendar-tv-available: 39 194 76;
|
||||||
|
|
||||||
|
--button-color: #bd93f9;
|
||||||
|
--button-color-hover: #ff79c6;
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #FFF;
|
||||||
|
|
||||||
|
--accent-color: #50fa7b;
|
||||||
|
--accent-color-hover: #50fa7b;
|
||||||
|
--queue-color: #50fa7b;
|
||||||
|
--link-color: #ff79c6;
|
||||||
|
--link-color-hover: #8be9fd;
|
||||||
|
--label-text-color: #282a36;
|
||||||
|
|
||||||
|
--text:#6272a4;
|
||||||
|
--text-hover: #95adfa;
|
||||||
|
--text-muted: #999;
|
||||||
|
}
|
||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #6b5;
|
--queue-color: #6b5;
|
||||||
--link-color: #ddd;
|
--link-color: #ddd;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #2cabe3;
|
--queue-color: #2cabe3;
|
||||||
--link-color: #2cabe3;
|
--link-color: #2cabe3;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#96a2b4;
|
--text:#96a2b4;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -11,7 +11,7 @@
|
|||||||
/* https://htpc.deathbybandaid.net/assets/theme.park */
|
/* https://htpc.deathbybandaid.net/assets/theme.park */
|
||||||
|
|
||||||
/* SONARR PLEX THEME */
|
/* SONARR PLEX THEME */
|
||||||
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/sonarr/sonarr-base.css);
|
@import url(https://gflix.app/theme.park/CSS/themes/sonarr/sonarr-base.css);
|
||||||
:root {
|
:root {
|
||||||
--main-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-light2.png") center center/cover no-repeat fixed;
|
--main-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-light2.png") center center/cover no-repeat fixed;
|
||||||
--modal-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-dark2.png") center center/cover no-repeat fixed;
|
--modal-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-dark2.png") center center/cover no-repeat fixed;
|
||||||
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #27c24c;
|
--queue-color: #27c24c;
|
||||||
--link-color: #e5a00d;
|
--link-color: #e5a00d;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -34,6 +34,7 @@
|
|||||||
--queue-color: #81a6b7;
|
--queue-color: #81a6b7;
|
||||||
--link-color: #81a6b7;
|
--link-color: #81a6b7;
|
||||||
--link-color-hover: #fff;
|
--link-color-hover: #fff;
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
--text:#eee;
|
--text:#eee;
|
||||||
--text-hover: #fff;
|
--text-hover: #fff;
|
||||||
|
|||||||
@ -107,14 +107,20 @@ p,
|
|||||||
/* TOP NAVBAR */
|
/* TOP NAVBAR */
|
||||||
.theme--light.v-app-bar.v-toolbar.v-sheet,
|
.theme--light.v-app-bar.v-toolbar.v-sheet,
|
||||||
.theme--dark.v-app-bar.v-toolbar.v-sheet {
|
.theme--dark.v-app-bar.v-toolbar.v-sheet {
|
||||||
background-color: rgba(0, 0, 0, .25) !important;
|
|
||||||
color: var(--text) !important;
|
color: var(--text) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.v-app-bar.v-app-bar--hide-shadow {
|
||||||
|
background-color: rgba(0, 0, 0, .25) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v-app-bar.v-app-bar--is-scrolled{
|
||||||
|
background: var(--main-bg-color) !important;
|
||||||
|
}
|
||||||
|
|
||||||
.v-navigation-drawer__content .theme--dark.v-card,
|
.v-navigation-drawer__content .theme--dark.v-card,
|
||||||
.v-navigation-drawer__content .theme--light.v-card {
|
.v-navigation-drawer__content .theme--light.v-card {
|
||||||
background: rgba(0, 0, 0, 0) !important;
|
background: rgba(0, 0, 0, 0) !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* SIDE MENU */
|
/* SIDE MENU */
|
||||||
@ -302,7 +308,11 @@ p,
|
|||||||
.v-menu__content .theme--dark.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled),
|
.v-menu__content .theme--dark.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled),
|
||||||
.v-menu__content .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
|
.v-menu__content .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
|
||||||
color: var(--text) !important;
|
color: var(--text) !important;
|
||||||
background: var(--modal-bg-color) !important;
|
}
|
||||||
|
|
||||||
|
.v-menu__content .theme--dark.theme--dark.v-list,
|
||||||
|
.v-menu__content .theme--light.theme--light.v-list {
|
||||||
|
background: var(--modal-bg-color) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme--dark.v-icon,
|
.theme--dark.v-icon,
|
||||||
@ -312,7 +322,7 @@ p,
|
|||||||
|
|
||||||
.theme--light.v-divider,
|
.theme--light.v-divider,
|
||||||
.theme--dark.v-divider {
|
.theme--dark.v-divider {
|
||||||
border-color: rgba(255, 255, 255, .65) !important;
|
border-color: rgba(255, 255, 255,.2) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* TABLE */
|
/* TABLE */
|
||||||
|
|||||||
33
CSS/themes/xbackbone/aquamarine.css
Normal file
33
CSS/themes/xbackbone/aquamarine.css
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
/* dP dP dP */
|
||||||
|
/* 88 88 88 */
|
||||||
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||||
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||||
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||||
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||||
|
/* 88 */
|
||||||
|
/* dP */
|
||||||
|
|
||||||
|
/* Made by @gilbN */
|
||||||
|
/* https://htpc.deathbybandaid.net/assets/theme.park */
|
||||||
|
|
||||||
|
/* XBACKBONE AQUAMARINE THEME */
|
||||||
|
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/xbackbone/xbackbone-base.css);
|
||||||
|
:root {
|
||||||
|
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--button-color: #009688;
|
||||||
|
--button-color-hover: #12afa0;
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #FFF;
|
||||||
|
|
||||||
|
--accent-color: 0, 150, 136;
|
||||||
|
--accent-color-hover: #12afa0;
|
||||||
|
--queue-color: #009688;
|
||||||
|
--link-color: #0ed2bf;
|
||||||
|
--link-color-hover: #fff;
|
||||||
|
|
||||||
|
--text:#eee;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
|
}
|
||||||
33
CSS/themes/xbackbone/dark.css
Normal file
33
CSS/themes/xbackbone/dark.css
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
/* dP dP dP */
|
||||||
|
/* 88 88 88 */
|
||||||
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||||
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||||
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||||
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||||
|
/* 88 */
|
||||||
|
/* dP */
|
||||||
|
|
||||||
|
/* Made by @gilbN */
|
||||||
|
/* https://htpc.deathbybandaid.net/assets/theme.park */
|
||||||
|
|
||||||
|
/* XBACKBONE DARK THEME */
|
||||||
|
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/xbackbone/xbackbone-base.css);
|
||||||
|
:root {
|
||||||
|
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||||
|
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--button-color: hsla(0,0%,100%,.15);
|
||||||
|
--button-color-hover: hsla(0,0%,100%,.30);
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #FFF;
|
||||||
|
|
||||||
|
--accent-color: 100, 100, 100;
|
||||||
|
--accent-color-hover: #ffffff73;
|
||||||
|
--queue-color: #6b5;
|
||||||
|
--link-color: #ddd;
|
||||||
|
--link-color-hover: #fff;
|
||||||
|
|
||||||
|
--text:#eee;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
|
}
|
||||||
33
CSS/themes/xbackbone/hotline.css
Normal file
33
CSS/themes/xbackbone/hotline.css
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
/* dP dP dP */
|
||||||
|
/* 88 88 88 */
|
||||||
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||||
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||||
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||||
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||||
|
/* 88 */
|
||||||
|
/* dP */
|
||||||
|
|
||||||
|
/* Made by @gilbN */
|
||||||
|
/* https://htpc.deathbybandaid.net/assets/theme.park */
|
||||||
|
|
||||||
|
/* XBACKBONE HOTLINE THEME */
|
||||||
|
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/xbackbone/xbackbone-base.css);
|
||||||
|
:root {
|
||||||
|
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--button-color: hsla(0,0%,100%,.15);
|
||||||
|
--button-color-hover: hsla(0,0%,100%,.30);
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #FFF;
|
||||||
|
|
||||||
|
--accent-color: 244, 67, 54;
|
||||||
|
--accent-color-hover: #0b3161;
|
||||||
|
--queue-color: #6b5;
|
||||||
|
--link-color: #ddd;
|
||||||
|
--link-color-hover: #fff;
|
||||||
|
|
||||||
|
--text:#eee;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
|
}
|
||||||
33
CSS/themes/xbackbone/organizr-dark.css
Normal file
33
CSS/themes/xbackbone/organizr-dark.css
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
/* dP dP dP */
|
||||||
|
/* 88 88 88 */
|
||||||
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||||
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||||
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||||
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||||
|
/* 88 */
|
||||||
|
/* dP */
|
||||||
|
|
||||||
|
/* Made by @gilbN */
|
||||||
|
/* https://htpc.deathbybandaid.net/assets/theme.park */
|
||||||
|
|
||||||
|
/* XBACKBONE ORGANIZR-DARK THEME */
|
||||||
|
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/xbackbone/xbackbone-base.css);
|
||||||
|
:root {
|
||||||
|
--main-bg-color: #1f1f1f;
|
||||||
|
--modal-bg-color: #1b1b1b;
|
||||||
|
|
||||||
|
--button-color: #2cabe3;
|
||||||
|
--button-color-hover: rgb(44 171 227 / .8);
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #fff;
|
||||||
|
|
||||||
|
--accent-color: 44, 171, 227;
|
||||||
|
--accent-color-hover: white;
|
||||||
|
--queue-color: #2cabe3;
|
||||||
|
--link-color: #2cabe3;
|
||||||
|
--link-color-hover: #fff;
|
||||||
|
|
||||||
|
--text:#96a2b4;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
|
}
|
||||||
33
CSS/themes/xbackbone/plex.css
Normal file
33
CSS/themes/xbackbone/plex.css
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
/* dP dP dP */
|
||||||
|
/* 88 88 88 */
|
||||||
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||||
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||||
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||||
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||||
|
/* 88 */
|
||||||
|
/* dP */
|
||||||
|
|
||||||
|
/* Made by @gilbN */
|
||||||
|
/* https://htpc.deathbybandaid.net/assets/theme.park */
|
||||||
|
|
||||||
|
/* XBACKBONE PLEX THEME */
|
||||||
|
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/xbackbone/xbackbone-base.css);
|
||||||
|
:root {
|
||||||
|
--main-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-light2.png") center center/cover no-repeat fixed;
|
||||||
|
--modal-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-dark2.png") center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--button-color: #cc7b19;
|
||||||
|
--button-color-hover: #e59029;
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #fff;
|
||||||
|
|
||||||
|
--accent-color: 229, 160, 13;
|
||||||
|
--accent-color-hover: #ffc107;
|
||||||
|
--queue-color: #27c24c;
|
||||||
|
--link-color: #e5a00d;
|
||||||
|
--link-color-hover: #fff;
|
||||||
|
|
||||||
|
--text:#eee;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
|
}
|
||||||
33
CSS/themes/xbackbone/space-gray.css
Normal file
33
CSS/themes/xbackbone/space-gray.css
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
/* dP dP dP */
|
||||||
|
/* 88 88 88 */
|
||||||
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||||
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||||
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||||
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||||
|
/* 88 */
|
||||||
|
/* dP */
|
||||||
|
|
||||||
|
/* Made by @gilbN */
|
||||||
|
/* https://htpc.deathbybandaid.net/assets/theme.park */
|
||||||
|
|
||||||
|
/* XBACKBONE SPACE GRAY THEME */
|
||||||
|
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/xbackbone/xbackbone-base.css);
|
||||||
|
:root {
|
||||||
|
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||||
|
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--button-color: #607D8B;
|
||||||
|
--button-color-hover: #81a6b7;
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #fff;
|
||||||
|
|
||||||
|
--accent-color: 96, 125, 139;
|
||||||
|
--accent-color-hover: #81a6b7;
|
||||||
|
--queue-color: #81a6b7;
|
||||||
|
--link-color: #81a6b7;
|
||||||
|
--link-color-hover: #fff;
|
||||||
|
|
||||||
|
--text:#eee;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
|
}
|
||||||
312
CSS/themes/xbackbone/xbackbone-base.css
Normal file
312
CSS/themes/xbackbone/xbackbone-base.css
Normal file
@ -0,0 +1,312 @@
|
|||||||
|
/* dP dP dP */
|
||||||
|
/* 88 88 88 */
|
||||||
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||||
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||||
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||||
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||||
|
/* 88 */
|
||||||
|
/* dP */
|
||||||
|
|
||||||
|
/* Made by @gilbN */
|
||||||
|
/* https://htpc.deathbybandaid.net/assets/theme.park */
|
||||||
|
|
||||||
|
.bg-light {
|
||||||
|
background: var(--main-bg-color) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Scrollbar */
|
||||||
|
@media only screen and (min-width: 768px) {
|
||||||
|
html {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
overflow-y: auto;
|
||||||
|
height: 100%;
|
||||||
|
background: var(--main-bg-color)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
min-height: 50px;
|
||||||
|
border: 3px solid transparent;
|
||||||
|
border-radius: 8px;
|
||||||
|
background-color: hsla(0, 0%, 100%, .2);
|
||||||
|
background-clip: padding-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb:hover {
|
||||||
|
min-height: 50px;
|
||||||
|
border: 3px solid transparent;
|
||||||
|
border-radius: 8px;
|
||||||
|
background-color: hsla(0, 0%, 100%, .5);
|
||||||
|
background-clip: padding-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* TEXT */
|
||||||
|
body,
|
||||||
|
.table,
|
||||||
|
.navbar-dark .navbar-nav .nav-link,
|
||||||
|
.dropdown-menu,
|
||||||
|
.dropdown-item {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-dark .navbar-nav .nav-link:focus,
|
||||||
|
.navbar-dark .navbar-nav .nav-link:hover {
|
||||||
|
color: var(--text-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-header {
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-muted {
|
||||||
|
color: var(--text-muted) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
font-size: .875em;
|
||||||
|
color: #d63384;
|
||||||
|
word-wrap: break-word;
|
||||||
|
background: rgb(0 0 0 / 50%);
|
||||||
|
padding: 2px 6px;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* LINKS */
|
||||||
|
a {
|
||||||
|
color: var(--link-color);
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: var(--link-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* TOP NAV */
|
||||||
|
.bg-primary {
|
||||||
|
background: rgba(0, 0, 0, .15) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* DROPDOWN MENU */
|
||||||
|
.dropdown-menu {
|
||||||
|
background: var(--modal-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-item:focus,
|
||||||
|
.dropdown-item:hover {
|
||||||
|
color: var(--text-hover);
|
||||||
|
background-color: rgba(255, 255, 255, .1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-item.disabled,
|
||||||
|
.dropdown-item:disabled {
|
||||||
|
color: var(--text-muted);
|
||||||
|
pointer-events: none;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-divider {
|
||||||
|
border-top: 1px solid rgb(255 255 255 / 15%);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* TABLES */
|
||||||
|
.table-hover>tbody>tr:hover {
|
||||||
|
color: var(--text-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.table {
|
||||||
|
border-color: rgb(255 255 255 / 20%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.table>:not(:last-child)>:last-child>* {
|
||||||
|
border-bottom-color: rgb(255 255 255 / 50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* BUTTONS */
|
||||||
|
|
||||||
|
.btn-light {
|
||||||
|
color: var(--button-text);
|
||||||
|
background-color: rgba(255, 255, 255, .08);
|
||||||
|
border-color: rgba(255, 255, 255, .08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-light:hover {
|
||||||
|
color: var(--button-text-hover);
|
||||||
|
background-color: rgba(255, 255, 255, .08);
|
||||||
|
border-color: rgba(255, 255, 255, .08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary,
|
||||||
|
.btn-outline-dark,
|
||||||
|
.btn-outline-secondary {
|
||||||
|
color: var(--button-text);
|
||||||
|
background-color: var(--button-color);
|
||||||
|
border-color: var(--button-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:hover,
|
||||||
|
.btn-outline-dark:hover,
|
||||||
|
.btn-outline-secondary:hover {
|
||||||
|
color: var(--button-text-hover);
|
||||||
|
background-color: var(--button-color-hover);
|
||||||
|
border-color: var(--button-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-outline-primary,
|
||||||
|
.btn-outline-info {
|
||||||
|
color: var(--button-color);
|
||||||
|
border-color: var(--button-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-outline-primary:hover,
|
||||||
|
.btn-outline-info:hover,
|
||||||
|
.btn-check:active+.btn-outline-primary,
|
||||||
|
.btn-check:checked+.btn-outline-primary,
|
||||||
|
.btn-outline-primary.active,
|
||||||
|
.btn-outline-primary.dropdown-toggle.show,
|
||||||
|
.btn-outline-primary:active,
|
||||||
|
.btn-check:active+.btn-outline-info,
|
||||||
|
.btn-check:checked+.btn-outline-info,
|
||||||
|
.btn-outline-info.active,
|
||||||
|
.btn-outline-info.dropdown-toggle.show,
|
||||||
|
.btn-outline-info:active {
|
||||||
|
color: var(--button-text-hover);
|
||||||
|
border-color: var(--button-color-hover);
|
||||||
|
background-color: var(--button-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-check:focus+.btn-outline-primary,
|
||||||
|
.btn-outline-primary:focus,
|
||||||
|
.btn-check:focus+.btn-outline-info,
|
||||||
|
.btn-outline-info:focus,
|
||||||
|
.btn-check:active+.btn-outline-primary:focus,
|
||||||
|
.btn-check:checked+.btn-outline-primary:focus,
|
||||||
|
.btn-outline-primary.active:focus,
|
||||||
|
.btn-outline-primary.dropdown-toggle.show:focus,
|
||||||
|
.btn-outline-primary:active:focus,
|
||||||
|
.btn-check:active+.btn-outline-info:focus,
|
||||||
|
.btn-check:checked+.btn-outline-info:focus,
|
||||||
|
.btn-outline-info.active:focus,
|
||||||
|
.btn-outline-info.dropdown-toggle.show:focus,
|
||||||
|
.btn-outline-info:active:focus {
|
||||||
|
box-shadow: 0 0 0 0.25rem rgb(var(--accent-color), .5);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FORMS */
|
||||||
|
.form-control {
|
||||||
|
color: #fff;
|
||||||
|
background-color: rgba(0, 0, 0, .15);
|
||||||
|
border: 1px solid rgba(0, 0, 0, .15);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control:focus {
|
||||||
|
color: #fff;
|
||||||
|
background: #1f1f1f;
|
||||||
|
border-color: rgba(255, 255, 255, .15);
|
||||||
|
outline: 0;
|
||||||
|
box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea.form-control:focus {
|
||||||
|
color: #fff;
|
||||||
|
background: rgba(0, 0, 0, .35);
|
||||||
|
border-color: rgba(255, 255, 255, .15);
|
||||||
|
outline: 0;
|
||||||
|
box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 0%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control:disabled,
|
||||||
|
.form-control[readonly] {
|
||||||
|
background-color: rgba(255, 255, 255, .15);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-check-input:checked {
|
||||||
|
background-color: rgb(var(--accent-color));
|
||||||
|
border-color: rgb(var(--accent-color));
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-check-input:focus {
|
||||||
|
border-color: rgb(var(--accent-color));
|
||||||
|
outline: 0;
|
||||||
|
box-shadow: 0 0 0 0.25rem rgb(var(--accent-color), .25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropzone {
|
||||||
|
border: 2px dashed rgb(255 255 255 / 30%);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* PAGINATION */
|
||||||
|
.page-link {
|
||||||
|
color: var(--button-text);
|
||||||
|
background-color: var(--button-color);
|
||||||
|
border: 1px solid var(--button-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-link:hover {
|
||||||
|
|
||||||
|
color: var(--button-text-hover);
|
||||||
|
background-color: var(--button-color-hover);
|
||||||
|
border: 1px solid var(--button-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-link:focus {
|
||||||
|
color: var(--button-text-hover);
|
||||||
|
background-color: var(--button-color-hover);
|
||||||
|
box-shadow: 0 0 0 0.25rem rgb(var(--accent-color) / 25%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-item.disabled .page-link {
|
||||||
|
color: var(--text-muted);
|
||||||
|
pointer-events: none;
|
||||||
|
background-color: rgba(255, 255, 255, .08);
|
||||||
|
border-color: rgba(255, 255, 255, .08);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* CARDS */
|
||||||
|
.card {
|
||||||
|
background-color: rgba(0, 0, 0, .25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.image-card:hover .overlay {
|
||||||
|
opacity: 1;
|
||||||
|
transition: opacity .3s ease-in-out;
|
||||||
|
-moz-transition: opacity .3s ease-in-out;
|
||||||
|
-webkit-transition: opacity .3s ease-in-out;
|
||||||
|
background: rgba(0, 0, 0, .5);
|
||||||
|
-webkit-backdrop-filter: blur(10px);
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* PLACEHOLDER TEXT */
|
||||||
|
::placeholder {
|
||||||
|
color: var(--text) !important;
|
||||||
|
opacity: .5 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
:-moz-placeholder {
|
||||||
|
color: var(--text) !important;
|
||||||
|
opacity: .5 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
:-ms-input-placeholder {
|
||||||
|
color: var(--text) !important;
|
||||||
|
opacity: .5 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-input-placeholder {
|
||||||
|
color: var(--text) !important;
|
||||||
|
opacity: .5;
|
||||||
|
}
|
||||||
@ -4,7 +4,7 @@
|
|||||||
[](https://discord.gg/HM5uUKU "Discord for theme installation support")
|
[](https://discord.gg/HM5uUKU "Discord for theme installation support")
|
||||||
[](https://htpc.deathbybandaid.net/assets/theme.park)
|
[](https://htpc.deathbybandaid.net/assets/theme.park)
|
||||||
[](https://github.com/sponsors/GilbN "Donate!")
|
[](https://github.com/sponsors/GilbN "Donate!")
|
||||||
[](https://htpc.deathbybandaid.net/assets/theme.park/blob/master/LICENSE)
|
[](https://htpc.deathbybandaid.net/assets/theme.park/LICENSE)
|
||||||
[](https://github.com/users/GilbN/packages/container/package/theme.park)
|
[](https://github.com/users/GilbN/packages/container/package/theme.park)
|
||||||
[](https://hub.docker.com/r/gilbn/theme.park)
|
[](https://hub.docker.com/r/gilbn/theme.park)
|
||||||
[](https://technicalramblings.com/ "A blog with different guides :)")
|
[](https://technicalramblings.com/ "A blog with different guides :)")
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user