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

update 9-21-21

Browse Source
This commit is contained in:
deathbybandaid 2021-09-21 13:43:49 -04:00
parent cc990d9b39
commit 97e2838f07
531 changed files with 28010 additions and 13906 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
CSS/addons/README.md
View File

@ -1,8 +1,8 @@
# CSS Addons # CSS Addons
## [Organizr](https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/organizr/) ## [Organizr](https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/organizr/)
## [Radarr](https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr) ## [Radarr](https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/radarr)
## [Sonarr](https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/sonarr) ## [Sonarr](https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/sonarr)

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

@ -4,7 +4,7 @@
display: none !important; display: none !important;
} }
.header-icon.px-3.m-0.d-none.d-md-block:before { .header-icon.px-3.m-0.d-none.d-md-block:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/bazarr/bazarr4k.png"); background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/bazarr/bazarr4k.png");
display: inline-block; display: inline-block;
width: 32px; width: 32px;
height: 32px; height: 32px;
@ -22,7 +22,7 @@
display: none !important; display: none !important;
} }
.sidebar-title.d-flex.align-items-center.d-md-none.container:before { .sidebar-title.d-flex.align-items-center.d-md-none.container:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/bazarr/bazarr4k.png"); background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/bazarr/bazarr4k.png");
display: inline-block; display: inline-block;
width: 32px; width: 32px;
height: 32px; height: 32px;

35
CSS/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css Normal file
View File

@ -0,0 +1,35 @@
/* Desktop */
@media (min-width: 752px) {
.header-icon.px-3.m-0.d-none.d-md-block img {
display: none !important;
}
.header-icon.px-3.m-0.d-none.d-md-block:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
/* Mobile */
@media (max-width: 767px) {
.sidebar-title.d-flex.align-items-center.d-md-none.container img {
display: none !important;
}
.sidebar-title.d-flex.align-items-center.d-md-none.container:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}

BIN
CSS/addons/bazarr/bazarr-4k-logo/bazarr4k.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

65
CSS/addons/bazarr/bazarr-darker/bazarr-darker.css Normal file
View File

@ -0,0 +1,65 @@
:root {
--main-bg-color: #313544;
--modal-bg-color: #252833;
--modal-header-color: #252833;
--modal-footer-color: #252833;
--drop-down-menu-bg: #252833;
--button-color: #911f93;
--button-color-hover: #721873;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 145, 31, 147;
--accent-color-hover: rgb(var(--accent-color), .8);
--link-color: #b828bb;
--link-color-hover: #911f93;
--label-text-color: #eee;
--text: #ccc;
--text-hover: #fff;
--text-muted: #999;
/*Specials*/
--arr-queue-color: #6c757d;
--side-menu-active: #252833;
--side-menu-color: #3a3f51;
--side-menu-link-color: #fff;
--scroller-hover: #606060;
--scroller: #707070;
--border-color: #606060;
--label-color: #911f93;
--label-info: #5d9cec;
--header-color: #911f93;
}
/* HEADER */
.header-container .bg-primary {
background-color: var(--header-color) !important;
}
/* SIDE MENU */
.sidebar-container {
background-color: var(--side-menu-color) !important;
color: white !important;
}
.sidebar-container .sidebar-button {
color: var(--side-menu-link-color) !important;
}
.sidebar-container .sidebar-button {
background-color: var(--side-menu-color) !important;
}
.sidebar-container .sidebar-button.sb-active, .sidebar-container .sidebar-button.sb-active:hover {
color: var(--side-menu-link-color) !important;
background-color: var(--side-menu-active) !important;
}
.sidebar-container .sidebar-button:hover {
background-color: var(--side-menu-active) !important;
color: var(--side-menu-link-color) !important;
}

117
CSS/addons/lidarr/lidarr-darker/lidarr-darker.css Normal file
View File

@ -0,0 +1,117 @@
:root {
--main-bg-color: #454545;
--modal-bg-color: #353535;
--modal-header-color: #353535;
--modal-footer-color: #353535;
--drop-down-menu-bg: #4d8069;
--button-color: #5899eb;
--button-color-hover: #4b91ea;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 0, 166, 91;
--accent-color-hover: rgb(0, 166, 91, .8);
--link-color: rgb(0, 166, 91);
--link-color-hover: rgb(0, 166, 91, .8);
--label-text-color: #eee;
--text: #ccc;
--text-hover: #fff;
--text-muted: #999;
/*Specials*/
--arr-queue-color: #00a65b;
--side-menu-active: #252525;
--scroller-hover: #606060;
--scroller: #707070;
--border-color: #606060;
--label-color: #1d563d;
--label-info: #5d9cec;
--header-color: #00a65b;
--side-menu-color: #353535;
}
/* HEADER */
[class*="PageHeader-header-"] {
background-color: var(--header-color);
color: #fff;
}
[class*="PageToolbar-toolbar-"] {
background-color: #1d563d;
color: #e1e2e3;
}
/* SIDE MENU */
[class*="PageSidebar-sidebar-"] {
background-color: #353535;
color: #fff;
}
[class*=PageSidebarItem-link-]:focus {
color: rgb(var(--accent-color)) !important;
}
[class*=PageSidebarItem-isActiveLink-] {
color: var(--link-color) !important;
}
[class*=PageSidebarItem-isActiveParentLink-] {
background-color: var(--side-menu-active);
}
/* SCROLLER */
[class*=OverlayScroller-thumb-]:hover {
background-color: var(--scroller-hover) !important;
}
[class*="OverlayScroller-thumb-"],
[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
background-color: var(--scroller) !important;
}
/* MODALS */
[class*=ModalHeader-modalHeader-],
[class*=FieldSet-legend-] {
border-bottom: 1px solid var(--border-color);
}
[class*=ModalFooter-modalFooter-] {
border-top: 1px solid var(--border-color);
}
/* LABLES */
[class*="Label-default-"] {
border-color: var(--label-color);
background-color: var(--label-color);
color: white;
}
[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
border-color: var(--label-info);
background-color: var(--label-info);
color: #fff;
}
/* SETTINGS */
[class*=Settings-link-] {
border-bottom: 1px solid var(--border-color);
}
/* SEARCH DROP DOWN */
[class*=ArtistSearchInput-containerOpen-] [class*=ArtistSearchInput-artistContainer-] {
border: 1px solid var(--main-bg-color);
background-color: var(--main-bg-color);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
color: #e1e2e3;
}

2
CSS/addons/organizr/README.md
View File

@ -1,3 +1,3 @@
# Organizr Addons # Organizr Addons
## [Glass](https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/organizr/glass) ## [Glass](https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/organizr/glass)

20
CSS/addons/organizr/glass/README.md
View File

@ -2,8 +2,8 @@
## Installation ## Installation
* [Full](https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/organizr/glass#Full) * [Full](https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/organizr/glass#Full)
* [Login - Lockscreen only](https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/organizr/glass#login---lockscreen-only) * [Login - Lockscreen only](https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/organizr/glass#login---lockscreen-only)
@ -25,9 +25,9 @@
Replace `--main-bg-color` with a wallpaper you have uploaded to Organizr Replace `--main-bg-color` with a wallpaper you have uploaded to Organizr
```css ```css
@import "https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/organizr/glass/glass-base.css"; @import "https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/organizr/glass/glass-base.css";
:root { :root {
--main-bg-color: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/organizr/glass/example.jpg) center center/cover no-repeat fixed; --main-bg-color: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/organizr/glass/example.jpg) center center/cover no-repeat fixed;
--mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; --mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--link-color: #fff; --link-color: #fff;
@ -90,12 +90,12 @@ Here are the other theme colors if you want to use that instead:
If you just want the login and lockscreen css, just add this in custom CSS: If you just want the login and lockscreen css, just add this in custom CSS:
```css ```css
@import "https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/organizr/glass/glass-login.css"; @import "https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/organizr/glass/glass-login.css";
``` ```
You can change the blur background color by adding the variables above. The default is dark. You can change the blur background color by adding the variables above. The default is dark.
```css ```css
@import "https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/organizr/glass/glass-login.css"; @import "https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/organizr/glass/glass-login.css";
:root { :root {
--div-background-color-10: rgba(255, 255, 255, 0.10); --div-background-color-10: rgba(255, 255, 255, 0.10);
--div-background-color-15: rgba(255, 255, 255, 0.15); --div-background-color-15: rgba(255, 255, 255, 0.15);
@ -106,7 +106,7 @@ You can change the blur background color by adding the variables above. The defa
# Screenshots # Screenshots
![](https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/organizr/glass/screenshots/login.png) ![](https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/organizr/glass/screenshots/login.png)
![](https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/organizr/glass/screenshots/lockscreen.png) ![](https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/organizr/glass/screenshots/lockscreen.png)
![](https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/organizr/glass/screenshots/homepage.jpg) ![](https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/organizr/glass/screenshots/homepage.jpg)
![](https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/organizr/glass/screenshots/settings.jpg) ![](https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/organizr/glass/screenshots/settings.jpg)

3
CSS/addons/organizr/glass/glass-base.css
View File

@ -1,7 +1,7 @@
/* Set the Organizr theme to either Aquamarine or Hotline */ /* Set the Organizr theme to either Aquamarine or Hotline */
/* Import the glass-base.css and root variables in the Custom Theme CSS box like below */ /* Import the glass-base.css and root variables in the Custom Theme CSS box like below */
/* /*
@import "https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/organizr/organizr-base-old.css"
@import "https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/organizr/glass-base.css"; @import "https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/organizr/glass-base.css";
:root { :root {
--main-bg-color: url(https://domain.com/your/hosted/wallpaper.jpg) center center/cover no-repeat fixed; --main-bg-color: url(https://domain.com/your/hosted/wallpaper.jpg) center center/cover no-repeat fixed;
@ -38,6 +38,7 @@
*/ */
/*Settings */ /*Settings */
.feeds li>div i { .feeds li>div i {
color: black !important; color: black !important;
} }

111
CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css Normal file
View File

@ -0,0 +1,111 @@
/* 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 */
/* PLEX OVERSEERR SIDE MENU */
/* APP VARS*/
:root {
--sidebar-color: #1f2937;
--menu-item: #111827;
--menu-item-hover: #374151;
}
/* EXTRA CSS */
[class*="SourceSidebar-openSidebar-"][class*="SourceSidebar-sidebar-"],
[class*="SourceSidebar-sidebar-"] {
background: var(--sidebar-color) !important;
padding-top: 10px;
}
[class*="SourceSidebarLink-isSelected-"]:before {
background-color: transparent !important;
}
[class*="NavBar-container-"] {
background: rgb(0 0 0 / 0%) !important;
}
[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isSelected-"] {
background: var(--menu-item);
box-shadow: inset 4px 0 0 0 transparent !important;
border-radius: 5px;
margin-bottom: 5px;
}
[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-iconContainer-"],
[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-title-"] {
color: white;
}
[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-button-"]:hover,
[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isActive-"] {
background: var(--menu-item-hover);
border-radius: 5px;
}
[class*="SourceSidebarLink-button-"] {
margin-bottom: 5px;
}
[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] {
background: var(--sidebar-color) !important;
}
[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarLink-isSelected-"] {
background: var(--menu-item) !important;
}
[class*="SourceSidebarContent-expandedSidebarContent-"],
[class*="AllSourcesSidebarContent-container-"] {
padding: 10px;
}
[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="AllSourcesSidebarContent-container-"] {
padding: 0px;
}
[class*="SourceSidebarContent-expandedSidebarContent-"] div {
border-radius: 5px;
}
[class*="SourceSidebarContent-expandedSidebarContent-"] div:hover:not([data-qa-id="sidebarMore"] div) {
background-color: var(--menu-item-hover);
}
[class*="SourceSidebar-collapsedSidebar-"] [class*="SourceSidebar-sidebar-"] {
border-radius: 0px !important;
}
[class*="SourceSidebarContent-expandedSidebarContent-"] [class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"] {
box-shadow: none !important;
border-radius: 5px;
}
[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarItem-button-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarItem-isSelected-"][class*="SourceSidebarLink-isSelected-"] {
box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
border-radius: 0px;
}
[class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover {
box-shadow: none !important;
background: var(--menu-item-hover) !important;
}
[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover {
box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
}
[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-iconContainer-"],
[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] {
color: white;
}

BIN
CSS/addons/plex/plex-alt-logo/SeekPng.com_your-logo-here-png_2467553.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

8
CSS/addons/plex/plex-alt-logo/plex-alt-logo.css Normal file
View File

@ -0,0 +1,8 @@
[class*="NavBar-plexLogo-"] {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/plex/plex-alt-logo/SeekPng.com_your-logo-here-png_2467553.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin: 0 10px;
width: 45px;
}

119
CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css Normal file
View File

@ -0,0 +1,119 @@
:root {
--main-bg-color: #454545;
--modal-bg-color: #454545;
--modal-header-color: #454545;
--modal-footer-color: #454545;
--drop-down-menu-bg: #606060;
--button-color: #5899eb;
--button-color-hover: #4b91ea;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 230, 96, 0;
--accent-color-hover: rgb(var(--accent-color),.8);
--link-color: rgb(230, 96, 0);
--link-color-hover: rgb(230, 96, 0, .8);
--label-text-color: #eee;
--text: #ccc;
--text-hover: #fff;
--text-muted: #999;
/*Specials*/
--arr-queue-color: #5d9cec;
--side-menu-active: #333333;
--scroller-hover: #606060;
--scroller: #707070;
--border-color: #606060;
--label-color: #707070;
--label-info: #5d9cec;
--header-color: #e66000;
--side-menu-color: #595959;
--side-menu-link-color: #e66000;
}
/* HEADER */
[class*="PageHeader-header-"] {
background-color: var(--header-color);
color: #fff;
}
[class*="PageToolbar-toolbar-"] {
background-color: #707070;
color: var(--text);
}
/* SIDE MENU */
[class*="PageSidebar-sidebar-"] {
background-color: var(--side-menu-color);
color: #fff;
}
[class*=PageSidebarItem-link-]:focus {
color: rgb(var(--accent-color)) !important;
}
[class*=PageSidebarItem-isActiveLink-] {
color: var(--side-menu-link-color) !important;
}
[class*=PageSidebarItem-isActiveParentLink-] {
background-color: var(--side-menu-active);
}
/* SCROLLER */
[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
[class*=OverlayScroller-thumb-]:hover {
background-color: var(--scroller-hover) !important;
}
[class*="OverlayScroller-thumb-"],
[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
background-color: var(--scroller) !important;
}
/* MODALS */
[class*=ModalHeader-modalHeader-],
[class*=FieldSet-legend-] {
border-bottom: 1px solid var(--border-color);
}
[class*=ModalFooter-modalFooter-] {
border-top: 1px solid var(--border-color);
}
/* LABLES */
[class*="Label-default-"] {
border-color: var(--label-color);
background-color: var(--label-color);
color: white;
}
[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
border-color: var(--label-info);
background-color: var(--label-info);
color: #fff;
}
/* SETTINGS */
[class*=Settings-link-] {
border-bottom: 1px solid var(--border-color);
}
/* SEARCH DROP DOWN */
[class*=IndexerSearchInput-containerOpen-] [class*=IndexerSearchInput-movieContainer-] {
border: 1px solid var(--drop-down-menu-bg);
background-color: var(--drop-down-menu-bg);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
color: #e1e2e3;
}

12
CSS/addons/radarr/README.md
View File

@ -20,8 +20,8 @@ Examples of how to add it:
proxy_set_header Accept-Encoding ""; proxy_set_header Accept-Encoding "";
sub_filter sub_filter
'</head>' '</head>'
'<link rel="stylesheet" type="text/css" href="https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/radarr/THEME.css"> '<link rel="stylesheet" type="text/css" href="https://htpc.deathbybandaid.net/assets/theme.park/CSS//themes/radarr/THEME.css">
<link rel="stylesheet" type="text/css" href="https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr-4k-logo.css"> <link rel="stylesheet" type="text/css" href="https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/radarr/radarr-4k-logo.css">
</head>'; </head>';
sub_filter_once on; sub_filter_once on;
``` ```
@ -30,7 +30,7 @@ sub_filter_once on;
```nginx ```nginx
AddOutputFilterByType SUBSTITUTE text/html AddOutputFilterByType SUBSTITUTE text/html
Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/radarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr-4k-logo.css"> Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://htpc.deathbybandaid.net/assets/theme.park/CSS//themes/radarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/radarr/radarr-4k-logo.css">
</head>';|' </head>';|'
``` ```
@ -40,7 +40,7 @@ AddOutputFilterByType SUBSTITUTE text/html
filter rule { filter rule {
content_type text/html.* content_type text/html.*
search_pattern </head> search_pattern </head>
replacement "<link rel='stylesheet' type='text/css' href='https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr-4k-logo.css'></head>" replacement "<link rel='stylesheet' type='text/css' href='https://htpc.deathbybandaid.net/assets/theme.park/CSS//themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/radarr/radarr-4k-logo.css'></head>"
} }
``` ```
@ -49,6 +49,6 @@ filter rule {
Just add another import line. Just add another import line.
```css ```css
@import "https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/radarr/THEME.css"; @import "https://htpc.deathbybandaid.net/assets/theme.park/CSS//themes/radarr/THEME.css";
@import "https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr-4k-logo.css"; @import "https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/radarr/radarr-4k-logo.css";
``` ```

10
CSS/addons/radarr/radarr-4k-logo.css
View File

@ -4,7 +4,7 @@
display:none !important; display:none !important;
} }
.navbar > .container-fluid .navbar-brand:before { .navbar > .container-fluid .navbar-brand:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr4k.png"); background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/radarr/radarr4k.png");
display: inline-block; display: inline-block;
width: 128px; width: 128px;
height: 128px; height: 128px;
@ -24,7 +24,7 @@
display: inline !important; display: inline !important;
} }
.navbar > .container-fluid .navbar-brand:before { .navbar > .container-fluid .navbar-brand:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr4k.png"); background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/radarr/radarr4k.png");
display: inline-block; display: inline-block;
width: 32px; width: 32px;
height: 32px; height: 32px;
@ -43,7 +43,7 @@
display: none !important; display: none !important;
} }
[class*="PageHeader-logoContainer-"]:before { [class*="PageHeader-logoContainer-"]:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr4k-v3.png"); background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/radarr/radarr4k-v3.png");
display: inline-block; display: inline-block;
width: 148px; width: 148px;
height: 48px; height: 48px;
@ -60,7 +60,7 @@
display: none !important; display: none !important;
} }
[class*="PageHeader-logoContainer-"]{ [class*="PageHeader-logoContainer-"]{
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr-v3-mobile.png"); background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/radarr/radarr-v3-mobile.png");
display: inline-block; display: inline-block;
width: 32px; width: 32px;
height: 32px; height: 32px;
@ -80,7 +80,7 @@
} }
[class*="LoadingPage-page-"]:before { [class*="LoadingPage-page-"]:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr4k-v3.png"); background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/radarr/radarr4k-v3.png");
display: inline-block; display: inline-block;
width: 148px; width: 148px;
height: 48px; height: 48px;

96
CSS/addons/radarr/radarr-4k-logo/radarr-4k-logo.css Normal file
View File

@ -0,0 +1,96 @@
/* Desktop */
@media (min-width: 752px) {
.navbar-brand>img {
display:none !important;
}
.navbar > .container-fluid .navbar-brand:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr-4k-logo/radarr4k.png");
display: inline-block;
width: 128px;
height: 128px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
/* Mobile */
@media (max-width: 767px) {
.navbar-brand .visible-xs img {
display: none !important;
}
.navbar-brand .visible-xs {
display: inline !important;
}
.navbar > .container-fluid .navbar-brand:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr-4k-logo/radarr4k.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-bottom: -12px;
}
}
/* Radarr V3*/
@media (min-width: 752px) {
[class*="PageHeader-logoFull-"] {
display: none !important;
}
[class*="PageHeader-logoContainer-"]:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
display: inline-block;
width: 148px;
height: 48px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
@media (max-width: 767px) {
[class*="PageHeader-logo-"] {
display: none !important;
}
[class*="PageHeader-logoContainer-"]{
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-left: 20px;
margin-right: 8px;
flex: 0 0 32px;
}
}
[class*="LoadingPage-logoFull-"] {
display: none !important;
}
[class*="LoadingPage-page-"]:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
display: inline-block;
width: 148px;
height: 48px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-top: 50px;
margin-right: auto;
margin-left: auto;
}

BIN
CSS/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 167 KiB

BIN
CSS/addons/radarr/radarr-4k-logo/radarr4k-v3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

BIN
CSS/addons/radarr/radarr-4k-logo/radarr4k.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB

124
CSS/addons/radarr/radarr-darker/radarr-darker.css Normal file
View File

@ -0,0 +1,124 @@
:root {
--main-bg-color: #454545;
--modal-bg-color: #595959;
--modal-header-color: #595959;
--modal-footer-color: #595959;
--drop-down-menu-bg: #606060;
--button-color: #5899eb;
--button-color-hover: #4b91ea;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 255, 194, 48;
--accent-color-hover: rgb(255, 194, 48, .8);
--link-color: rgb(255, 194, 48);
--link-color-hover: rgb(255, 194, 48, .8);
--label-text-color: #eee;
--text: #ccc;
--text-hover: #fff;
--text-muted: #999;
/*Specials*/
--arr-queue-color: #5d9cec;
--side-menu-active: #333333;
--scroller-hover: #606060;
--scroller: #707070;
--border-color: #606060;
--label-color: #707070;
--label-info: #5d9cec;
--header-color: #464b51;
--side-menu-color: #595959;
}
/* HEADER */
[class*="PageHeader-header-"] {
background-color: var(--header-color);
color: #fff;
}
[class*="PageToolbar-toolbar-"] {
background-color: #707070;
color: var(--text);
}
/* SIDE MENU */
[class*="PageSidebar-sidebar-"] {
background-color: var(--side-menu-color);
color: #fff;
}
[class*=PageSidebarItem-link-]:focus {
color: rgb(var(--accent-color)) !important;
}
[class*=PageSidebarItem-isActiveLink-] {
color: var(--link-color) !important;
}
[class*=PageSidebarItem-isActiveParentLink-] {
background-color: var(--side-menu-active);
}
/* SCROLLER */
[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
[class*=OverlayScroller-thumb-]:hover {
background-color: var(--scroller-hover) !important;
}
[class*="OverlayScroller-thumb-"],
[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
background-color: var(--scroller) !important;
}
/* MODALS */
[class*=ModalHeader-modalHeader-],
[class*=FieldSet-legend-] {
border-bottom: 1px solid var(--border-color);
}
[class*=ModalFooter-modalFooter-] {
border-top: 1px solid var(--border-color);
}
/* LABLES */
[class*="Label-default-"] {
border-color: var(--label-color);
background-color: var(--label-color);
color: white;
}
[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
border-color: var(--label-info);
background-color: var(--label-info);
color: #fff;
}
/* SETTINGS */
[class*=Settings-link-] {
border-bottom: 1px solid var(--border-color);
}
/* SEARCH DROP DOWN */
[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
border: 1px solid var(--drop-down-menu-bg);
background-color: var(--drop-down-menu-bg);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
color: #e1e2e3;
}
/* SERIES PAGE */
[class*="MovieIndexPoster-controls-"] {
background-color: var(--label-color) !important;
color: #fff !important;
}

53
CSS/addons/readarr/readarr-alt-logo/readarr-alt-logo.css Normal file
View File

@ -0,0 +1,53 @@
@media (min-width: 752px) {
[class*="PageHeader-logo-"] {
display: none !important;
}
[class*="PageHeader-logoContainer-"]:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png");
display: inline-block;
width: 34px;
height: 34px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
@media (max-width: 767px) {
[class*="PageHeader-logo-"] {
display: none !important;
}
[class*="PageHeader-logoContainer-"]:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png");
display: inline-block;
width: 34px;
height: 34px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
[class*="LoadingPage-logoFull-"] {
display: none !important;
}
[class*="LoadingPage-page-"]:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png");
display: inline-block;
width: 48px;
height: 48px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-top: 50px;
margin-right: auto;
margin-left: auto;
}

BIN
CSS/addons/readarr/readarr-alt-logo/readarr_alt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB

3
CSS/addons/readarr/readarr-alt-logo/readme.md Normal file
View File

@ -0,0 +1,3 @@
Headphone Icon svg made by monkik from www.flaticon.com
https://www.flaticon.com/free-icon/music_2503487?term=headset&related_id=2503487

126
CSS/addons/readarr/readarr-darker/readarr-darker.css Normal file
View File

@ -0,0 +1,126 @@
:root {
--main-bg-color: #4a4a4b;
--modal-bg-color: #353535;
--modal-header-color: #353535;
--modal-footer-color: #353535;
--drop-down-menu-bg: #66001a;
--button-color: #5899eb;
--button-color-hover: #4b91ea;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 202, 48, 45;
--accent-color-hover: rgb(var(--accent-color), .8);
--link-color: rgb(93, 156, 236);
--link-color-hover: rgb(93, 156, 236, .8);
--label-text-color: #eee;
--text: #ccc;
--text-hover: #fff;
--text-muted: #999;
/*Specials*/
--arr-queue-color: #1d563d;
--side-menu-active: #252525;
--scroller-hover: #606060;
--scroller: #707070;
--border-color: #606060;
--label-color: #810020;
--label-info: #5d9cec;
--header-color: #a41726;
--side-menu-color: #353535;
--side-menu-link-color: #ca302d;
}
/* HEADER */
[class*="PageHeader-header-"] {
background-color: var(--header-color);
color: #fff;
}
[class*="PageToolbar-toolbar-"] {
background-color: #810020;
color: #e1e2e3;
}
/* SIDE MENU */
[class*="PageSidebar-sidebar-"] {
background-color: #353535;
color: #fff;
}
[class*=PageSidebarItem-link-]:focus {
color: rgb(var(--accent-color)) !important;
}
[class*=PageSidebarItem-isActiveLink-] {
color: var(--side-menu-link-color) !important;
}
[class*=PageSidebarItem-isActiveParentLink-] {
background-color: var(--side-menu-active);
}
/* SCROLLER */
[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
[class*=OverlayScroller-thumb-]:hover {
background-color: var(--scroller-hover) !important;
}
[class*="OverlayScroller-thumb-"],
[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
background-color: var(--scroller) !important;
}
/* MODALS */
[class*=ModalHeader-modalHeader-],
[class*=FieldSet-legend-] {
border-bottom: 1px solid var(--border-color);
}
[class*=ModalFooter-modalFooter-] {
border-top: 1px solid var(--border-color);
}
/* LABLES */
[class*="Label-default-"] {
border-color: var(--label-color);
background-color: var(--label-color);
color: white;
}
[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
border-color: var(--label-info);
background-color: var(--label-info);
color: #fff;
}
.Label-default-xecWd {
border-color: #810020;
background-color: #810020;
}
/* SETTINGS */
[class*=Settings-link-] {
border-bottom: 1px solid var(--border-color);
}
/* SEARCH DROP DOWN */
[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
border: 1px solid var(--drop-down-menu-bg);
background-color: var(--drop-down-menu-bg);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
color: #e1e2e3;
}
/* AUTHOR PAGE */
[class*="AuthorDetailsHeader-headerContent-"], [class*="BookDetailsHeader-headerContent-"] {
color: #fff;
background: #4a4a4b;
}

12
CSS/addons/sonarr/README.md
View File

@ -20,8 +20,8 @@ Examples of how to add it:
proxy_set_header Accept-Encoding ""; proxy_set_header Accept-Encoding "";
sub_filter sub_filter
'</head>' '</head>'
'<link rel="stylesheet" type="text/css" href="https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/sonarr/THEME.css"> '<link rel="stylesheet" type="text/css" href="https://htpc.deathbybandaid.net/assets/theme.park/CSS//themes/sonarr/THEME.css">
<link rel="stylesheet" type="text/css" href="https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css"> <link rel="stylesheet" type="text/css" href="https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/sonarr/sonarr-4k-logo.css">
</head>'; </head>';
sub_filter_once on; sub_filter_once on;
``` ```
@ -30,7 +30,7 @@ sub_filter_once on;
```nginx ```nginx
AddOutputFilterByType SUBSTITUTE text/html AddOutputFilterByType SUBSTITUTE text/html
Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/sonarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css"> Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://htpc.deathbybandaid.net/assets/theme.park/CSS//themes/sonarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/sonarr/sonarr-4k-logo.css">
</head>';|' </head>';|'
``` ```
@ -40,7 +40,7 @@ AddOutputFilterByType SUBSTITUTE text/html
filter rule { filter rule {
content_type text/html.* content_type text/html.*
search_pattern </head> search_pattern </head>
replacement "<link rel='stylesheet' type='text/css' href='https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css'></head>" replacement "<link rel='stylesheet' type='text/css' href='https://htpc.deathbybandaid.net/assets/theme.park/CSS//themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/sonarr/sonarr-4k-logo.css'></head>"
} }
``` ```
@ -49,6 +49,6 @@ filter rule {
Just add another import line. Just add another import line.
```css ```css
@import "https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/sonarr/THEME.css"; @import "https://htpc.deathbybandaid.net/assets/theme.park/CSS//themes/sonarr/THEME.css";
@import "https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css"; @import "https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/sonarr/sonarr-4k-logo.css";
``` ```

12
CSS/addons/sonarr/sonarr-4k-logo.css
View File

@ -4,7 +4,7 @@
display:none !important; display:none !important;
} }
.navbar > .container-fluid .navbar-brand:before { .navbar > .container-fluid .navbar-brand:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/sonarr/sonarr-4k.png"); background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/sonarr/sonarr-4k.png");
display: inline-block; display: inline-block;
width: 128px; width: 128px;
height: 128px; height: 128px;
@ -25,7 +25,7 @@
display: inline !important; display: inline !important;
} }
.navbar > .container-fluid .navbar-brand:before { .navbar > .container-fluid .navbar-brand:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/sonarr/sonarr-4k.png"); background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/sonarr/sonarr-4k.png");
display: inline-block; display: inline-block;
width: 64px; width: 64px;
height: 64px; height: 64px;
@ -46,7 +46,7 @@
display: inline !important; display: inline !important;
} }
.navbar > .container-fluid .navbar-brand:before { .navbar > .container-fluid .navbar-brand:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/sonarr/sonarr-4k.png"); background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/sonarr/sonarr-4k.png");
display: inline-block; display: inline-block;
width: 32px; width: 32px;
height: 32px; height: 32px;
@ -65,7 +65,7 @@
display: none !important; display: none !important;
} }
[class*="PageHeader\/logoContainer\/"]:before { [class*="PageHeader\/logoContainer\/"]:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/sonarr/sonarr-4k.png"); background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/sonarr/sonarr-4k.png");
display: inline-block; display: inline-block;
width: 32px; width: 32px;
height: 32px; height: 32px;
@ -82,7 +82,7 @@
display: none !important; display: none !important;
} }
[class*="PageHeader\/logoContainer\/"]:before { [class*="PageHeader\/logoContainer\/"]:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/sonarr/sonarr-4k.png"); background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/sonarr/sonarr-4k.png");
display: inline-block; display: inline-block;
width: 32px; width: 32px;
height: 32px; height: 32px;
@ -99,7 +99,7 @@
} }
[class*="LoadingPage\/page\/"]:before { [class*="LoadingPage\/page\/"]:before {
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/sonarr/sonarr-4k.png"); background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/sonarr/sonarr-4k.png");
display: inline-block; display: inline-block;
width: 48px; width: 48px;
height: 48px; height: 48px;

53
CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css Normal file
View File

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

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

125
CSS/addons/sonarr/sonarr-darker/sonarr-darker.css Normal file
View File

@ -0,0 +1,125 @@
:root {
--main-bg-color: #4f566f;
--modal-bg-color: #3a3f51;
--modal-header-color: #3a3f51;
--modal-footer-color: #3a3f51;
--drop-down-menu-bg: #3a3f51;
--button-color: #5899eb;
--button-color-hover: #3483e7;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 53, 197, 244;
--accent-color-hover: rgb(33, 147, 181);
--link-color: #35c5f4;
--link-color-hover: rgb(53, 197, 244, .8);
--label-text-color: #4f566f;
--text: #ccc;
--text-hover: #fff;
--text-muted: #999;
/*Specials*/
--arr-queue-color: #35c5f4;
--side-menu-active: #252833;
--scroller-hover: #656d8c;
--scroller: #9ea4b9;
--border-color: #4f566f;
--label-color: #4f566f;
--label-info: #5d9cec;
--header-color: #2193b5;
--side-menu-color: #3a3f51;
}
/* HEADER */
[class*="PageHeader-header-"] {
background-color: var(--header-color);
color: #fff;
}
/* SIDE MENU */
[class*="PageSidebar-sidebar-"] {
background-color: var(--side-menu-color);
color: #fff;
}
[class*=PageSidebarItem-link-]:focus {
color: rgb(var(--accent-color)) !important;
}
[class*=PageSidebarItem-isActiveLink-] {
color: var(--link-color) !important;
}
[class*=PageSidebarItem-isActiveParentLink-] {
background-color: var(--side-menu-active);
}
/* SCROLLER */
[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
[class*=OverlayScroller-thumb-]:hover {
background-color: var(--scroller-hover) !important;
}
[class*="OverlayScroller-thumb-"],
[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
background-color: var(--scroller) !important;
}
/* MODALS */
[class*=ModalHeader-modalHeader-],
[class*=FieldSet-legend-] {
border-bottom: 1px solid var(--border-color);
}
[class*=ModalFooter-modalFooter-] {
border-top: 1px solid var(--border-color);
}
/* LABLES */
[class*=Label-default-] {
border-color: var(--label-color);
background-color: var(--label-color);
color: white;
}
[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
border-color: var(--label-info);
background-color: var(--label-info);
color: white;
}
/* SETTINGS */
[class*=Settings-link-] {
border-bottom: 1px solid var(--border-color);
}
/* SEARCH DROP DOWN */
[class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] {
border: 1px solid var(--drop-down-menu-bg);
background-color: var(--drop-down-menu-bg);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
color: #e1e2e3;
}
/* SERIES PAGE */
[class*="SeriesIndexPoster-controls-"] {
background-color: var(--label-color) !important;
color: #fff !important;
}
[class*="SeriesIndexPoster-posterContainer-"]>span>button {
background-color: transparent;
color: white !important;
}
[class*="SeriesIndexPoster-action-"]:hover,
[class*=SeriesIndexPoster-action-] .fa-search:hover {
color: #ccc !important;
}

4
CSS/addons/unraid/login-page/alien/retro-terminal/amber.css
View File

@ -3,12 +3,12 @@
/*--body-after: #ffb52a33; /* This is the background that creates the crt lines, background uses a transparency of 20% */ /*--body-after: #ffb52a33; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ /*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
:root { :root {
--main-bg-color:black; --main-bg-color:black;
--body-before:#ffb52a1a; --body-before:#ffb52a1a;
--body-after: #ffb52a33; --body-after: #ffb52a33;
--logo: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromoyellow.png) center no-repeat; --logo: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/unraid/login-page/alien/logo/nostromoyellow.png) center no-repeat;
--text-color: #ffb52a; --text-color: #ffb52a;
--input-color: #ffb52a; --input-color: #ffb52a;
--link-color: #ffb52a; --link-color: #ffb52a;

4
CSS/addons/unraid/login-page/alien/retro-terminal/blue.css
View File

@ -3,12 +3,12 @@
/*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */ /*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ /*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
:root { :root {
--main-bg-color:black; --main-bg-color:black;
--body-before:#70d7f61a; --body-before:#70d7f61a;
--body-after: #70d7f633; --body-after: #70d7f633;
--logo: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromoblue.png) center no-repeat; --logo: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/unraid/login-page/alien/logo/nostromoblue.png) center no-repeat;
--text-color: #70d7f6; --text-color: #70d7f6;
--input-color: #70d7f6; --input-color: #70d7f6;
--link-color: #70d7f6; --link-color: #70d7f6;

4
CSS/addons/unraid/login-page/alien/retro-terminal/green.css
View File

@ -3,12 +3,12 @@
/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% */ /* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ /* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
:root { :root {
--main-bg-color:black; --main-bg-color:black;
--body-before:#00ff771a; --body-before:#00ff771a;
--body-after: #00ff7733; --body-after: #00ff7733;
--logo: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromogreen.png) center no-repeat; --logo: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/unraid/login-page/alien/logo/nostromogreen.png) center no-repeat;
--text-color: #37f592; --text-color: #37f592;
--input-color: #37f592; --input-color: #37f592;
--link-color: #37f592; --link-color: #37f592;

4
CSS/addons/unraid/login-page/alien/retro-terminal/red.css
View File

@ -3,12 +3,12 @@
/*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */ /*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ /*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
:root { :root {
--main-bg-color: black; --main-bg-color: black;
--body-before: #ff00001a; --body-before: #ff00001a;
--body-after: #ff000033; --body-after: #ff000033;
--logo: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromored.png) center no-repeat; --logo: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/unraid/login-page/alien/logo/nostromored.png) center no-repeat;
--text-color: #e22828; --text-color: #e22828;
--input-color: #e22828; --input-color: #e22828;
--link-color: #e22828; --link-color: #e22828;

4
CSS/addons/unraid/login-page/alien/retro-terminal/temp.css
View File

@ -3,12 +3,12 @@
/*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */ /*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ /*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
:root { :root {
--main-bg-color:black; --main-bg-color:black;
--body-before:#70d7f61a; --body-before:#70d7f61a;
--body-after: #70d7f633; --body-after: #70d7f633;
--logo: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromo3.png) center no-repeat; --logo: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/unraid/login-page/alien/logo/nostromo3.png) center no-repeat;
--text-color: #ffffff; --text-color: #ffffff;
--input-color: #ffffff; --input-color: #ffffff;
--link-color: #ffffff; --link-color: #ffffff;

4
CSS/addons/unraid/login-page/alien/retro-terminal/white.css
View File

@ -3,12 +3,12 @@
/*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */ /*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ /*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
:root { :root {
--main-bg-color:black; --main-bg-color:black;
--body-before:#70d7f61a; --body-before:#70d7f61a;
--body-after: #70d7f633; --body-after: #70d7f633;
--logo: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromo3.png) center no-repeat; --logo: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/unraid/login-page/alien/logo/nostromo3.png) center no-repeat;
--text-color: #ffffff; --text-color: #ffffff;
--input-color: #ffffff; --input-color: #ffffff;
--link-color: #ffffff; --link-color: #ffffff;

4
CSS/addons/unraid/login-page/fallout/fallout.css
View File

@ -2,8 +2,8 @@
@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap"; @import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
@import "https://fonts.googleapis.com/css?family=VT323"; @import "https://fonts.googleapis.com/css?family=VT323";
:root { :root {
--main-bg-color: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png), url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/6Ua3u8.jpg) center center/cover no-repeat fixed; --main-bg-color: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/unraid/login-page/fallout/wallpaper/rocky-wall.png), url(https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/unraid/login-page/fallout/wallpaper/6Ua3u8.jpg) center center/cover no-repeat fixed;
--logo: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/unraid/login-page/fallout/logo/vault.png) center no-repeat; --logo: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/unraid/login-page/fallout/logo/vault.png) center no-repeat;
--text-color: #14F074; --text-color: #14F074;
--input-color: #14F074; --input-color: #14F074;
--link-color: #14F074; --link-color: #14F074;

2
CSS/addons/unraid/login-page/retro-terminal/js/custom_text_header.js
View File

@ -3,7 +3,7 @@
// ACSII slant font // ACSII slant font
// Needs to be inside <section id="login" class="shadow"> // Needs to be inside <section id="login" class="shadow">
// You must escape any backward slashes. "\\" // YOU MUST ESCAPE ANY SINGLE BACKSLASHES LIKE SO: \\
let custom_text_header = ` let custom_text_header = `
<div class="custom-text-header"> <pre> __ ___ __ <div class="custom-text-header"> <pre> __ ___ __

34
CSS/defaults/placeholders.css Normal file
View File

@ -0,0 +1,34 @@
input::-webkit-input-placeholder {
color: var(--text) !important;
}
input:focus::-webkit-input-placeholder {
color: var(--text-hover) !important;
}
/* Firefox < 19 */
input:-moz-placeholder {
color: var(--text) !important;
}
input:focus:-moz-placeholder {
color: var(--text-hover) !important;
}
/* Firefox > 19 */
input::-moz-placeholder {
color: var(--text) !important;
}
input:focus::-moz-placeholder {
color: var(--text-hover) !important;
}
/* Internet Explorer 10 */
input:-ms-input-placeholder {
color: var(--text) !important;
}
input:focus:-ms-input-placeholder {
color: var(--text-hover) !important;
}

204
CSS/themes/adguard/adguard-base.css
View File

@ -12,6 +12,13 @@
body { body {
background: var(--main-bg-color); background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
color: var(--text) !important; color: var(--text) !important;
} }
@ -25,12 +32,25 @@ body {
body { body {
overflow-y: auto; overflow-y: auto;
height: 100%; height: 100%;
background: var(--main-bg-color) background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
} }
body *::-webkit-scrollbar-thumb { body *::-webkit-scrollbar-thumb {
background: hsla(0,0%,100%,.2); background: hsla(0, 0%, 100%, .2);
} }
body *:hover::-webkit-scrollbar-thumb {
background: hsla(0, 0%, 100%, 0.4);
}
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 14px; width: 14px;
} }
@ -58,17 +78,32 @@ body *::-webkit-scrollbar-thumb {
/* TEXT */ /* TEXT */
a { a {
color: var(--text) color: var(--link-color)
} }
a:hover { a:hover {
color: var(--accent-color-hover); color: var(--link-color-hover);
} }
a:-webkit-any-link:focus { a:-webkit-any-link:focus {
outline: none; outline: none;
} }
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: var(--text-hover)
}
/* LOGIN PAGE */ /* LOGIN PAGE */
.login .login__form .text-center .h-6 { .login .login__form .text-center .h-6 {
@ -83,15 +118,15 @@ a:-webkit-any-link:focus {
.login .btn-success:hover { .login .btn-success:hover {
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
color: var(--text-hover); color: var(--button-text-hover);
} }
.login .btn-link { .login .btn-link {
color: var(--text); color: var(--button-text);
} }
.login .btn-link:hover { .login .btn-link:hover {
color: var(--text-hover); color: var(--button-text-hover);
} }
.form__message--error { .form__message--error {
@ -109,19 +144,19 @@ a:-webkit-any-link:focus {
} }
.header .btn-outline-secondary { .header .btn-outline-secondary {
color: var(--text); color: var(--button-text);
background: var(--button-color); background: var(--button-color);
border-color: var(--button-color); border-color: var(--button-color);
} }
.header .btn-outline-secondary:hover { .header .btn-outline-secondary:hover {
color: var(--text-hover); color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
} }
.nav-tabs .nav-link.active { .nav-tabs .nav-link.active {
border-color: var(--accent-color); border-color: rgb(var(--accent-color));
color: var(--accent-color); color: rgb(var(--accent-color));
background: transparent; background: transparent;
} }
@ -152,7 +187,11 @@ a:-webkit-any-link:focus {
} }
.footer a:not(.btn) { .footer a:not(.btn) {
color: var(--text); color: var(--link-color);
}
.footer a:not(.btn):hover {
color: var(--link-color-hover);
} }
.footer .btn-outline-primary { .footer .btn-outline-primary {
@ -163,7 +202,7 @@ a:-webkit-any-link:focus {
} }
.footer .btn-outline-primary:hover { .footer .btn-outline-primary:hover {
color: var(--text); color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
@ -175,35 +214,45 @@ a:-webkit-any-link:focus {
/* BUTTONS */ /* BUTTONS */
.container .btn-outline-primary { .container .btn-outline-primary {
color: var(--text); color: var(--button-text);
background-color: var(--button-color); background-color: var(--button-color);
background-image: none; background-image: none;
border-color: var(--button-color); border-color: var(--button-color);
} }
.container .btn-outline-primary:hover { .container .btn-outline-primary:hover {
color: var(--text-hover); color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
.tooltip-container { .tooltip-container {
background: var(--tooltip-bg); background: rgb(var(--accent-color));
color: var(--label-text-color);
}
.toast--success {
background-color: rgba(90, 173, 99, 0.75);
} }
/* CARDS*/ /* CARDS*/
.card { .card {
background-color: rgb(255 255 255 / 8%); background-color: rgb(0 0 0 / 8%);
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
color: var(--text); color: var(--text);
} }
.card-header .card-title {
color: rgb(var(--accent-color));
}
.tooltip-custom__container { .tooltip-custom__container {
background: var(--tooltip-bg); background: rgb(var(--accent-color));
color: var(--label-text-color);
} }
.tooltip-custom__content-link { .tooltip-custom__content-link {
color: var(--tooltip-link-color); color: var(--link-color);
} }
.card-wrap, .card-wrap,
@ -245,10 +294,22 @@ a:-webkit-any-link:focus {
border-color: #F44336; border-color: #F44336;
} }
.btn-icon--green,
.icon--green {
color: var(--button-color);
}
/* DROPDOWNS */ /* DROPDOWNS */
.dropdown-menu { .dropdown-menu {
color: var(--text); color: var(--text);
background: var(--modal-bg-color); background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
background-clip: padding-box; background-clip: padding-box;
border: 1px solid rgba(0, 40, 100, 0.12); border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 3px; border-radius: 3px;
@ -264,31 +325,57 @@ a:-webkit-any-link:focus {
text-decoration: none; text-decoration: none;
background-color: rgb(255 255 255 / 0.08); background-color: rgb(255 255 255 / 0.08);
} }
.select__menu { .select__menu {
background: var(--modal-bg-color) !important; background: var(--modal-bg-color) !important;
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .5); box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .5);
} }
.select__option:hover {
.select__option:hover {
background: rgba(255, 255, 255, .08) !important; background: rgba(255, 255, 255, .08) !important;
} }
.select__option {
.select__option {
background: rgba(0, 0, 0, 0) !important; background: rgba(0, 0, 0, 0) !important;
border-bottom: solid rgba(255, 255, 255, .1) 1px; border-bottom: solid rgba(255, 255, 255, .1) 1px;
} }
.select__multi-value__remove { .select__multi-value__remove {
color: black; color: black;
} }
.basic-multi-select .select__control--is-focused, .basic-multi-select .select__control--is-focused:hover {
.basic-multi-select .select__control--is-focused,
.basic-multi-select .select__control--is-focused:hover {
border-color: transparent !important; border-color: transparent !important;
} }
/* INSTALL */
.setup__container {
background-color: rgb(0 0 0 / 8%);
}
.setup__progress-wrap {
background-color: rgb(0 0 0 / 50%);
}
.setup__logo {
filter: invert(1);
}
/* SETTINGS */ /* SETTINGS */
.checkbox__label-subtitle, .checkbox__label-subtitle,
.form__desc, .form__desc,
.page-subtitle, .page-subtitle,
.card-title small, .card-title small,
.card-subtitle { .card-subtitle {
color: var(--text); color: var(--text-hover);
} }
.dropdown-item.active, .dropdown-item.active,
@ -302,7 +389,7 @@ a:-webkit-any-link:focus {
/* LOGS */ /* LOGS */
.logs__table { .logs__table {
background-color: rgb(255 255 255 / 8%); background-color: rgb(0 0 0 / 8%);
} }
.logs__text, .logs__text,
@ -314,7 +401,7 @@ a:-webkit-any-link:focus {
color: var(--text) color: var(--text)
} }
.logs__no-data{ .logs__no-data {
color: var(--text); color: var(--text);
background-color: transparent; background-color: transparent;
} }
@ -337,6 +424,11 @@ a:-webkit-any-link:focus {
.ReactTable .rt-noData { .ReactTable .rt-noData {
background: transparent; background: transparent;
color: var(--text-muted);
}
.ReactTable .-pagination .-btn {
color: var(--text-muted);
} }
.ReactTable .-loading, .ReactTable .-loading,
@ -344,6 +436,25 @@ a:-webkit-any-link:focus {
background: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.5);
} }
.ReactTable .rt-thead .rt-th,
.ReactTable .rt-thead .rt-td,
.logs__cell--header__container {
color: var(--text-hover);
}
.ReactTable .rt-tbody .rt-tr-group {
border-bottom: solid 1px rgb(255 255 255 / 20%);
}
.table th,
.text-wrap table th,
.table td,
.text-wrap table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.loading:before { .loading:before {
background-color: transparent; background-color: transparent;
} }
@ -355,7 +466,7 @@ a:-webkit-any-link:focus {
/* FORMS */ /* FORMS */
.form-control--transparent { .form-control--transparent {
color: var(--text); color: var(--text-hover);
} }
.form-control--search { .form-control--search {
@ -370,7 +481,7 @@ a:-webkit-any-link:focus {
} }
.icon--selected { .icon--selected {
background-color: rgb(255 255 255 / 15%); background-color: rgb(0 0 0 / 15%);
border: solid 1px transparent; border: solid 1px transparent;
} }
@ -390,11 +501,11 @@ a:-webkit-any-link:focus {
.btn-success:disabled { .btn-success:disabled {
background-color: var(--button-color); background-color: var(--button-color);
border-color: var(--button-color); border-color: var(--button-color);
color: var(--text); color: var(--button-text);
} }
.btn-success:hover { .btn-success:hover {
color: var(--text-hover); color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
@ -406,7 +517,7 @@ a:-webkit-any-link:focus {
} }
.btn-secondary { .btn-secondary {
color: var(--text); color: var(--button-text);
background-color: rgb(255 255 255 / 25%); background-color: rgb(255 255 255 / 25%);
border-color: rgb(255 255 255 / 0%); border-color: rgb(255 255 255 / 0%);
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
@ -414,14 +525,38 @@ a:-webkit-any-link:focus {
} }
.btn-secondary:hover { .btn-secondary:hover {
color: var(--text-hover); color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: transparent; border-color: transparent;
} }
.checkbox__input:checked+.checkbox__label:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4zIDkuMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xMS44IDAuNUw1LjMgOC41IDAuNSA0LjIiLz48L3N2Zz4=);
background-color: rgb(var(--accent-color));
}
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgb(var(--accent-color));
}
.custom-control-input:focus~.custom-control-label::before,
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
-webkit-box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 0 2px rgb(var(--accent-color), .25);
box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 0 2px rgb(var(--accent-color), .25);
}
/* MODALS */ /* MODALS */
.modal-content { .modal-content {
background: var(--modal-bg-color); background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.ReactModal__Overlay--after-open { .ReactModal__Overlay--after-open {
@ -440,6 +575,13 @@ a:-webkit-any-link:focus {
.ReactModal__Content { .ReactModal__Content {
background: var(--modal-bg-color) !important; background: var(--modal-bg-color) !important;
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
border: 1px solid transparent !important; border: 1px solid transparent !important;
} }
} }

14
CSS/themes/adguard/aquamarine.css
View File

@ -13,16 +13,4 @@
/* ADGUARD AQUAMARINE THEME */ /* ADGUARD AQUAMARINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css);
--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;
--accent-color: #009688;
--accent-color-hover: #12afa0;
--tooltip-bg: #009688;
--tooltip-link-color: #f1c40f;
--text: #eee;
--text-hover: #fff;
}

14
CSS/themes/adguard/dark.css
View File

@ -13,16 +13,4 @@
/* ADGUARD DARK THEME */ /* ADGUARD DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dark.css);
--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);
--accent-color: rgba(255, 255, 255, 0.25);
--accent-color-hover: rgba(255, 255, 255, 0.45);
--tooltip-bg: #1f1f1f;
--tooltip-link-color: #f1c40f;
--text: #eee;
--text-hover: #fff;
}

16
CSS/themes/adguard/dracula.css Normal file
View File

@ -0,0 +1,16 @@
/* 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 */
/* ADGUARD DRACULA THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css);
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dracula.css);

14
CSS/themes/adguard/hotline.css
View File

@ -13,16 +13,4 @@
/* ADGUARD HOTLINE THEME */ /* ADGUARD HOTLINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/hotline.css);
--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);
--accent-color: #F44336;
--accent-color-hover: #0b3161;
--tooltip-bg: #F44336;
--tooltip-link-color: #0b3161;
--text: #eee;
--text-hover: #fff;
}

14
CSS/themes/adguard/organizr-dark.css
View File

@ -13,16 +13,4 @@
/* ADGUARD ORGANIZR-DARK THEME */ /* ADGUARD ORGANIZR-DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/organizr-dark.css);
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--accent-color: #2cabe3;
--accent-color-hover: white;
--tooltip-bg: #1b1b1b;
--tooltip-link-color: #2cabe3;
--text: #eee;
--text-hover: #fff;
}

14
CSS/themes/adguard/plex.css
View File

@ -13,16 +13,4 @@
/* ADGUARD PLEX THEME */ /* ADGUARD PLEX THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css);
--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;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
--tooltip-bg: #1f1f1f;
--tooltip-link-color: #e5a00d;
--text: #eee;
--text-hover: #fff;
}

14
CSS/themes/adguard/space-gray.css
View File

@ -13,16 +13,4 @@
/* ADGUARD SPACE GRAY THEME */ /* ADGUARD SPACE GRAY THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/space-gray.css);
--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;
--accent-color: #607D8B;
--accent-color-hover: #81a6b7;
--tooltip-bg: #607D8B;
--tooltip-link-color: #f1c40f;
--text: #eee;
--text-hover: #fff;
}

21
CSS/themes/bazarr/aquamarine.css
View File

@ -13,23 +13,4 @@
/* BAZARR AQUAMARINE THEME */ /* BAZARR AQUAMARINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css);
--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;
--label-text-color: #fff;
--text:#eee;
--text-hover: #fff;
--text-muted: #bbb;
}

194
CSS/themes/bazarr/bazarr-base.css
View File

@ -10,6 +10,8 @@
/* Made by @gilbN */ /* Made by @gilbN */
/* https://htpc.deathbybandaid.net/assets/theme.park */ /* https://htpc.deathbybandaid.net/assets/theme.park */
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/defaults/placeholders.css");
* { * {
outline: none; outline: none;
} }
@ -93,6 +95,26 @@ a:hover {
color: var(--text); color: var(--text);
} }
.table thead th {
color: var(--text-hover);
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgb(0 0 0 / 15%);
}
h1,
h2,
h3,
h4,
h5,
h6,
.custom-control-label,
label,
.modal-header {
color: var(--text-hover);
}
/* Form Stuff */ /* Form Stuff */
.header-container input[type=text] { .header-container input[type=text] {
@ -130,7 +152,7 @@ a:hover {
.form-control[readonly] { .form-control[readonly] {
background-color: rgb(255 255 255 / 15%); background-color: rgb(255 255 255 / 15%);
opacity: .7; opacity: .7;
color: var(--text); color: #fff;
border: 1px solid rgb(255 255 255 / 15%); border: 1px solid rgb(255 255 255 / 15%);
} }
@ -190,23 +212,49 @@ a:hover {
} }
.sidebar-container .sidebar-button { .sidebar-container .sidebar-button {
color: var(--text) !important;
background: transparent background: transparent
} }
.sidebar-container .sidebar-button:active, .sidebar-container .sidebar-button:active,
.sidebar-container .sidebar-button:focus { .sidebar-container .sidebar-button:focus {
color: #fff; color: rgb(var(--accent-color)) !important;
background-color: hsla(0, 0%, 100%, .08) !important; background-color: rgba(0, 0, 0, 0.15) !important;
} }
.sidebar-container .sidebar-button:hover { .sidebar-container .sidebar-button:hover {
background-color: hsla(0, 0%, 100%, .08) !important; background-color: transparent !important;
color: rgb(var(--accent-color)) !important;
} }
.sidebar-container .sidebar-button.sb-active { .content-header.bg-dark .btn-dark:hover {
background-color: hsla(0, 0%, 100%, .08); color: rgb(var(--accent-color));
} }
.sidebar-container .sidebar-button.sb-active,
.sidebar-container .sidebar-button.sb-active:hover {
background-color: rgba(0, 0, 0, 0.15) !important;
color: rgb(var(--accent-color)) !important;
}
.content-header.bg-dark>button {
color: var(--text);
}
.content-header.bg-dark>button:hover {
color: var(--text-hover);
}
.content-header.bg-dark .btn-dark {
color: var(--text);
}
.btn-dark.disabled:hover,
.btn-dark:disabled:hover {
color: var(--text) !important;
}
.sidebar-container .sidebar-collapse-box.active:before, .sidebar-container .sidebar-collapse-box.active:before,
.sidebar-container .sidebar-button.sb-active:before { .sidebar-container .sidebar-button.sb-active:before {
background-color: rgb(var(--accent-color)); background-color: rgb(var(--accent-color));
@ -217,12 +265,21 @@ a:hover {
.sidebar-container.open, .sidebar-container.open,
.sidebar-container { .sidebar-container {
background: var(--modal-bg-color); background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
} }
.sidebar-container .badge-secondary { .sidebar-container .badge-secondary {
color: var(--label-text-color); color: var(--label-text-color);
background-color: var(--queue-color); background-color: var(--arr-queue-color);
} }
/* TOP NAV BAR */ /* TOP NAV BAR */
.header-container .bg-primary { .header-container .bg-primary {
background-color: rgba(0, 0, 0, .35) !important; background-color: rgba(0, 0, 0, .35) !important;
@ -252,23 +309,43 @@ a:hover {
/* PAGES */ /* PAGES */
.content-header.bg-dark { .content-header.bg-dark {
background: var(--main-bg-color) !important; background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
border-bottom: solid 1px rgba(255, 255, 255, .1); border-bottom: solid 1px rgba(255, 255, 255, .1);
} }
/* LOGIN */ /* LOGIN */
.bg-light { .bg-light {
background-color: var(--main-bg-color) !important; background: var(--main-bg-color) !important;
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.auth-card { .auth-card {
border: 1px solid transparent; border: 1px solid transparent;
} }
.auth-card .card-footer { .auth-card .card-footer {
background-color: transparent; background-color: transparent;
border-top: 1px solid rgba(255, 255, 255, .1); border-top: 1px solid rgba(255, 255, 255, .1);
} }
hr {
border-top: 1px solid rgb(255 255 255 / 10%);
}
.card { .card {
background-color: rgba(0, 0, 0, .45); background-color: rgba(0, 0, 0, .45);
@ -313,7 +390,12 @@ a:hover {
} }
.badge-primary { .badge-primary {
color: #fff; color: var(--label-text-color);
background-color: rgb(var(--accent-color));
}
.text-truncate.badge.badge-secondary {
color: var(--label-text-color);
background-color: rgb(var(--accent-color)); background-color: rgb(var(--accent-color));
} }
@ -357,11 +439,27 @@ a:hover {
} }
.modal-header { .modal-header {
background: var(--modal-header-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
border-bottom: 1px solid var(--accent-color); border-bottom: 1px solid var(--accent-color);
} }
.modal-footer { .modal-footer {
background: var(--modal-footer-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
border-top: 1px solid var(--accent-color); border-top: 1px solid var(--accent-color);
} }
@ -563,6 +661,14 @@ a:hover {
background-color: rgba(var(--accent-color), .5) background-color: rgba(var(--accent-color), .5)
} }
.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
}
input {
color: var(--text-hover) !important;
}
.custom-select:focus { .custom-select:focus {
border-color: rgb(var(--accent-color)); border-color: rgb(var(--accent-color));
outline: 0; outline: 0;
@ -575,9 +681,17 @@ a:hover {
} }
/* DROPDOWN MENU */ /* DROPDOWN MENU */
.dropdown-menu { .dropdown-menu,
.dropdown-header {
color: var(--text); color: var(--text);
background: var(--modal-bg-color); background: var(--drop-down-menu-bg);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.dropdown-item { .dropdown-item {
@ -611,7 +725,14 @@ a:hover {
} }
.selector__menu { .selector__menu {
background: var(--modal-bg-color) !important; background: var(--drop-down-menu-bg) !important;
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
color: var(--text) color: var(--text)
} }
@ -620,16 +741,19 @@ a:hover {
} }
.custom-selector .selector__option--is-focused { .custom-selector .selector__option--is-focused {
background-color: rgba(var(--accent-color), .2) background-color: rgba(var(--accent-color), .2);
color: #fff;
} }
.custom-selector .selector__option--is-focused:active, .custom-selector .selector__option--is-focused:active,
.custom-selector .selector__option--is-focused:focus { .custom-selector .selector__option--is-focused:focus {
background-color: rgba(var(--accent-color), .2) background-color: rgba(var(--accent-color), .2);
color: #fff;
} }
.custom-selector .selector__option--is-selected { .custom-selector .selector__option--is-selected {
background-color: rgb(var(--accent-color)); background-color: rgb(var(--accent-color));
color: var(--label-text-color);
} }
.custom-selector .selector__option--is-selected:active { .custom-selector .selector__option--is-selected:active {
@ -671,46 +795,38 @@ line {
fill: none; fill: none;
} }
/* 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;
}
/* TOASTS */ /* TOASTS */
.toast { .toast {
background: var(--modal-bg-color); background: var(--modal-bg-color);
border: 1px solid rgba(0,0,0,.1); background-repeat: repeat, no-repeat;
box-shadow: 0 .25rem .75rem rgba(0,0,0,.1); background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
border: 1px solid rgba(0, 0, 0, .1);
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
color: var(--text) color: var(--text)
} }
.toast-header { .toast-header {
color: var(--text-hover); color: var(--text-hover);
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 { .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)); text-shadow: -2px -2px 5px rgba(var(--accent-color), .35), 2px -2px 5px rgba(var(--accent-color), .35), -2px 2px 5px rgba(var(--accent-color), .35), 2px 2px 5px rgba(var(--accent-color), .35);
overflow: visible overflow: visible
} }
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(var(--accent-color), .5) 25%, transparent 0, transparent 50%, rgba(var(--accent-color), .5) 0, rgba(var(--accent-color), .5) 75%, transparent 0, transparent);
background-size: 1rem 1rem
}
/* LOGS */ /* LOGS */
/* Stack traceback */ /* Stack traceback */
code.zmdi-language-python-alt { code.zmdi-language-python-alt {

21
CSS/themes/bazarr/dark.css
View File

@ -13,23 +13,4 @@
/* BAZARR DARK THEME */ /* BAZARR DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dark.css);
--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: rgba(255, 255, 255, 0.45);
--queue-color: #6b5;
--link-color: #ddd;
--link-color-hover: #fff;
--label-text-color: #fff;
--text:#eee;
--text-hover: #fff;
--text-muted: #999;
}

23
CSS/themes/bazarr/dracula.css
View File

@ -11,25 +11,6 @@
/* Made by @gilbN */ /* Made by @gilbN */
/* https://htpc.deathbybandaid.net/assets/theme.park */ /* https://htpc.deathbybandaid.net/assets/theme.park */
/* BAZARR AQUAMARINE THEME */ /* BAZARR DRACULA THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dracula.css);
--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;
}

21
CSS/themes/bazarr/hotline.css
View File

@ -13,23 +13,4 @@
/* BAZARR HOTLINE THEME */ /* BAZARR HOTLINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/hotline.css);
--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;
--label-text-color: #fff;
--text:#eee;
--text-hover: #fff;
--text-muted: #bbb;
}

21
CSS/themes/bazarr/organizr-dark.css
View File

@ -13,23 +13,4 @@
/* BAZARR ORGANIZR-DARK THEME */ /* BAZARR ORGANIZR-DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/organizr-dark.css);
--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;
--label-text-color: #fff;
--text:#96a2b4;
--text-hover: #fff;
--text-muted: #999;
}

21
CSS/themes/bazarr/plex.css
View File

@ -13,23 +13,4 @@
/* BAZARR PLEX THEME */ /* BAZARR PLEX THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css);
--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;
--label-text-color: #fff;
--text:#eee;
--text-hover: #fff;
--text-muted: #bbb;
}

21
CSS/themes/bazarr/space-gray.css
View File

@ -13,23 +13,4 @@
/* BAZARR SPACE GRAY THEME */ /* BAZARR SPACE GRAY THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/space-gray.css);
--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: #9adfff;
--link-color-hover: #fff;
--label-text-color: #fff;
--text: #eee;
--text-hover: #fff;
--text-muted: #bbb;
}

12
CSS/themes/bitwarden/aquamarine.css
View File

@ -13,14 +13,4 @@
/* BITWARDEN AQUAMARINE THEME */ /* BITWARDEN AQUAMARINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css);
--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;
--accent-color: #12afa0;
--accent-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
--link-color: #12afa0;
}

215
CSS/themes/bitwarden/bitwarden-base.css
View File

@ -21,17 +21,32 @@ img.logo {
body.layout_frontend, body.layout_frontend,
body { body {
background: var(--main-bg-color); background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
color: var(--text); color: var(--text);
} }
/* LINKS */ /* LINKS */
a { a,
app-vault-groupings .card .card-body a,
app-org-vault-groupings .card .card-body a,
.groupings .card .card-body a {
color: var(--link-color); color: var(--link-color);
} }
a:hover { a:hover,
color: var(--link-color); app-vault-groupings .card li.active>a:first-of-type,
opacity: .8; app-vault-groupings .card li.active>div a:first-of-type,
app-org-vault-groupings .card li.active>a:first-of-type,
app-org-vault-groupings .card li.active>div a:first-of-type,
.groupings .card li.active>a:first-of-type,
.groupings .card li.active>div a:first-of-type {
color: var(--link-color-hover) !important;
} }
/* TEXT */ /* TEXT */
@ -40,8 +55,7 @@ a:hover {
.modal-header small, .modal-header small,
.table, .table,
.text-body { .text-body {
color: var(--text) !important; color: var(--text-muted) !important;
opacity: .8;
} }
.table-hover tbody tr:hover { .table-hover tbody tr:hover {
@ -49,8 +63,24 @@ a:hover {
background-color: rgba(255, 255, 255, .08); background-color: rgba(255, 255, 255, .08);
} }
h3 { h1,
color: white !important; h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
label,
label:not(.form-check-label):not(.btn),
label.bold .card-header:first-child,
.card-header,
.modal-header {
color: var(--text-hover) !important;
} }
/* NAVBAR */ /* NAVBAR */
@ -58,19 +88,22 @@ h3 {
background-color: rgb(0 0 0 / 25%) !important; background-color: rgb(0 0 0 / 25%) !important;
} }
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
color: rgb(var(--accent-color));
}
/* CARDS */ /* CARDS */
.card { .card {
background-color: rgba(255, 255, 255, 0.07); background-color: rgba(255, 255, 255, 0.07);
} }
app-vault-groupings .card .card-body a {
color: var(--text);
}
app-vault-groupings .card li.active>a:first-of-type, app-vault-groupings .card li.active>a:first-of-type,
app-vault-groupings .card li.active>div a:first-of-type, app-vault-groupings .card li.active>div a:first-of-type,
app-vault-groupings .card li.active>div>.fa { app-vault-groupings .card li.active>div>.fa {
color: var(--accent-color); color: rgb(var(--accent-color));
} }
body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4 { body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4 {
@ -78,13 +111,20 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
} }
.password-number { .password-number {
color: var(--accent-color); color: rgb(var(--accent-color));
} }
/* MODALS */ /* MODALS */
.modal-content, .modal-content,
.modal-footer { .modal-footer {
background: var(--modal-bg-color); background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.close, .close,
@ -97,7 +137,14 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
} }
.swal2-popup { .swal2-popup {
background-color: var(--modal-bg-color); background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
color: var(--text); color: var(--text);
border: transparent; border: transparent;
} }
@ -111,7 +158,14 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
} }
.swal2-popup .swal2-actions { .swal2-popup .swal2-actions {
background-color: var(--modal-bg-color); background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.btn-primary, .btn-primary,
@ -143,13 +197,20 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
.form-control:disabled, .form-control:disabled,
.form-control[readonly] { .form-control[readonly] {
background-color: rgb(255 255 255 / 50%); background-color: rgb(255 255 255 / 25%);
opacity: 1; opacity: 1;
} }
/* DROPDOWN MENU */ /* DROPDOWN MENU */
.dropdown-menu { .dropdown-menu {
background: var(--modal-bg-color); background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
border: 1px solid transparent; border: 1px solid transparent;
box-shadow: 3px 3px 10px rgba(0, 0, 0, .2); box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
} }
@ -181,7 +242,7 @@ a.text-danger:focus {
.list-group-item.active { .list-group-item.active {
color: var(--text); color: var(--text);
background-color: rgb(255 255 255 / 10%); background-color: rgb(255 255 255 / 10%);
border-left: 3px solid var(--accent-color); border-left: 3px solid rgb(var(--accent-color));
} }
.callout { .callout {
@ -196,25 +257,27 @@ a.text-danger:focus {
/* BUTTONS */ /* BUTTONS */
.btn-link { .btn-link {
color: var(--button-color); color: var(--button-color);
color: var(--button-text);
} }
.btn-link:hover { .btn-link:hover {
color: var(--button-color); color: var(--button-color-hover);
opacity: .8; color: var(--button-text-hover);
transition: 0.15s; transition: 0.15s;
} }
.btn-primary { .btn-primary {
background-color: var(--button-color); background-color: var(--button-color);
border-color: var(--button-color); border-color: var(--button-color);
color: var(--button-text);
} }
.btn-primary:hover, .btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active { .btn-primary:not(:disabled):not(.disabled):active {
background-color: var(--button-color); background-color: var(--button-color-hover);
opacity: .8; border-color: var(--button-color-hover);
color: var(--button-text-hover);
transition: 0.15s; transition: 0.15s;
border-color: var(--button-color)
} }
.btn-primary:focus, .btn-primary:focus,
@ -231,26 +294,27 @@ a.text-danger:focus {
} }
.btn[class*="btn-outline-"]:not(:hover), .btn[class*="btn-outline-"]:not(:hover),
.swal2-popup .swal2-actions button[class*="btn-outline-"]:not(:hover) { .swal2-popup .swal2-actions button[class*="btn-outline-"]:not(:hover),
.swal2-popup .swal2-actions button.swal2-cancel {
border-color: var(--button-color); border-color: var(--button-color);
background-color: var(--button-color); background-color: var(--button-color);
color: var(--text-hover); color: var(--button-text);
} }
.btn-outline-secondary:hover, .btn-outline-secondary:hover,
.swal2-popup .swal2-actions button.swal2-cancel:hover { .swal2-popup .swal2-actions button.swal2-cancel:hover {
color: var(--text-hover); color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
.btn-outline-secondary:hover:not(:disabled), .btn-outline-secondary:hover:not(:disabled),
.swal2-popup .swal2-actions button.swal2-cancel:hover:not(:disabled) { .swal2-popup .swal2-actions button.swal2-cancel:hover:not(:disabled) {
color: var(--text-hover); color: var(--button-text-hover);
} }
.btn-outline-primary:hover { .btn-outline-primary:hover {
color: var(--text-hover); color: var(--button-text-hover) !important;
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
@ -258,15 +322,21 @@ a.text-danger:focus {
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle { .show>.btn-outline-primary.dropdown-toggle {
color: #fff; color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus { .show>.btn-outline-primary.dropdown-toggle:focus,
box-shadow: none; .btn-outline-secondary:focus,
.swal2-popup .swal2-actions button.swal2-cancel:focus,
.btn-outline-secondary.focus,
.swal2-popup .swal2-actions button.focus.swal2-cancel,
.btn-outline-primary:focus,
.btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgb(var(--accent-color), .5);
} }
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled):active,
@ -275,7 +345,7 @@ a.text-danger:focus {
.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active, .swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle, .show>.btn-outline-secondary.dropdown-toggle,
.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel { .swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel {
color: var(--text-hover); color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
@ -293,7 +363,7 @@ a.text-danger:focus {
.swal2-popup .swal2-actions button.disabled.swal2-confirm, .swal2-popup .swal2-actions button.disabled.swal2-confirm,
.btn-primary:disabled, .btn-primary:disabled,
.swal2-popup .swal2-actions button.swal2-confirm:disabled { .swal2-popup .swal2-actions button.swal2-confirm:disabled {
color: #fff; color: var(--button-text-hover);
background-color: var(--button-color); background-color: var(--button-color);
border-color: var(--button-color); border-color: var(--button-color);
opacity: .8; opacity: .8;
@ -301,7 +371,14 @@ a.text-danger:focus {
/* Org */ /* Org */
.org-nav { .org-nav {
background-color: var(--main-bg-color); background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.org-nav .nav-tabs a { .org-nav .nav-tabs a {
@ -309,7 +386,7 @@ a.text-danger:focus {
} }
.org-nav .nav-tabs a.active { .org-nav .nav-tabs a.active {
border-top: 3px solid var(--accent-color); border-top: 3px solid rgb(var(--accent-color));
} }
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active,
@ -319,51 +396,77 @@ a.text-danger:focus {
border-color: transparent; border-color: transparent;
} }
app-vault-groupings .card .card-body a,
app-org-vault-groupings .card .card-body a {
color: var(--text);
}
app-vault-groupings .card .card-body a:hover.text-muted { app-vault-groupings .card .card-body a:hover.text-muted {
color: #fff !important; color: #fff !important;
opacity: 1 !important; opacity: 1 !important;
} }
app-vault-groupings .card li.active>a:first-of-type, app-vault-groupings .card li.active>a:first-of-type,
app-vault-groupings .card li.active>div a:first-of-type, app-vault-groupings .card li.active>div a:first-of-type,
app-org-vault-groupings .card li.active>a:first-of-type, app-org-vault-groupings .card li.active>a:first-of-type,
app-org-vault-groupings .card li.active>div a:first-of-type { app-org-vault-groupings .card li.active>div a:first-of-type {
font-weight: bold; font-weight: bold;
color: var(--accent-color); color: rgb(var(--accent-color));
} }
/* PLACEHOLDER TEXT */ /* PLACEHOLDER TEXT */
::placeholder { input::-webkit-input-placeholder {
color: var(--text) !important; color: var(--text);
opacity: .5;
} }
:-moz-placeholder { input:focus::-webkit-input-placeholder {
color: var(--text) !important; color: #000;
opacity: .5;
} }
:-ms-input-placeholder { /* Firefox < 19 */
color: var(--text) !important; input:-moz-placeholder {
opacity: .5; color: var(--text);
} }
::-webkit-input-placeholder { input:focus:-moz-placeholder {
color: var(--text) !important; color: #000;
opacity: .5; }
/* Firefox > 19 */
input::-moz-placeholder {
color: var(--text);
}
input:focus::-moz-placeholder {
color: #000;
}
/* Internet Explorer 10 */
input:-ms-input-placeholder {
color: var(--text);
}
input:focus:-ms-input-placeholder {
color: #000;
} }
/* ADMIN PAGE */ /* ADMIN PAGE */
.bg-light { .bg-light {
background: var(--main-bg-color) !important; background: var(--main-bg-color) !important;
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.bg-light .navbar { .bg-light .navbar {
background-color: var(--main-bg-color) !important; background: var(--main-bg-color) !important;
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
/* Cards */ /* Cards */
@ -391,3 +494,9 @@ app-org-vault-groupings .card li.active>div a:first-of-type {
background-color: rgb(0 0 0 / 10%); background-color: rgb(0 0 0 / 10%);
border-color: rgb(0 0 0 / 10%); border-color: rgb(0 0 0 / 10%);
} }
.text-muted,
.card-header small,
.modal-header small {
color: var(--text-muted) !important;
}

12
CSS/themes/bitwarden/dark.css
View File

@ -13,14 +13,4 @@
/* BITWARDEN DARK THEME */ /* BITWARDEN DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dark.css);
--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);
--accent-color: #fff;
--accent-color-hover: rgba(255, 255, 255, 0.45);
--text: #eee;
--text-hover: #fff;
--link-hover: rgba(255, 255, 255, 0.45);
}

16
CSS/themes/bitwarden/dracula.css Normal file
View File

@ -0,0 +1,16 @@
/* 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 */
/* BITWARDEN DRACULA THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dracula.css);

12
CSS/themes/bitwarden/hotline.css
View File

@ -13,14 +13,4 @@
/* BITWARDEN HOTLINE THEME */ /* BITWARDEN HOTLINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/hotline.css);
--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);
--accent-color: #F44336;
--accent-color-hover: #0b3161;
--text: #eee;
--text-hover: #fff;
--link-hover: #F44336;
}

12
CSS/themes/bitwarden/organizr-dark.css
View File

@ -13,14 +13,4 @@
/* BITWARDEN ORGANIZR-DARK THEME */ /* BITWARDEN ORGANIZR-DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/organizr-dark.css);
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--accent-color:#2cabe3;
--accent-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
--link-color: #2cabe3;
}

12
CSS/themes/bitwarden/plex.css
View File

@ -13,14 +13,4 @@
/* BITWARDEN PLEX THEME */ /* BITWARDEN PLEX THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css);
--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;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
--text: #eee;
--text-hover: #fff;
--link-color:#fff;
}

12
CSS/themes/bitwarden/space-gray.css
View File

@ -13,14 +13,4 @@
/* BITWARDEN SPACE GRAY THEME */ /* BITWARDEN SPACE GRAY THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/space-gray.css);
--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;
--accent-color: #81a6b7;
--accent-color-hover: #81a6b7;
--text: #eee;
--text-hover: #fff;
--link-color: #81a6b7;
}

9
CSS/themes/calibreweb/aquamarine.css
View File

@ -14,11 +14,4 @@
/* CALIBRE-WEB AQUAMARINE THEME */ /* CALIBRE-WEB AQUAMARINE THEME */
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ /* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/calibreweb/calibreweb-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/calibreweb/calibreweb-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css);
--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;
--color-primary: #12afa0;
--color-secondary: #009688;
--color-secondary-hover: #12afa0;
--color-background-mobile: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
}

371
CSS/themes/calibreweb/calibreweb-base.css
View File

@ -1,44 +1,337 @@
/* 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 */
/* "Re-skin" of CaliBlur https://github.com/leram84/layer.Cake/tree/master/caliBlur */
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
/* APP VARS*/
:root {
--color-background: var(--main-bg-color);
--color-primary: rgb(var(--accent-color));
--color-secondary: var(--button-color);
--color-secondary-hover: var(--button-color-hover);
--color-background-mobile: var(--main-bg-color);
}
*,
*:focus,
*:active,
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
outline: none !important;
}
body:not(.read-frame) {
background: var(--main-bg-color) !important;
background-image: none;
}
.blur-wrapper:after {
background: var(--main-bg-color) !important;
}
body>.container-fluid {
background: var(--main-bg-color);
}
body.login:not(.read-frame),
body.shelfcreate,
body.shelfedit {
background: var(--main-bg-color) !important;
}
@media only screen and (max-width: 767px) {
.navbar-collapse.collapse {
background: var(--modal-bg-color) !important;
}
}
/* Book cover border */
.container-fluid .book .cover span img {
border: 1px solid transparent;
}
/* Buttons */
.btn-default a,
.btn-default a:hover {
color: var(--text);
}
/* TP */
/* TEXT */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
body.admin>div.container-fluid>div>div.col-sm-10>div.container-fluid>div.row:first-of-type>div.col>h2:before,
body.admin>div.container-fluid>div>div.col-sm-10>div.discover>h2:first-of-type:before,
body.edituser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before,
body.newuser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before,
.container-fluid .book .meta .author,
.container-fluid .book .meta .author>a:hover,
.well>h2,
body:not(.admin)>div.container-fluid>div>div.col-sm-10>div.discover:only-of-type>h2 {
color: var(--text-hover) !important;
}
/* dP dP dP */ body,
/* 88 88 88 */ html,
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ p {
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ color: var(--text) !important;
/* 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 */ .home-btn>a,
/* https://htpc.deathbybandaid.net/assets/theme.park */ .plexBack>a,
.container-fluid .book .meta .author,
.container-fluid .book .meta .author>a {
color: var(--text);
}
/* "Re-skin" of CaliBlur https://github.com/leram84/layer.Cake/tree/master/caliBlur */ .home-btn>a:hover,
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ body>div.navbar.navbar-default.navbar-static-top>div>div.home-btn>a:hover:before,
body:not(.read-frame) { .plexBack:not(.noBack):hover>a,
background: var(--main-bg-color) !important; .form-group>label,
background-image: none; label,
} body.authorlist>div.container-fluid>div>div.col-sm-10>div.container:before,
.blur-wrapper:after { body.catlist>div.container-fluid>div>div.col-sm-10>div.container:before,
background: var(--modal-bg-color) !important; body.langlist>div.container-fluid>div>div.col-sm-10>div.container:before,
} body.me>div.container-fluid>div>div.col-sm-10>div.discover:before,
body>.container-fluid { body.serieslist>div.container-fluid>div>div.col-sm-10>div.container:before {
background: var(--main-bg-color); color: var(--text-hover)
} }
body.login:not(.read-frame), body.shelfcreate, body.shelfedit {
background: var(--main-bg-color) !important;
}
@media only screen and (max-width: 767px) {
.navbar-collapse.collapse {
background: var(--modal-bg-color) !important;
}
}
/* Book cover border */
.container-fluid .book .cover span img {
border: 1px solid transparent;
}
/* Buttons */ /* LINKS */
.btn-default a, a,
.btn-default a:hover { body.admin,
color: var(--text); body.admin td>a {
} color: var(--link-color);
}
a:hover,
body.admin td>a:hover {
color: var(--link-color-hover);
}
.navigation .create-shelf a,
.meta>a>p {
color: var(--link-color) !important;
}
.navigation .create-shelf a:hover,
.author>a:hover,
.meta>a>p:hover {
color: var(--link-color-hover) !important;
}
/* tables */
th,
body.tasks>div.container-fluid>div>div.col-sm-10>div.discover>div.bootstrap-table>div.fixed-table-container>div.fixed-table-body>#table>thead>tr>th>.th-inner {
color: var(--text-hover) !important;
}
/* MODAL */
.modal-content {
background: var(--modal-bg-color);
}
#GeneralDeleteModal .bg-danger {
background: var(--modal-bg-color);
}
/* ICONS */
.glyphicon,
#add-to-shelf>span,
#btnGroupDrop1>span,
#readbtn>span,
#sendbtn>span,
.book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type>span,
.book-meta .btn-toolbar>.btn-group>.btn-warning>span,
.btn-toolbar>.btn-group>#btnGroupDrop2>span,
.btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2>span,
div[aria-label="Edit/Delete book"]>.btn>span {
color: var(--text);
}
#add-to-shelf:hover span,
#btnGroupDrop1:hover>span,
#readbtn:hover>span,
#sendbtn:hover>span,
.book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type:hover>span,
.book-meta .btn-toolbar>.btn-group>.btn-warning:hover>span,
.btn-toolbar>.btn-group>#btnGroupDrop2:hover>span,
.btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2:hover>span,
div[aria-label="Edit/Delete book"]>.btn>span:hover,
#btnGroupDrop1[aria-expanded=true]>span,
#shelf-actions>.btn-group.open>#add-to-shelf>span {
color: var(--text-hover);
}
/* DROPDOWN MENU */
.dropdown-menu {
background: var(--drop-down-menu-bg) !important;
}
.dropdown-menu>li>a {
color: var(--text);
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
color: var(--text-hover);
background: hsla(0, 0%, 100%, .08);
}
/* SIDEMENU */
.navigation li a:hover .glyphicon,
.navigation li a:hover {
color: rgb(var(--accent-color));
}
.navigation li a {
color: var(--text);
}
.navigation .nav-head {
color: var(--text-hover);
}
body>div.navbar.navbar-default.navbar-static-top>div>div.navbar-header>a:hover {
color: var(--accent-color-hover) !important;
-webkit-transition: color .2s;
-o-transition: color .2s;
transition: color .2s;
background-color: rgba(0, 0, 0, .55) !important;
}
/* NAVBAR */
.navbar-default .navbar-nav>li>a:focus .glyphicon,
.navbar-default .navbar-nav>li>a:hover .glyphicon {
color: var(--text-hover) !important;
}
/* BUTTONS */
.btn-primary,
.btn-primary>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf>span::before) {
color: var(--button-text);
background-color: var(--button-color);
border-color: var(--button-color);
}
.btn-primary:hover:not(#add-to-shelf),
.btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not(#add-to-shelf) {
border-color: var(--button-color-hover);
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary,
.btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span),
.btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span),
.btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span) {
background-color: var(--button-color-hover);
}
.btn-primary.active.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
.btn-primary.active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
.btn-primary.active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
.btn-primary:active.focus:not(#edit_book):not(#add-to-shelf:not([data-original-title="Download :"])):not(#btnGroupDrop1),
.btn-primary:active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
.btn-primary:active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
.open>.dropdown-toggle.btn-primary.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
.open>.dropdown-toggle.btn-primary:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
.open>.dropdown-toggle.btn-primary:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
.btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1),
.btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1),
.btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1) {
color: var(--button-text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
.book-meta>.bookinfo .btn-info,
.book-meta>.bookinfo .btn-success {
background-color: rgb(var(--accent-color));
color: var(--label-text-color);
font-size: 13px;
display: inline-block;
border-radius: 4px;
vertical-align: middle;
font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif;
-webkit-transition: background-color .2s, color .2s;
-o-transition: background-color .2s, color .2s;
transition: background-color .2s, color .2s;
text-transform: uppercase;
}
.book-meta>.bookinfo .btn-info:hover,
.book-meta>.bookinfo .btn-success:hover {
color: var(--label-text-color);
text-decoration: none;
background: var(--accent-color-hover);
}
[data-target="#fileModal"] span {
color: var(--button-text);
}
[data-target="#fileModal"]:hover span {
color: var(--button-text-hover);
}
/* ALERT */
.alert {
background: var(--modal-bg-color);
color: var(--text-hover);
}
/* SERIES PAGE */
/* from caliBlur_overide.css */
.cover .badge {
color: var(--label-text-color);
background-color: rgb(var(--accent-color));
position: absolute;
top: 0;
left: 0;
border-radius: 0;
padding: 0 8px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
line-height: 24px;
}
.cover {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}
.cover .read {
padding: 0 0;
line-height: 15px;
}
body.serieslist.grid-view div.container-fluid > div > div.col-sm-10::before {
display: none;
}

9
CSS/themes/calibreweb/dark.css
View File

@ -14,11 +14,4 @@
/* CALIBRE-WEB DARK THEME */ /* CALIBRE-WEB DARK THEME */
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ /* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/calibreweb/calibreweb-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/calibreweb/calibreweb-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dark.css);
--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;
--color-primary: #F9BE03;
--color-secondary: #CC7B19;
--color-secondary-hover: #E59029;
--color-background-mobile: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
}

17
CSS/themes/calibreweb/dracula.css Normal file
View File

@ -0,0 +1,17 @@
/* 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 */
/* CALIBRE-WEB DRACULA THEME */
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/calibreweb/calibreweb-base.css);
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dracula.css);

9
CSS/themes/calibreweb/hotline.css
View File

@ -14,11 +14,4 @@
/* CALIBRE-WEB HOTLINE THEME */ /* CALIBRE-WEB HOTLINE THEME */
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ /* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/calibreweb/calibreweb-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/calibreweb/calibreweb-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/hotline.css);
--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;
--color-primary: #ff6155;
--color-secondary: #F44336;
--color-secondary-hover: #0b3161;
--color-background-mobile: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
}

9
CSS/themes/calibreweb/organizr-dark.css
View File

@ -14,11 +14,4 @@
/* CALIBRE-WEB ORGANIZR-DARK THEME */ /* CALIBRE-WEB ORGANIZR-DARK THEME */
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ /* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/calibreweb/calibreweb-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/calibreweb/calibreweb-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/organizr-dark.css);
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--color-primary: #2cabe3;
--color-secondary: #2cabe3;
--color-secondary-hover: rgb(44 171 227 / .8);
--color-background-mobile: #1f1f1f;
}

9
CSS/themes/calibreweb/space-gray.css
View File

@ -14,11 +14,4 @@
/* CALIBRE-WEB SPACE GRAY THEME */ /* CALIBRE-WEB SPACE GRAY THEME */
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ /* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/calibreweb/calibreweb-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/calibreweb/calibreweb-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/space-gray.css);
--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;
--color-primary: #c3dde8;
--color-secondary: #81a6b7;
--color-secondary-hover: #607D8B;
--color-background-mobile: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
}

8
CSS/themes/deluge/aquamarine.css
View File

@ -13,10 +13,4 @@
/* DELUGE AQUAMARINE THEME */ /* DELUGE AQUAMARINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css);
--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 center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--progress-color: #009688;
--button-color: #009688;
--button-color-hover: #12afa0;
}

8
CSS/themes/deluge/dark.css
View File

@ -13,10 +13,4 @@
/* DELUGE DARK THEME */ /* DELUGE DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dark.css);
--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;
--progress-color: #3d3d3d;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
}

4542
CSS/themes/deluge/deluge-base.css
View File

File diff suppressed because it is too large Load Diff

16
CSS/themes/deluge/dracula.css Normal file
View File

@ -0,0 +1,16 @@
/* 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 */
/* DELUGE DRACULA THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css);
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dracula.css);

8
CSS/themes/deluge/hotline.css
View File

@ -13,10 +13,4 @@
/* DELUGE HOTLINE THEME */ /* DELUGE HOTLINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/hotline.css);
--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 center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--progress-color: #df6c4c;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
}

8
CSS/themes/deluge/organizr-dark.css
View File

@ -13,10 +13,4 @@
/* DELUGE ORGANIZR-DARK THEME */ /* DELUGE ORGANIZR-DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/organizr-dark.css);
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--progress-color: #2cabe3;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
}

8
CSS/themes/deluge/plex.css
View File

@ -13,10 +13,4 @@
/* DELUGE PLEX THEME */ /* DELUGE PLEX THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css);
--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;
--progress-color: #cc7b19;
--button-color: #cc7b19;
--button-color-hover: #e59029;
}

8
CSS/themes/deluge/space-gray.css
View File

@ -13,10 +13,4 @@
/* DELUGE SPACE GRAY THEME */ /* DELUGE SPACE GRAY THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/space-gray.css);
--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;
--progress-color: #607D8B;
--button-color: #607D8B;
--button-color-hover: #81a6b7;
}

17
CSS/themes/dozzle/aquamarine.css
View File

@ -13,19 +13,4 @@
/* DOZZLE AQUAMARINE THEME */ /* DOZZLE AQUAMARINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css);
--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;
--accent-color: 0, 150, 136;
--button-color: #009688;
--button-color-hover: #12afa0;
--button-text: #eee;
--button-text-hover: #FFF;
--text-strong-color: #fff;
--text-color: #eee;
--text-muted: #999;
--border-color: rgb(255 255 255 / 25%);
--logo-color: rgb(var(--accent-color));
--body-background-color: var(--main-bg-color);
--border-hover-color: rgb(var(--accent-color));
}

17
CSS/themes/dozzle/dark.css
View File

@ -13,19 +13,4 @@
/* DOZZLE DARK THEME */ /* DOZZLE DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dark.css);
--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;
--accent-color: 100, 100, 100;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--button-text-hover: #FFF;
--text-color: #eee;
--text-strong-color: #fff;
--text-muted: #727272;
--border-color: rgb(255 255 255 / 25%);
--logo-color: rgb(var(--accent-color));
--body-background-color: var(--main-bg-color);
--border-hover-color: rgb(var(--accent-color));
}

58
CSS/themes/dozzle/dozzle-base.css
View File

@ -10,6 +10,15 @@
/* Made by @gilbN */ /* Made by @gilbN */
/* https://htpc.deathbybandaid.net/assets/theme.park */ /* https://htpc.deathbybandaid.net/assets/theme.park */
:root {
--scheme-main-ter: var(--main-bg-color);
--text-strong-color: var(--button-text-hover);
--border-color: rgb(255 255 255 / 25%);
--logo-color: rgb(var(--accent-color));
--body-background-color: var(--main-bg-color);
--border-hover-color: rgb(var(--accent-color));
}
* { * {
outline: none; outline: none;
} }
@ -17,7 +26,25 @@
html, html,
body { body {
background: var(--main-bg-color) !important; background: var(--main-bg-color) !important;
color: var(--text-color); background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
color: var(--text);
}
h1,
h2,
h3,
h4,
h5,
h6,
section header,
.menu-label {
color: var(--text-hover) !important;
} }
@ -51,16 +78,17 @@ html.has-custom-scrollbars section main {
/* Text important */ /* Text important */
p, p,
.menu-list a { .menu-list a {
color: var(--text-color) !important; color: var(--text) !important;
} }
.panel-heading { .panel-heading {
background-color: rgb(var(--accent-color)); background-color: rgb(var(--accent-color));
color: var(--label-text-color) !important;
} }
.panel-block { .panel-block {
color: var(--text-color); color: var(--text);
} }
.panel-tabs a.is-active { .panel-tabs a.is-active {
@ -70,7 +98,7 @@ p,
.panel-tabs a { .panel-tabs a {
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
color: var(--text-color); color: var(--text);
} }
.panel-tabs a:hover { .panel-tabs a:hover {
@ -87,13 +115,13 @@ label.panel-block:hover {
/* Side Menu*/ /* Side Menu*/
.menu-list a:hover { .menu-list a:hover {
background-color: rgba(255, 255, 255, .08); background-color: rgba(255, 255, 255, .08);
color: var(--text-strong-color); color: var(--text-hover) !important;
} }
.menu-list a.is-active, .menu-list a.is-active,
.menu-list a.is-active:hover { .menu-list a.is-active:hover {
background-color: rgb(var(--accent-color)); background-color: rgb(var(--accent-color));
color: #fff !important; color: var(--label-text-color) !important;
} }
.menu-list li:hover .column-icon:hover { .menu-list li:hover .column-icon:hover {
@ -109,6 +137,13 @@ li.exited a {
.input, .input,
.dropdown-content { .dropdown-content {
background: var(--modal-bg-color); background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
border-color: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .1);
border-radius: 4px; border-radius: 4px;
color: var(--text-strong-color); color: var(--text-strong-color);
@ -185,6 +220,17 @@ section .is-scrollbar-notification button {
color: var(--button-text-hover) !important; color: var(--button-text-hover) !important;
} }
#hide-nav {
background: var(--button-color) !important;
color: var(--button-text) !important;
}
#hide-nav:hover {
border-color: var(--button-color-hover) !important;
background: var(--button-color-hover) !important;
color: var(--button-text-hover) !important;
}
code { code {
background: rgba(0, 0, 0, .35) !important; background: rgba(0, 0, 0, .35) !important;
} }

16
CSS/themes/dozzle/dracula.css Normal file
View File

@ -0,0 +1,16 @@
/* 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 */
/* DOZZLE DRACULA THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css);
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dracula.css);

17
CSS/themes/dozzle/hotline.css
View File

@ -13,19 +13,4 @@
/* DOZZLE HOTLINE THEME */ /* DOZZLE HOTLINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/hotline.css);
--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;
--accent-color: 244, 67, 54;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--button-text-hover: #FFF;
--text-color: #eee;
--text-strong-color: #fff;
--text-muted: #bbb;
--border-color: rgb(255 255 255 / 25%);
--logo-color: rgb(var(--accent-color));
--body-background-color: var(--main-bg-color);
--border-hover-color: rgb(var(--accent-color));
}

17
CSS/themes/dozzle/organizr-dark.css
View File

@ -13,19 +13,4 @@
/* DOZZLE ORGANIZR-DARK THEME */ /* DOZZLE ORGANIZR-DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/organizr-dark.css);
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--accent-color: 44, 171, 227;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--button-text: #eee;
--button-text-hover: #FFF;
--text-color: #96a2b4;
--text-strong-color: #fff;
--text-muted: #bbb;
--border-color: rgb(255 255 255 / 25%);
--logo-color: rgb(var(--accent-color));
--body-background-color: var(--main-bg-color);
--border-hover-color: rgb(var(--accent-color));
}

17
CSS/themes/dozzle/plex.css
View File

@ -13,19 +13,4 @@
/* DOZZLE PLEX THEME */ /* DOZZLE PLEX THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css);
--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;
--accent-color: 229, 160, 13;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--button-text: #eee;
--button-text-hover: #FFF;
--text-color: #eee;
--text-strong-color: #fff;
--text-muted: #bbb;
--border-color: rgb(255 255 255 / 25%);
--logo-color: rgb(var(--accent-color));
--body-background-color: var(--main-bg-color);
--border-hover-color: rgb(var(--accent-color));
}

17
CSS/themes/dozzle/space-gray.css
View File

@ -13,19 +13,4 @@
/* DOZZLE SPACE GRAY THEME */ /* DOZZLE SPACE GRAY THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/space-gray.css);
--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;
--accent-color: 129, 166, 183;
--button-color: #607D8B;
--button-color-hover: #81a6b7;
--button-text: #eee;
--button-text-hover: #FFF;
--text-color: #eee;
--text-strong-color: #fff;
--text-muted: #bbb;
--border-color: rgb(255 255 255 / 25%);
--logo-color: rgb(var(--accent-color));
--body-background-color: var(--main-bg-color);
--border-hover-color: rgb(var(--accent-color));
}

13
CSS/themes/duplicacy/aquamarine.css
View File

@ -13,15 +13,4 @@
/* DUPLICACY AQUAMARINE THEME */ /* DUPLICACY AQUAMARINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css);
--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;
--accent-color: #12afa0;
--accent-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
--link-color: #12afa0;
}

13
CSS/themes/duplicacy/dark.css
View File

@ -13,15 +13,4 @@
/* DUPLICACY DARK THEME */ /* DUPLICACY DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dark.css);
--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;
--accent-color: #fff;
--accent-color-hover: rgba(255, 255, 255, 0.45);
--text: #eee;
--text-hover: #fff;
--link-hover: rgba(255, 255, 255, 0.45);
}

16
CSS/themes/duplicacy/dracula.css Normal file
View File

@ -0,0 +1,16 @@
/* 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 */
/* DUPLICACY DRACULA THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dracula.css);

184
CSS/themes/duplicacy/duplicacy-base.css
View File

@ -13,18 +13,25 @@
body { body {
background: var(--main-bg-color); background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
a { a:not(.timeline-content a) {
color: var(--link-color); color: var(--link-color) !important;
} }
a:hover { a:hover:not(.timeline-content a) {
color: #fff; color: var(--link-color-hover) !important;
} }
a.disabled-link { a.disabled-link {
color: #666; color: var(--text-muted);
} }
/* Scrollbar */ /* Scrollbar */
@ -38,7 +45,14 @@ a.disabled-link {
body { body {
overflow-y: auto; overflow-y: auto;
height: 100%; height: 100%;
background: var(--main-bg-color) background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
} }
@ -68,11 +82,8 @@ a.disabled-link {
/* TEXT */ /* TEXT */
body, body,
.card,
.category, .category,
.card label,
.card .labels p, .card .labels p,
.card .title,
.card .stats, .card .stats,
.vis-time-axis .vis-text, .vis-time-axis .vis-text,
.footer .copyright, .footer .copyright,
@ -82,8 +93,37 @@ body,
color: var(--text) !important; color: var(--text) !important;
} }
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
.card label,
.card,
.card .title {
color: var(--text-hover);
}
label {
color: var(--text) !important;
}
.main-panel { .main-panel {
background: var(--main-bg-color); background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.content .card { .content .card {
@ -99,7 +139,7 @@ body,
} }
.text-primary { .text-primary {
color: var(--accent-color); color: rgb(var(--accent-color));
} }
.text-primary:hover { .text-primary:hover {
@ -141,7 +181,7 @@ body,
.col-xs-4 .card, .col-xs-4 .card,
.col-xs-12 .card, .col-xs-12 .card,
.col-xs-8 .card { .col-xs-8 .card {
background: rgb(255 255 255 / 8%) !important; background: rgb(0 0 0 / 8%) !important;
} }
#schedule-0, #schedule-0,
@ -164,8 +204,9 @@ body,
#schedule-17, #schedule-17,
#schedule-18, #schedule-18,
#schedule-19, #schedule-19,
#schedule-20 { #schedule-20,
background-color: rgb(255 255 255 / 8%); [id*="#schedule-"] {
background-color: rgb(0 0 0 / 8%);
} }
/* TIMELINE */ /* TIMELINE */
@ -227,22 +268,27 @@ body,
background: rgb(0 0 0 / 10%); background: rgb(0 0 0 / 10%);
} }
.sidebar[data-background-color="black"] .logo,
.off-canvas-sidebar[data-background-color="black"] .logo {
border-bottom: 1px solid rgba(var(--accent-color));
}
.sidebar .nav li.active>a:before, .sidebar .nav li.active>a:before,
.sidebar .nav li.active>a:after { .sidebar .nav li.active>a:after {
border-right: 17px solid var(--accent-color); border-right: 17px solid rgb(var(--accent-color));
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.off-canvas-sidebar .nav li.active>a:before, .off-canvas-sidebar .nav li.active>a:before,
.off-canvas-sidebar .nav li.active>a:after { .off-canvas-sidebar .nav li.active>a:after {
border-right: 17px solid var(--accent-color); border-right: 17px solid rgb(var(--accent-color));
} }
} }
.sidebar[data-active-color="success"] .nav li.active>a, .sidebar[data-active-color="success"] .nav li.active>a,
.off-canvas-sidebar[data-active-color="success"] .nav li.active>a { .off-canvas-sidebar[data-active-color="success"] .nav li.active>a {
color: var(--accent-color) !important; color: rgb(var(--accent-color)) !important;
} }
.sidebar .nav li>a:hover { .sidebar .nav li>a:hover {
@ -256,15 +302,38 @@ body,
/* MODAL */ /* MODAL */
.modal-content { .modal-content {
background: var(--modal-bg-color); background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
border: 1px solid transparent; border: 1px solid transparent;
} }
.modal-header { .modal-header {
border-bottom: 1px solid rgb(255 255 255 / 25%); border-bottom: 1px solid rgb(var(--accent-color));
background: var(--modal-header-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.modal-footer { .modal-footer {
border-top: 1px solid rgb(255 255 255 / 25%); border-top: 1px solid rgb(var(--accent-color));
background: var(--modal-footer-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.modal-body .nav-tabs>li.active>a, .modal-body .nav-tabs>li.active>a,
@ -310,6 +379,13 @@ body,
/* DROPDOWN */ /* DROPDOWN */
.dropdown-menu { .dropdown-menu {
background: var(--modal-bg-color); background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.dropdown a { .dropdown a {
@ -397,6 +473,7 @@ fieldset[disabled] .form-control {
.btn-info.btn-fill:focus { .btn-info.btn-fill:focus {
background: var(--button-color-hover); background: var(--button-color-hover);
border: var(--button-color-hover); border: var(--button-color-hover);
color: var(--button-text-hover);
} }
.btn-primary { .btn-primary {
@ -408,13 +485,13 @@ fieldset[disabled] .form-control {
.btn-primary:focus, .btn-primary:focus,
.btn-primary:active:focus { .btn-primary:active:focus {
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
color: var(--text-hover); color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
} }
.btn-primary:hover { .btn-primary:hover {
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
color: var(--text-hover); color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
} }
@ -425,7 +502,7 @@ fieldset[disabled] .form-control {
} }
.btn-primary.btn-fill:hover { .btn-primary.btn-fill:hover {
color: var(--text-hover); color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
@ -436,7 +513,7 @@ div>div>div.modal-footer>button.btn.btn-default.pull-left,
.btn-danger.btn-fill { .btn-danger.btn-fill {
border-color: #f05050; border-color: #f05050;
background-color: #f05050; background-color: #f05050;
color: var(--button-text); color: #eee;
} }
div>div>div.modal-footer>button.btn.btn-default.pull-left:hover, div>div>div.modal-footer>button.btn.btn-default.pull-left:hover,
@ -446,20 +523,20 @@ div>div>div.modal-footer>button.btn.btn-default.pull-left:focus,
.btn-danger.btn-fill:hover, .btn-danger.btn-fill:hover,
.btn-danger.btn-fill:focus { .btn-danger.btn-fill:focus {
border-color: #ec2626; border-color: #ec2626;
color: var(--text-hover); color: #fff;
background-color: #ec2626; background-color: #ec2626;
} }
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default { div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default {
border-color: #f05050; border-color: #f05050;
background-color: #f05050; background-color: #f05050;
color: var(--button-text); color: #eee;
} }
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:hover, div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:hover,
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:focus { div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:focus {
border-color: #ec2626; border-color: #ec2626;
color: var(--text-hover); color: #fff;
background-color: #ec2626; background-color: #ec2626;
} }
@ -484,12 +561,37 @@ div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.bt
.btn-success.active, .btn-success.active,
.open>.btn-success.dropdown-toggle { .open>.btn-success.dropdown-toggle {
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
color: var(--text-hover); color: var(--button-text-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
.btn-icon {
background-color: rgb(var(--accent-color));
color: var(--label-text-color);
border-color: rgb(var(--accent-color));
}
.btn-icon.active.focus,
.btn-icon.active:focus,
.btn-icon.active:hover,
.btn-icon:active.focus,
.btn-icon:active:focus,
.btn-icon:active:hover,
.btn-icon:hover,
.btn-icon:focus,
.btn-icon:active,
.btn-icon.active,
.open>.dropdown-toggle.btn-icon.focus,
.open>.dropdown-toggle.btn-icon:focus,
.open>.dropdown-toggle.btn-icon:hover {
background-color: var(--accent-color-hover) !important;
color: var(--label-text-color);
border-color: var(--accent-color-hover);
}
.radio-box input:checked~.radio-button { .radio-box input:checked~.radio-button {
background-color: var(--button-color); background-color: var(--button-color);
color: var(--label-text-color);
} }
/* TABLES */ /* TABLES */
@ -507,10 +609,18 @@ div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.bt
.table>thead>tr>th.active, .table>thead>tr>th.active,
.row-clickable.active { .row-clickable.active {
background-color: rgb(0 0 0 / 25%); background-color: rgb(0 0 0 / 25%);
color: var(--text-hover);
} }
.fixed-header th { .fixed-header th {
background: var(--main-bg-color); background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.table thead tr>th, .table thead tr>th,
@ -518,11 +628,14 @@ div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.bt
.table tbody tr>th, .table tbody tr>th,
.table tbody tr>td, .table tbody tr>td,
.table tfoot tr>th, .table tfoot tr>th,
.table tfoot tr>td, .table tfoot tr>td {
hr {
border-top: 1px solid rgb(255 255 255 / 20%); border-top: 1px solid rgb(255 255 255 / 20%);
} }
hr {
border-top: 1px solid rgb(var(--accent-color));
}
.list-group-item { .list-group-item {
background-color: transparent; background-color: transparent;
} }
@ -530,8 +643,8 @@ hr {
.list-group-item.active, .list-group-item.active,
.list-group-item.active:focus, .list-group-item.active:focus,
.list-group-item.active:hover { .list-group-item.active:hover {
background-color: var(--accent-color); background-color: rgb(var(--accent-color));
border-color: var(--accent-color); border-color: rgb(var(--accent-color));
} }
/* PROGRESS BARS */ /* PROGRESS BARS */
@ -540,7 +653,7 @@ hr {
} }
.progress-bar { .progress-bar {
background-color: var(--accent-color); background-color: rgb(var(--accent-color));
} }
.progress span { .progress span {
@ -557,10 +670,17 @@ hr {
.off-canvas-sidebar .sidebar-wrapper { .off-canvas-sidebar .sidebar-wrapper {
box-shadow: 0 0 10px 0px #000000; box-shadow: 0 0 10px 0px #000000;
background: var(--modal-bg-color); background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.off-canvas-sidebar .nav li.active>a:before, .off-canvas-sidebar .nav li.active>a:before,
.off-canvas-sidebar .nav>li.active>a:after { .off-canvas-sidebar .nav>li.active>a:after {
border-left: 17px solid var(--accent-color); border-left: 17px solid rgb(var(--accent-color));
} }
} }

13
CSS/themes/duplicacy/hotline.css
View File

@ -13,15 +13,4 @@
/* DUPLICACY HOTLINE THEME */ /* DUPLICACY HOTLINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/hotline.css);
--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;
--accent-color: #F44336;
--accent-color-hover: #0b3161;
--text: #eee;
--text-hover: #fff;
--link-hover: #F44336;
}

13
CSS/themes/duplicacy/organizr-dark.css
View File

@ -13,15 +13,4 @@
/* DUPLICACY ORGANIZR-DARK THEME */ /* DUPLICACY ORGANIZR-DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/organizr-dark.css);
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--button-text: #eee;
--accent-color:#2cabe3;
--accent-color-hover: #fff;
--text:#96a2b4;
--text-hover: #fff;
--link-color: #2cabe3;
}

13
CSS/themes/duplicacy/plex.css
View File

@ -13,15 +13,4 @@
/* DUPLICACY PLEX THEME */ /* DUPLICACY PLEX THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css);
--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;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
--text: #eee;
--text-hover: #fff;
--link-color:#fff;
}

13
CSS/themes/duplicacy/space-gray.css
View File

@ -13,15 +13,4 @@
/* DUPLICACY SPACE GRAY THEME */ /* DUPLICACY SPACE GRAY THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css); @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
:root { @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/space-gray.css);
--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;
--accent-color: #81a6b7;
--accent-color-hover: #81a6b7;
--text: #eee;
--text-hover: #fff;
--link-color: #81a6b7;
}

48
CSS/themes/emby/aquamarine.css
View File

@ -13,50 +13,4 @@
/* EMBY AQUAMARINE THEME */ /* EMBY AQUAMARINE THEME */
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.css"); @import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.css");
:root { @import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css");
--theme-primary-color: #009688;
--theme-text-color: #eee;
--theme-text-color-opaque: #fff;
--theme-accent-text-color: #009688;
--theme-primary-color-lightened: rgba(0, 150, 135, 0.2);
--theme-icon-focus-background: rgba(0, 150, 135, 0.2);
--theme-background: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: #1f1f1f;
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
--header-background: var(--theme-background);
--theme-body-secondary-text-color: rgba(255, 255, 255, .6);
--line-background: rgba(255, 255, 255, .08);
--line-size: .08em;
--scrollbar-thumb-background: rgba(255,255,255,.3);
}
@media (pointer: fine) {
:not(.layout-tv):root {
--theme-background: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: #1f1f1f;
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
}
}
.layout-tv:root {
--theme-background: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: #1f1f1f;
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
}

49
CSS/themes/emby/dark.css
View File

@ -13,51 +13,4 @@
/* EMBY DARK THEME */ /* EMBY DARK THEME */
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.css"); @import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.css");
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dark.css");
:root {
--theme-primary-color: #646464;
--theme-text-color: #eee;
--theme-text-color-opaque: #fff;
--theme-accent-text-color: #646464;
--theme-primary-color-lightened: rgba(100, 100, 100, 0.8);
--theme-icon-focus-background: rgba(100, 100, 100, 0.2);
--theme-background: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: #1f1f1f;
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
--header-background: var(--theme-background);
--theme-body-secondary-text-color: rgba(255, 255, 255, .6);
--line-background: rgba(255, 255, 255, .08);
--line-size: .08em;
--scrollbar-thumb-background: rgba(255,255,255,.3);
}
@media (pointer: fine) {
:not(.layout-tv):root {
--theme-background: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: #1f1f1f;
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
}
}
.layout-tv:root {
--theme-background: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: #1f1f1f;
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
}

16
CSS/themes/emby/dracula.css Normal file
View File

@ -0,0 +1,16 @@
/* 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 */
/* EMBY DRACULA THEME */
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.css");
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dracula.css");

431
CSS/themes/emby/emby-base.css
View File

@ -1,10 +1,82 @@
:root {
--theme-primary-color: var(--accent-color);
--theme-text-color: var(--text);
--theme-text-color-opaque: var(--text-hover);
--theme-accent-text-color: var(--accent-color);
--theme-primary-color-lightened: var(--accent-color-hover);
--theme-icon-focus-background: rgba(var(--accent-color), 0.2);
--theme-background: var(--main-bg-color);
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: var(--button-color);
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: var(--modal-footer-color);
--footer-blur-background: rgba(29,29,31,0.66);
--header-background: var(--theme-background);
--theme-body-secondary-text-color: rgba(255, 255, 255, .6);
--line-background: rgba(255, 255, 255, .08);
--line-size: .08em;
--scrollbar-thumb-background: rgba(255,255,255,.3);
}
@media (pointer: fine) {
:not(.layout-tv):root {
--theme-background: var(--main-bg-color);
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: #1f1f1f;
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: var(--modal-footer-color);
--footer-blur-background: rgba(29,29,31,0.66);
}
}
.layout-tv:root {
--theme-background: var(--main-bg-color);
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: #1f1f1f;
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: var(--modal-footer-color);
--footer-blur-background: rgba(29,29,31,0.66);
}
/*TP CUSTOM */
h1,
h2,
h3,
h4,
h5,
h6,
.inputLabel,
label {
color: var(--text-hover);
}
a:not(.emby-button),
.cardText.cardTextCentered.cardText-first>button {
color: var(--link-color) !important;
}
a:hover:not(.emby-button),
.cardText.cardTextCentered.cardText-first>button:hover {
color: var(--link-color-hover) !important;
}
/*TP END*/
html { html {
color: var(--theme-text-color); color: var(--theme-text-color);
scrollbar-color: var(--scrollbar-thumb-background) transparent scrollbar-color: var(--scrollbar-thumb-background) transparent
} }
.emby-collapsible-button { .emby-collapsible-button {
border-color: var(--line-background)!important border-color: var(--line-background) !important
} }
.skinHeader-withBackground.skinHeader-withfulldrawer { .skinHeader-withBackground.skinHeader-withfulldrawer {
@ -12,16 +84,53 @@ html {
} }
.skinHeader-withBackground { .skinHeader-withBackground {
background: var(--header-background) background: var(--header-background);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.appfooter,.formDialogFooter:not(.formDialogFooter-clear),.formDialogHeader:not(.formDialogHeader-clear) { .appfooter,
background: var(--footer-background) .formDialogFooter:not(.formDialogFooter-clear) {
background: var(--footer-background);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
}
.formDialogHeader:not(.formDialogHeader-clear) {
background: var(--modal-header-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
}
.dialog {
background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
.skinHeader-withBackground { .skinHeader-withBackground {
background:var(--header-blur-background); background: var(--header-blur-background);
-webkit-backdrop-filter: saturate(1.8) blur(1.5em); -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
backdrop-filter: saturate(1.8) blur(1.5em) backdrop-filter: saturate(1.8) blur(1.5em)
} }
@ -34,61 +143,79 @@ html {
} }
.skinHeader.semiTransparent { .skinHeader.semiTransparent {
-webkit-backdrop-filter: none!important; -webkit-backdrop-filter: none !important;
backdrop-filter: none!important; backdrop-filter: none !important;
background-color: rgba(0,0,0,.3); background-color: rgba(0, 0, 0, .3);
background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0))); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0)); background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
background: -o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0)); background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0)); background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
-webkit-box-shadow: none!important; -webkit-box-shadow: none !important;
box-shadow: none!important; box-shadow: none !important;
border-bottom: 0; border-bottom: 0;
color: rgba(255,255,255,.87) color: rgba(255, 255, 255, .87)
} }
.pageTitleWithDefaultLogo { .pageTitleWithDefaultLogo {
background-image: url(https://htpc.deathbybandaid.net/assets/theme.park/Resources/emby/logowhite.png) background-image: url(https://htpc.deathbybandaid.net/assets/theme.park/Resources/emby/logowhite.png)
} }
.backgroundContainer,.dialog,html { .backgroundContainer,
background: var(--theme-background) html {
background: var(--theme-background);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.backgroundContainer.withBackdrop { .backgroundContainer.withBackdrop {
background-color: rgba(0,0,0,.83) background-color: rgba(0, 0, 0, .83)
} }
@media not all and (min-width: 50em) { @media not all and (min-width: 50em) {
.itemBackgroundContainer.withBackdrop { .itemBackgroundContainer.withBackdrop {
background :var(--theme-background) background: var(--theme-background);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
} }
.paper-icon-button-light-tv:focus,.paper-icon-button-light:active { .paper-icon-button-light-tv:focus,
color: var(--theme-primary-color); .paper-icon-button-light:active {
color: rgb(var(--theme-primary-color));
background-color: var(--theme-icon-focus-background) background-color: var(--theme-icon-focus-background)
} }
@media(hover: hover) and (pointer:fine) { @media(hover: hover) and (pointer:fine) {
.paper-icon-button-light:focus { .paper-icon-button-light:focus {
color:var(--theme-primary-color); color: rgb(var(--theme-primary-color));
background-color: var(--theme-icon-focus-background) background-color: var(--theme-icon-focus-background)
} }
} }
.detailButton-icon,.fab,.raised { .detailButton-icon,
background: var(--button-background); .fab,
color: var(--theme-text-color) .raised:not(.raised-mini) {
background: var(--button-color);
color: var(--button-text);
} }
.detailButton-icon { .detailButton-icon {
border-color: rgba(255,255,255,.3) border-color: rgba(255, 255, 255, .3)
} }
.emby-select-withcolor { .emby-select-withcolor {
color: inherit; color: inherit;
background: var(--button-background); background: rgba(0, 0, 0, 0.25);
border: var(--line-size) solid transparent border: var(--line-size) solid transparent
} }
@ -98,38 +225,46 @@ html {
} }
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
.detailButton-icon,.emby-select-withcolor.detailTrackSelect,.fab,.raised:not(.nobackdropfilter) {
background:rgba(85,85,85,.3); .detailButton-icon,
.emby-select-withcolor.detailTrackSelect,
.fab,
.raised:not(.nobackdropfilter) {
background: rgba(85, 85, 85, .3);
-webkit-backdrop-filter: saturate(1.8) blur(1.5em); -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
backdrop-filter: saturate(1.8) blur(1.5em) backdrop-filter: saturate(1.8) blur(1.5em)
} }
.dialog-blur,.toast { .dialog-blur,
.toast {
color: #fff; color: #fff;
background: rgba(56,56,56,.76); background: rgba(56, 56, 56, .76);
-webkit-backdrop-filter: blur(2.5em) saturate(1.8); -webkit-backdrop-filter: blur(2.5em) saturate(1.8);
backdrop-filter: blur(2.5em) saturate(1.8); backdrop-filter: blur(2.5em) saturate(1.8);
-webkit-box-shadow: none!important; -webkit-box-shadow: none !important;
box-shadow: none!important box-shadow: none !important
} }
.toast-large { .toast-large {
color: rgba(255,255,255,.87) color: rgba(255, 255, 255, .87)
} }
} }
.fab:focus,.raised:focus { .fab:focus,
background: #333 .raised:focus {
background: var(--button-color-hover);
color: var(--button-text-hover);
} }
.button-submit:not(.emby-button-tv) { .button-submit:not(.emby-button-tv) {
background: var(--theme-primary-color); background: var(--button-color);
color: #fff color: var(--button-text)
} }
.button-submit:not(.emby-button-tv):focus { .button-submit:not(.emby-button-tv):focus,
background: var(--theme-primary-color-lightened); .button-submit:not(.emby-button-tv):hover {
color: #fff background: var(--button-color-hover);
color: var(--button-text-hover)
} }
.emby-select-withcolor>option { .emby-select-withcolor>option {
@ -138,12 +273,12 @@ html {
} }
.emby-select-withcolor:focus { .emby-select-withcolor:focus {
border-color: var(--theme-primary-color)!important border-color: rgb(var(--theme-primary-color)) !important
} }
.emby-select-tv-withcolor:focus { .emby-select-tv-withcolor:focus {
background-color: var(--theme-primary-color)!important; background-color: rgb(var(--theme-primary-color)) !important;
color: #fff!important color: #fff !important
} }
.checkboxLabel { .checkboxLabel {
@ -154,19 +289,22 @@ html {
background-color: var(--theme-icon-focus-background) background-color: var(--theme-icon-focus-background)
} }
.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused { .inputLabelFocused,
color: var(--theme-accent-text-color) .selectLabelFocused,
.textareaLabelFocused {
color: rgb(var(--accent-color))
} }
.button-link { .button-link {
color: var(--theme-accent-text-color) color: var(--link-color)
} }
.button-flat-accent { .button-flat-accent {
color: var(--theme-accent-text-color) color: rgb(var(--accent-color))
} }
.paperList,.visualCardBox { .paperList,
.visualCardBox {
background-color: var(--card-background) background-color: var(--card-background)
} }
@ -174,10 +312,16 @@ html {
border: var(--line-size) solid var(--line-background) border: var(--line-size) solid var(--line-background)
} }
.cardText-secondary,.fieldDescription,.listItemBodyText-secondary,.secondaryText { .fieldDescription,
.listItemBodyText-secondary,
.secondaryText {
color: var(--theme-body-secondary-text-color) color: var(--theme-body-secondary-text-color)
} }
.cardText-secondary {
color: var(--text)
}
.cardText-first { .cardText-first {
color: var(--theme-text-color-opaque) color: var(--theme-text-color-opaque)
} }
@ -188,17 +332,22 @@ html {
@media(hover: hover) and (pointer:fine) { @media(hover: hover) and (pointer:fine) {
.actionSheetMenuItem:hover { .actionSheetMenuItem:hover {
background-color:rgba(255,255,255,.2) background-color: rgba(255, 255, 255, .2)
} }
} }
.selectionCommandsPanel { .selectionCommandsPanel {
background: var(--theme-primary-color); background: rgb(var(--theme-primary-color));
color: #fff color: var(--label-text-color);
}
.itemSelectionCount {
color: var(--label-text-color) !important;
} }
.upNextDialog-countdownText { .upNextDialog-countdownText {
color: var(--theme-primary-color) color: rgb(var(--theme-primary-color))
} }
.alphaPickerButton { .alphaPickerButton {
@ -211,25 +360,25 @@ html {
} }
.alphaPickerButton-tv:focus { .alphaPickerButton-tv:focus {
background-color: var(--theme-primary-color); background-color: rgb(var(--theme-primary-color));
color: #fff!important color: #fff !important
} }
.detailTableBodyRow-shaded:nth-child(even) { .detailTableBodyRow-shaded:nth-child(even) {
background: #1c1c1c; background: #1c1c1c;
background: rgba(30,30,30,.9) background: rgba(30, 30, 30, .9)
} }
.listItem-border { .listItem-border {
border-color: var(--line-background)!important border-color: var(--line-background) !important
} }
.listItem-focusscale:focus { .listItem-focusscale:focus {
background: rgba(54,54,54,.8) background: rgba(54, 54, 54, .8)
} }
.progressring-spiner { .progressring-spiner {
border-color: var(--theme-primary-color) border-color: rgb(var(--theme-primary-color))
} }
.mediaInfoText { .mediaInfoText {
@ -244,14 +393,16 @@ html {
color: #cb272a color: #cb272a
} }
.emby-input,.emby-textarea { .emby-input,
.emby-textarea {
color: inherit; color: inherit;
background: var(--button-background); background: rgb(0 0 0 / 25%);
border: var(--line-size) solid var(--button-background) border: var(--line-size) solid rgba(255, 255, 255, 0.1)
} }
.emby-input:focus,.emby-textarea:focus { .emby-input:focus,
border-color: var(--theme-primary-color) .emby-textarea:focus {
border-color: rgb(var(--theme-primary-color))
} }
.emby-checkbox:checked+span:before { .emby-checkbox:checked+span:before {
@ -259,12 +410,17 @@ html {
} }
.emby-checkbox:checked+span:before { .emby-checkbox:checked+span:before {
border-color: var(--theme-primary-color); border-color: rgb(var(--theme-primary-color)) !important;
background-color: var(--theme-primary-color) background-color: rgb(var(--theme-primary-color)) !important;
}
.checkboxLabel::after {
color: var(--label-text-color);
} }
.itemProgressBarForeground { .itemProgressBarForeground {
background-color: var(--theme-primary-color) background-color: rgb(var(--theme-primary-color))
} }
.itemProgressBarForeground-recording { .itemProgressBarForeground-recording {
@ -272,11 +428,12 @@ html {
} }
.countIndicator { .countIndicator {
background: var(--theme-primary-color) background: rgb(var(--theme-primary-color));
color: var(--label-text-color);
} }
.playedIndicator { .playedIndicator {
background: var(--theme-primary-color) background: rgb(var(--theme-primary-color))
} }
.mainDrawer { .mainDrawer {
@ -290,17 +447,18 @@ html {
@media(hover: hover) and (pointer:fine) { @media(hover: hover) and (pointer:fine) {
.navMenuOption:hover { .navMenuOption:hover {
background:#303030 background: #303030
} }
} }
.navMenuOption-selected { .navMenuOption-selected {
background-color: var(--theme-icon-focus-background)!important; background-color: var(--theme-icon-focus-background) !important;
color: var(--theme-accent-text-color) color: rgb(var(--accent-color))
} }
.emby-button-focusscale:focus,.emby-button-focusscale:focus .detailButton-icon { .emby-button-focusscale:focus,
background: var(--theme-primary-color); .emby-button-focusscale:focus .detailButton-icon {
background: rgb(var(--theme-primary-color));
color: #fff color: #fff
} }
@ -309,7 +467,7 @@ html {
} }
.emby-tab-button-active { .emby-tab-button-active {
color: var(--theme-accent-text-color) color: rgb(var(--accent-color))
} }
.emby-tab-button-active.emby-button-tv { .emby-tab-button-active.emby-button-tv {
@ -317,34 +475,66 @@ html {
} }
.emby-tab-button.emby-button-tv:focus { .emby-tab-button.emby-button-tv:focus {
color: var(--theme-accent-text-color); color: rgb(var(--accent-color));
background: 0 0 background: 0 0
} }
.emby-button { .emby-button {
outline-color: var(--theme-primary-color) outline-color: rgb(var(--theme-primary-color))
} }
.channelCell,.guide-headerTimeslots,.timeslotHeaders { .channelCell,
background: var(--theme-background) .guide-headerTimeslots,
.timeslotHeaders {
background: var(--theme-background);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
@media (pointer: coarse) { @media (pointer: coarse) {
.channelCell-mobilefocus { .channelCell-mobilefocus {
background:var(--theme-background)!important background: var(--theme-background) !important;
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
} }
.channelCell-mobilefocus:not(:focus-visible) { .channelCell-mobilefocus:not(:focus-visible) {
background: var(--theme-background)!important background: var(--theme-background) !important;
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.channelCell-mobilefocus:not(:-moz-focusring) { .channelCell-mobilefocus:not(:-moz-focusring) {
background: var(--theme-background)!important background: var(--theme-background) !important;
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.channelCell,.epgRow,.programCell { .channelCell,
border-color: rgba(255,255,255,.05) .epgRow,
.programCell {
border-color: rgba(255, 255, 255, .05)
} }
.guide-currentTimeIndicatorDot { .guide-currentTimeIndicatorDot {
@ -352,7 +542,7 @@ html {
} }
.guide-currentTimeIndicatorDot:after { .guide-currentTimeIndicatorDot:after {
border-top-color: var(--theme-primary-color) border-top-color: rgb(var(--theme-primary-color))
} }
.firstChannelCell { .firstChannelCell {
@ -360,23 +550,24 @@ html {
} }
.programCell-sports { .programCell-sports {
background: #3949ab!important background: #3949ab !important
} }
.programCell-movie { .programCell-movie {
background: #5e35b1!important background: #5e35b1 !important
} }
.programCell-kids { .programCell-kids {
background: #039be5!important background: #039be5 !important
} }
.programCell-news { .programCell-news {
background: #43a047!important background: #43a047 !important
} }
.channelCell:focus,.programCell:focus { .channelCell:focus,
background-color: var(--theme-primary-color); .programCell:focus {
background-color: rgb(var(--theme-primary-color));
color: #fff color: #fff
} }
@ -393,7 +584,7 @@ html {
} }
.ratingbutton-icon-withrating { .ratingbutton-icon-withrating {
color: #c33!important color: #c33 !important
} }
.downloadbutton-icon-on { .downloadbutton-icon-on {
@ -405,7 +596,7 @@ html {
} }
.playstatebutton-icon-played { .playstatebutton-icon-played {
color: #c33!important color: #c33 !important
} }
.repeatButton-active { .repeatButton-active {
@ -413,7 +604,7 @@ html {
} }
.card:focus .card-focuscontent { .card:focus .card-focuscontent {
border-color: var(--theme-primary-color) border-color: rgb(var(--theme-primary-color))
} }
.cardContent-button { .cardContent-button {
@ -449,7 +640,11 @@ html {
} }
.cardOverlayButtonIcon { .cardOverlayButtonIcon {
background-color: var(--theme-primary-color) background-color: rgb(var(--theme-primary-color))
}
.cardScalable.cardPadder-portrait>div>button>i {
color: var(--label-text-color) !important;
} }
::-webkit-scrollbar-track-piece { ::-webkit-scrollbar-track-piece {
@ -465,7 +660,7 @@ html {
} }
.emby-slider { .emby-slider {
color: var(--theme-primary-color) color: rgb(var(--theme-primary-color))
} }
.emby-slider::-moz-range-track { .emby-slider::-moz-range-track {
@ -473,32 +668,32 @@ html {
} }
.emby-slider::-moz-range-progress { .emby-slider::-moz-range-progress {
background: var(--theme-primary-color) background: rgb(var(--theme-primary-color))
} }
.emby-slider::-webkit-slider-thumb { .emby-slider::-webkit-slider-thumb {
background: var(--theme-primary-color) background: rgb(var(--theme-primary-color))
} }
.emby-slider::-moz-range-thumb { .emby-slider::-moz-range-thumb {
background: var(--theme-primary-color) background: rgb(var(--theme-primary-color))
} }
.emby-slider::-ms-thumb { .emby-slider::-ms-thumb {
background: var(--theme-primary-color) background: rgb(var(--theme-primary-color))
} }
.emby-slider-background-lower { .emby-slider-background-lower {
background-color: var(--theme-primary-color) background-color: rgb(var(--theme-primary-color))
} }
.scrollbuttoncontainer { .scrollbuttoncontainer {
color: #fff; color: #fff;
background: rgba(20,20,20,.5) background: rgba(20, 20, 20, .5)
} }
.recordingIcon-active { .recordingIcon-active {
color: #c33!important color: #c33 !important
} }
.drawerLogo { .drawerLogo {
@ -511,32 +706,31 @@ html {
} }
.emby-search-tab-button.emby-tab-button-active { .emby-search-tab-button.emby-tab-button-active {
background: var(--theme-accent-text-color)!important background: rgb(var(--accent-color)) !important
} }
.textActionButton.dragging { .textActionButton.dragging {
background: var(--button-background)!important background: var(--button-background) !important
} }
.dragging-over.full-drop-target { .dragging-over.full-drop-target {
background: var(--theme-primary-color)!important; background: rgb(var(--theme-primary-color)) !important;
color: #fff!important color: #fff !important
} }
.dragging-over-top:before { .dragging-over-top:before {
background: var(--theme-accent-text-color) background: rgb(var(--accent-color))
} }
.dragging-over-bottom:after { .dragging-over-bottom:after {
background: var(--theme-accent-text-color) background: rgb(var(--accent-color))
} }
/* TP CUSTOM */
@media (hover: hover) and (pointer: fine) { @media (hover: hover) and (pointer: fine) {
.navMenuOption:hover { .navMenuOption:hover:not(.navMenuOption-selected) {
background: rgb(255 255 255 / 15%) !important; background: 0 !important;
} color: var(--accent-color-hover);
}
} }
.mainDrawer { .mainDrawer {
@ -544,3 +738,10 @@ html {
-webkit-backdrop-filter: saturate(1.8) blur(1.5em); -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
backdrop-filter: saturate(1.8) blur(1.5em); backdrop-filter: saturate(1.8) blur(1.5em);
} }
.jstree-default .jstree-clicked {
background: rgb(var(--accent-color));
-webkit-border-radius: 2px;
border-radius: 2px;
color: var(--label-text-color) !important;
}

48
CSS/themes/emby/hotline.css
View File

@ -13,50 +13,4 @@
/* EMBY HOTLINE THEME */ /* EMBY HOTLINE THEME */
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.css"); @import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.css");
:root { @import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/hotline.css");
--theme-primary-color: #F44336;
--theme-text-color: #eee;
--theme-text-color-opaque: #fff;
--theme-accent-text-color: #F44336;
--theme-primary-color-lightened: rgba(244, 67, 54, 0.2);
--theme-icon-focus-background: rgba(244, 67, 54, 0.2);
--theme-background: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: #1f1f1f;
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
--header-background: var(--theme-background);
--theme-body-secondary-text-color: rgba(255, 255, 255, .6);
--line-background: rgba(255, 255, 255, .08);
--line-size: .08em;
--scrollbar-thumb-background: rgba(255,255,255,.3);
}
@media (pointer: fine) {
:not(.layout-tv):root {
--theme-background: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: #1f1f1f;
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
}
}
.layout-tv:root {
--theme-background: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: #1f1f1f;
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
}

49
CSS/themes/emby/organizr-dark.css
View File

@ -13,51 +13,4 @@
/* EMBY ORGANIZR-DARK THEME */ /* EMBY ORGANIZR-DARK THEME */
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.css"); @import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.css");
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/organizr-dark.css");
:root {
--theme-primary-color: #2cabe3;
--theme-text-color: #96a2b4;
--theme-text-color-opaque: #fff;
--theme-accent-text-color: #2cabe3;
--theme-primary-color-lightened: rgba(44, 171, 227 , 0.8);
--theme-icon-focus-background: rgba(44, 171, 227 , 0.2);
--theme-background: #1f1f1f;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: #1C1C1E;
--button-background: #242424;
--card-background: #242424;
--footer-background: #1d1d1d;
--footer-blur-background: rgba(29,29,31,0.66);
--header-background: var(--theme-background);
--theme-body-secondary-text-color: rgba(255, 255, 255, .6);
--line-background: rgba(255, 255, 255, .08);
--line-size: .08em;
--scrollbar-thumb-background: rgba(255,255,255,.3);
}
@media (pointer: fine) {
:not(.layout-tv):root {
--theme-background: #1f1f1f;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: #1C1C1E;
--button-background: #242424;
--card-background: #242424;
--footer-background: #1d1d1d;
--footer-blur-background: rgba(29,29,31,0.66);
}
}
.layout-tv:root {
--theme-background: #1f1f1f;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: #1C1C1E;
--button-background: #242424;
--card-background: #242424;
--footer-background: #1d1d1d;
--footer-blur-background: rgba(29,29,31,0.66);
}

48
CSS/themes/emby/plex.css
View File

@ -13,50 +13,4 @@
/* EMBY PLEX THEME */ /* EMBY PLEX THEME */
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.css"); @import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.css");
:root { @import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css");
--theme-primary-color: #e5a00d;
--theme-text-color: #eee;
--theme-text-color-opaque: #fff;
--theme-accent-text-color: #e5a00d;
--theme-primary-color-lightened: rgba(229, 161, 13, 0.2);
--theme-icon-focus-background: rgba(229, 161, 13, 0.2);
--theme-background: 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;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: #1f1f1f;
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: 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;;
--footer-blur-background: rgba(29,29,31,0.66);
--header-background: var(--theme-background);
--theme-body-secondary-text-color: rgba(255, 255, 255, .6);
--line-background: rgba(255, 255, 255, .08);
--line-size: .08em;
--scrollbar-thumb-background: rgba(255,255,255,.3);
}
@media (pointer: fine) {
:not(.layout-tv):root {
--theme-background: 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;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: #1f1f1f;
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: 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;;
--footer-blur-background: rgba(29,29,31,0.66);
}
}
.layout-tv:root {
--theme-background: 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;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: #1f1f1f;
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: 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;;
--footer-blur-background: rgba(29,29,31,0.66);
}

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