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
## [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;
}
.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;
width: 32px;
height: 32px;
@ -22,7 +22,7 @@
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/bazarr4k.png");
background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS//addons/bazarr/bazarr4k.png");
display: inline-block;
width: 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
## [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
* [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)
* [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)
@ -25,9 +25,9 @@
Replace `--main-bg-color` with a wallpaper you have uploaded to Organizr
```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 {
--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;
--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:
```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.
```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 {
--div-background-color-10: rgba(255, 255, 255, 0.10);
--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
![](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/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/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/homepage.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 */
/* 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";
:root {
--main-bg-color: url(https://domain.com/your/hosted/wallpaper.jpg) center center/cover no-repeat fixed;
@ -38,6 +38,7 @@
*/
/*Settings */
.feeds li>div i {
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 "";
sub_filter
'</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">
'<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>';
sub_filter_once on;
```
@ -30,7 +30,7 @@ sub_filter_once on;
```nginx
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>';|'
```
@ -40,7 +40,7 @@ AddOutputFilterByType SUBSTITUTE text/html
filter rule {
content_type text/html.*
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.
```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//themes/radarr/THEME.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;
}
.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;
width: 128px;
height: 128px;
@ -24,7 +24,7 @@
display: inline !important;
}
.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;
width: 32px;
height: 32px;
@ -43,7 +43,7 @@
display: none !important;
}
[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;
width: 148px;
height: 48px;
@ -60,7 +60,7 @@
display: none !important;
}
[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;
width: 32px;
height: 32px;
@ -80,7 +80,7 @@
}
[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;
width: 148px;
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 "";
sub_filter
'</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">
'<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>';
sub_filter_once on;
```
@ -30,7 +30,7 @@ sub_filter_once on;
```nginx
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>';|'
```
@ -40,7 +40,7 @@ AddOutputFilterByType SUBSTITUTE text/html
filter rule {
content_type text/html.*
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.
```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//themes/sonarr/THEME.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;
}
.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;
width: 128px;
height: 128px;
@ -25,7 +25,7 @@
display: inline !important;
}
.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;
width: 64px;
height: 64px;
@ -46,7 +46,7 @@
display: inline !important;
}
.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;
width: 32px;
height: 32px;
@ -65,7 +65,7 @@
display: none !important;
}
[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;
width: 32px;
height: 32px;
@ -82,7 +82,7 @@
display: none !important;
}
[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;
width: 32px;
height: 32px;
@ -99,7 +99,7 @@
}
[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;
width: 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% */
/*--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 {
--main-bg-color:black;
--body-before:#ffb52a1a;
--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;
--input-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% */
/*--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 {
--main-bg-color:black;
--body-before:#70d7f61a;
--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;
--input-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% */
/* --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 {
--main-bg-color:black;
--body-before:#00ff771a;
--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;
--input-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% */
/*--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 {
--main-bg-color: black;
--body-before: #ff00001a;
--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;
--input-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% */
/*--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 {
--main-bg-color:black;
--body-before:#70d7f61a;
--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;
--input-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% */
/*--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 {
--main-bg-color:black;
--body-before:#70d7f61a;
--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;
--input-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=VT323";
: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;
--logo: url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/unraid/login-page/fallout/logo/vault.png) center no-repeat;
--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;
--text-color: #14F074;
--input-color: #14F074;
--link-color: #14F074;

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

@ -3,7 +3,7 @@
// ACSII slant font
// 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 = `
<div class="custom-text-header"> <pre> __ ___ __
@ -13,4 +13,4 @@ let custom_text_header = `
/_/ /_/\\____/____/\\__/_/ \\____/_/ /_/ /_/\\____/_/_/_/ /_/_/|_|
</pre> </div>
`;
document.getElementById("login").innerHTML += custom_text_header
document.getElementById("login").innerHTML += custom_text_header

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;
}

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

@ -12,6 +12,13 @@
body {
background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
color: var(--text) !important;
}
@ -25,12 +32,25 @@ body {
body {
overflow-y: auto;
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 {
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 {
width: 14px;
}
@ -58,17 +78,32 @@ body *::-webkit-scrollbar-thumb {
/* TEXT */
a {
color: var(--text)
color: var(--link-color)
}
a:hover {
color: var(--accent-color-hover);
color: var(--link-color-hover);
}
a:-webkit-any-link:focus {
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: var(--text-hover)
}
/* LOGIN PAGE */
.login .login__form .text-center .h-6 {
@ -83,15 +118,15 @@ a:-webkit-any-link:focus {
.login .btn-success:hover {
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
color: var(--text-hover);
color: var(--button-text-hover);
}
.login .btn-link {
color: var(--text);
color: var(--button-text);
}
.login .btn-link:hover {
color: var(--text-hover);
color: var(--button-text-hover);
}
.form__message--error {
@ -109,19 +144,19 @@ a:-webkit-any-link:focus {
}
.header .btn-outline-secondary {
color: var(--text);
color: var(--button-text);
background: var(--button-color);
border-color: var(--button-color);
}
.header .btn-outline-secondary:hover {
color: var(--text-hover);
color: var(--button-text-hover);
background-color: var(--button-color-hover);
}
.nav-tabs .nav-link.active {
border-color: var(--accent-color);
color: var(--accent-color);
border-color: rgb(var(--accent-color));
color: rgb(var(--accent-color));
background: transparent;
}
@ -152,7 +187,11 @@ a:-webkit-any-link:focus {
}
.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 {
@ -163,7 +202,7 @@ a:-webkit-any-link:focus {
}
.footer .btn-outline-primary:hover {
color: var(--text);
color: var(--button-text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
@ -175,35 +214,45 @@ a:-webkit-any-link:focus {
/* BUTTONS */
.container .btn-outline-primary {
color: var(--text);
color: var(--button-text);
background-color: var(--button-color);
background-image: none;
border-color: var(--button-color);
}
.container .btn-outline-primary:hover {
color: var(--text-hover);
color: var(--button-text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
.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*/
.card {
background-color: rgb(255 255 255 / 8%);
background-color: rgb(0 0 0 / 8%);
border: 1px solid rgba(255, 255, 255, 0.1);
color: var(--text);
}
.card-header .card-title {
color: rgb(var(--accent-color));
}
.tooltip-custom__container {
background: var(--tooltip-bg);
background: rgb(var(--accent-color));
color: var(--label-text-color);
}
.tooltip-custom__content-link {
color: var(--tooltip-link-color);
color: var(--link-color);
}
.card-wrap,
@ -245,10 +294,22 @@ a:-webkit-any-link:focus {
border-color: #F44336;
}
.btn-icon--green,
.icon--green {
color: var(--button-color);
}
/* DROPDOWNS */
.dropdown-menu {
color: var(--text);
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;
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 3px;
@ -264,31 +325,57 @@ a:-webkit-any-link:focus {
text-decoration: none;
background-color: rgb(255 255 255 / 0.08);
}
.select__menu {
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);
}
.select__option:hover {
.select__option:hover {
background: rgba(255, 255, 255, .08) !important;
}
.select__option {
.select__option {
background: rgba(0, 0, 0, 0) !important;
border-bottom: solid rgba(255, 255, 255, .1) 1px;
}
.select__multi-value__remove {
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;
}
/* 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 */
.checkbox__label-subtitle,
.form__desc,
.page-subtitle,
.card-title small,
.card-subtitle {
color: var(--text);
color: var(--text-hover);
}
.dropdown-item.active,
@ -302,7 +389,7 @@ a:-webkit-any-link:focus {
/* LOGS */
.logs__table {
background-color: rgb(255 255 255 / 8%);
background-color: rgb(0 0 0 / 8%);
}
.logs__text,
@ -314,7 +401,7 @@ a:-webkit-any-link:focus {
color: var(--text)
}
.logs__no-data{
.logs__no-data {
color: var(--text);
background-color: transparent;
}
@ -337,6 +424,11 @@ a:-webkit-any-link:focus {
.ReactTable .rt-noData {
background: transparent;
color: var(--text-muted);
}
.ReactTable .-pagination .-btn {
color: var(--text-muted);
}
.ReactTable .-loading,
@ -344,6 +436,25 @@ a:-webkit-any-link:focus {
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 {
background-color: transparent;
}
@ -355,7 +466,7 @@ a:-webkit-any-link:focus {
/* FORMS */
.form-control--transparent {
color: var(--text);
color: var(--text-hover);
}
.form-control--search {
@ -370,7 +481,7 @@ a:-webkit-any-link:focus {
}
.icon--selected {
background-color: rgb(255 255 255 / 15%);
background-color: rgb(0 0 0 / 15%);
border: solid 1px transparent;
}
@ -390,11 +501,11 @@ a:-webkit-any-link:focus {
.btn-success:disabled {
background-color: var(--button-color);
border-color: var(--button-color);
color: var(--text);
color: var(--button-text);
}
.btn-success:hover {
color: var(--text-hover);
color: var(--button-text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
@ -406,7 +517,7 @@ a:-webkit-any-link:focus {
}
.btn-secondary {
color: var(--text);
color: var(--button-text);
background-color: rgb(255 255 255 / 25%);
border-color: rgb(255 255 255 / 0%);
-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 {
color: var(--text-hover);
color: var(--button-text-hover);
background-color: var(--button-color-hover);
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 */
.modal-content {
background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
}
.ReactModal__Overlay--after-open {
@ -440,6 +575,13 @@ a:-webkit-any-link:focus {
.ReactModal__Content {
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;
}
}
@ -469,4 +611,4 @@ a:-webkit-any-link:focus {
::-webkit-input-placeholder {
color: var(--text);
}
}

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

@ -13,16 +13,4 @@
/* ADGUARD AQUAMARINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: #009688;
--button-color-hover: #12afa0;
--accent-color: #009688;
--accent-color-hover: #12afa0;
--tooltip-bg: #009688;
--tooltip-link-color: #f1c40f;
--text: #eee;
--text-hover: #fff;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css);

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

@ -13,16 +13,4 @@
/* ADGUARD DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--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;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dark.css);

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 */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: #F44336;
--accent-color-hover: #0b3161;
--tooltip-bg: #F44336;
--tooltip-link-color: #0b3161;
--text: #eee;
--text-hover: #fff;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/hotline.css);

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

@ -13,16 +13,4 @@
/* ADGUARD ORGANIZR-DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css);
:root {
--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;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/organizr-dark.css);

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

@ -13,16 +13,4 @@
/* ADGUARD PLEX THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css);
:root {
--main-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-light2.png") center center/cover no-repeat fixed;
--modal-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-dark2.png") center center/cover no-repeat fixed;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
--tooltip-bg: #1f1f1f;
--tooltip-link-color: #e5a00d;
--text: #eee;
--text-hover: #fff;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css);

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

@ -13,16 +13,4 @@
/* ADGUARD SPACE GRAY THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/adguard/adguard-base.css);
:root {
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--button-color: #607D8B;
--button-color-hover: #81a6b7;
--accent-color: #607D8B;
--accent-color-hover: #81a6b7;
--tooltip-bg: #607D8B;
--tooltip-link-color: #f1c40f;
--text: #eee;
--text-hover: #fff;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/space-gray.css);

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

@ -13,23 +13,4 @@
/* BAZARR AQUAMARINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: #009688;
--button-color-hover: #12afa0;
--button-text: #eee;
--button-text-hover: #FFF;
--accent-color: 0, 150, 136;
--accent-color-hover: #12afa0;
--queue-color: #009688;
--link-color: #0ed2bf;
--link-color-hover: #fff;
--label-text-color: #fff;
--text:#eee;
--text-hover: #fff;
--text-muted: #bbb;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css);

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

@ -10,6 +10,8 @@
/* Made by @gilbN */
/* https://htpc.deathbybandaid.net/assets/theme.park */
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/defaults/placeholders.css");
* {
outline: none;
}
@ -93,6 +95,26 @@ a:hover {
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 */
.header-container input[type=text] {
@ -130,7 +152,7 @@ a:hover {
.form-control[readonly] {
background-color: rgb(255 255 255 / 15%);
opacity: .7;
color: var(--text);
color: #fff;
border: 1px solid rgb(255 255 255 / 15%);
}
@ -190,23 +212,49 @@ a:hover {
}
.sidebar-container .sidebar-button {
color: var(--text) !important;
background: transparent
}
.sidebar-container .sidebar-button:active,
.sidebar-container .sidebar-button:focus {
color: #fff;
background-color: hsla(0, 0%, 100%, .08) !important;
color: rgb(var(--accent-color)) !important;
background-color: rgba(0, 0, 0, 0.15) !important;
}
.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 {
background-color: hsla(0, 0%, 100%, .08);
.content-header.bg-dark .btn-dark:hover {
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-button.sb-active:before {
background-color: rgb(var(--accent-color));
@ -217,12 +265,21 @@ a:hover {
.sidebar-container.open,
.sidebar-container {
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 {
color: var(--label-text-color);
background-color: var(--queue-color);
background-color: var(--arr-queue-color);
}
/* TOP NAV BAR */
.header-container .bg-primary {
background-color: rgba(0, 0, 0, .35) !important;
@ -252,23 +309,43 @@ a:hover {
/* PAGES */
.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);
}
/* LOGIN */
.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 {
border: 1px solid transparent;
}
.auth-card .card-footer {
background-color: transparent;
border-top: 1px solid rgba(255, 255, 255, .1);
}
hr {
border-top: 1px solid rgb(255 255 255 / 10%);
}
.card {
background-color: rgba(0, 0, 0, .45);
@ -313,7 +390,12 @@ a:hover {
}
.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));
}
@ -357,11 +439,27 @@ a:hover {
}
.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);
}
.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);
}
@ -563,6 +661,14 @@ a:hover {
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 {
border-color: rgb(var(--accent-color));
outline: 0;
@ -575,9 +681,17 @@ a:hover {
}
/* DROPDOWN MENU */
.dropdown-menu {
.dropdown-menu,
.dropdown-header {
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 {
@ -611,7 +725,14 @@ a:hover {
}
.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)
}
@ -620,16 +741,19 @@ a:hover {
}
.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:focus {
background-color: rgba(var(--accent-color), .2)
background-color: rgba(var(--accent-color), .2);
color: #fff;
}
.custom-selector .selector__option--is-selected {
background-color: rgb(var(--accent-color));
color: var(--label-text-color);
}
.custom-selector .selector__option--is-selected:active {
@ -671,46 +795,38 @@ line {
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 */
.toast {
background: var(--modal-bg-color);
border: 1px solid rgba(0,0,0,.1);
box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
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 rgba(0, 0, 0, .1);
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
color: var(--text)
}
.toast-header {
color: var(--text-hover);
background-color: hsla(0, 0%, 0%, .35);
border-bottom: 1px solid rgba(0,0,0,.05);
border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.alert-container .toast-container .toast .toast-body .progress .progress-bar {
text-shadow: -2px -2px 5px rgb(var(--accent-color)),2px -2px 5px rgb(var(--accent-color)),-2px 2px 5px rgb(var(--accent-color)),2px 2px 5px rgb(var(--accent-color));
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
}
.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 */
/* Stack traceback */
code.zmdi-language-python-alt {

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

@ -13,23 +13,4 @@
/* BAZARR DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--button-text-hover: #FFF;
--accent-color: 100, 100, 100;
--accent-color-hover: 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;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dark.css);

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

@ -11,25 +11,6 @@
/* Made by @gilbN */
/* 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);
:root {
--main-bg-color: #282a36;
--modal-bg-color: #282a36;
--button-color: #bd93f9;
--button-color-hover: #ff79c6;
--button-text: #eee;
--button-text-hover: #FFF;
--accent-color: 80, 250, 123;
--accent-color-hover: #50fa7b;
--queue-color: #50fa7b;
--link-color: #ff79c6;
--link-color-hover: #8be9fd;
--label-text-color: #282a36;
--text:#6272a4;
--text-hover: #95adfa;
--text-muted: #999;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dracula.css);

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

@ -13,23 +13,4 @@
/* BAZARR HOTLINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--button-text-hover: #FFF;
--accent-color: 244, 67, 54;
--accent-color-hover: #0b3161;
--queue-color: #6b5;
--link-color: #ddd;
--link-color-hover: #fff;
--label-text-color: #fff;
--text:#eee;
--text-hover: #fff;
--text-muted: #bbb;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/hotline.css);

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

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

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

@ -13,23 +13,4 @@
/* BAZARR PLEX THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css);
:root {
--main-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-light2.png") center center/cover no-repeat fixed;
--modal-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-dark2.png") center center/cover no-repeat fixed;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 229, 160, 13;
--accent-color-hover: #ffc107;
--queue-color: #27c24c;
--link-color: #e5a00d;
--link-color-hover: #fff;
--label-text-color: #fff;
--text:#eee;
--text-hover: #fff;
--text-muted: #bbb;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css);

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

@ -13,23 +13,4 @@
/* BAZARR SPACE GRAY THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bazarr/bazarr-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
--button-color: #607D8B;
--button-color-hover: #81a6b7;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 96, 125, 139;
--accent-color-hover: #81a6b7;
--queue-color: #81a6b7;
--link-color: #9adfff;
--link-color-hover: #fff;
--label-text-color: #fff;
--text: #eee;
--text-hover: #fff;
--text-muted: #bbb;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/space-gray.css);

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

@ -13,14 +13,4 @@
/* BITWARDEN AQUAMARINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: #009688;
--button-color-hover: #12afa0;
--accent-color: #12afa0;
--accent-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
--link-color: #12afa0;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css);

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

@ -21,17 +21,32 @@ img.logo {
body.layout_frontend,
body {
background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
color: var(--text);
}
/* 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);
}
a:hover {
color: var(--link-color);
opacity: .8;
a:hover,
app-vault-groupings .card li.active>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>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 */
@ -40,8 +55,7 @@ a:hover {
.modal-header small,
.table,
.text-body {
color: var(--text) !important;
opacity: .8;
color: var(--text-muted) !important;
}
.table-hover tbody tr:hover {
@ -49,8 +63,24 @@ a:hover {
background-color: rgba(255, 255, 255, .08);
}
h3 {
color: white !important;
h1,
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 */
@ -58,19 +88,22 @@ h3 {
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 */
.card {
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>div a:first-of-type,
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 {
@ -78,13 +111,20 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
}
.password-number {
color: var(--accent-color);
color: rgb(var(--accent-color));
}
/* MODALS */
.modal-content,
.modal-footer {
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,
@ -97,7 +137,14 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
}
.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);
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 {
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,
@ -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[readonly] {
background-color: rgb(255 255 255 / 50%);
background-color: rgb(255 255 255 / 25%);
opacity: 1;
}
/* DROPDOWN MENU */
.dropdown-menu {
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;
box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
}
@ -181,7 +242,7 @@ a.text-danger:focus {
.list-group-item.active {
color: var(--text);
background-color: rgb(255 255 255 / 10%);
border-left: 3px solid var(--accent-color);
border-left: 3px solid rgb(var(--accent-color));
}
.callout {
@ -196,25 +257,27 @@ a.text-danger:focus {
/* BUTTONS */
.btn-link {
color: var(--button-color);
color: var(--button-text);
}
.btn-link:hover {
color: var(--button-color);
opacity: .8;
color: var(--button-color-hover);
color: var(--button-text-hover);
transition: 0.15s;
}
.btn-primary {
background-color: var(--button-color);
border-color: var(--button-color);
color: var(--button-text);
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
background-color: var(--button-color);
opacity: .8;
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
color: var(--button-text-hover);
transition: 0.15s;
border-color: var(--button-color)
}
.btn-primary:focus,
@ -231,26 +294,27 @@ a.text-danger:focus {
}
.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);
background-color: var(--button-color);
color: var(--text-hover);
color: var(--button-text);
}
.btn-outline-secondary:hover,
.swal2-popup .swal2-actions button.swal2-cancel:hover {
color: var(--text-hover);
color: var(--button-text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
.btn-outline-secondary: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 {
color: var(--text-hover);
color: var(--button-text-hover) !important;
background-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,
.show>.btn-outline-primary.dropdown-toggle {
color: #fff;
color: var(--button-text-hover);
background-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,
.show>.btn-outline-primary.dropdown-toggle:focus {
box-shadow: none;
.show>.btn-outline-primary.dropdown-toggle:focus,
.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,
@ -275,7 +345,7 @@ a.text-danger:focus {
.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle,
.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);
border-color: var(--button-color-hover);
}
@ -293,7 +363,7 @@ a.text-danger:focus {
.swal2-popup .swal2-actions button.disabled.swal2-confirm,
.btn-primary:disabled,
.swal2-popup .swal2-actions button.swal2-confirm:disabled {
color: #fff;
color: var(--button-text-hover);
background-color: var(--button-color);
border-color: var(--button-color);
opacity: .8;
@ -301,7 +371,14 @@ a.text-danger:focus {
/* Org */
.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 {
@ -309,7 +386,7 @@ a.text-danger:focus {
}
.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,
@ -319,51 +396,77 @@ a.text-danger:focus {
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 {
color: #fff !important;
opacity: 1 !important;
}
app-vault-groupings .card li.active>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>div a:first-of-type {
font-weight: bold;
color: var(--accent-color);
color: rgb(var(--accent-color));
}
/* PLACEHOLDER TEXT */
::placeholder {
color: var(--text) !important;
opacity: .5;
input::-webkit-input-placeholder {
color: var(--text);
}
:-moz-placeholder {
color: var(--text) !important;
opacity: .5;
input:focus::-webkit-input-placeholder {
color: #000;
}
:-ms-input-placeholder {
color: var(--text) !important;
opacity: .5;
/* Firefox < 19 */
input:-moz-placeholder {
color: var(--text);
}
::-webkit-input-placeholder {
color: var(--text) !important;
opacity: .5;
input:focus:-moz-placeholder {
color: #000;
}
/* 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 */
.bg-light {
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 {
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 */
@ -390,4 +493,10 @@ app-org-vault-groupings .card li.active>div a:first-of-type {
cursor: auto;
background-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 */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--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);
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dark.css);

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 */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: #F44336;
--accent-color-hover: #0b3161;
--text: #eee;
--text-hover: #fff;
--link-hover: #F44336;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/hotline.css);

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

@ -13,14 +13,4 @@
/* BITWARDEN ORGANIZR-DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
:root {
--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;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/organizr-dark.css);

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

@ -13,14 +13,4 @@
/* BITWARDEN PLEX THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
:root {
--main-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-light2.png") center center/cover no-repeat fixed;
--modal-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-dark2.png") center center/cover no-repeat fixed;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
--text: #eee;
--text-hover: #fff;
--link-color:#fff;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css);

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

@ -13,14 +13,4 @@
/* BITWARDEN SPACE GRAY THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
:root {
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--button-color: #607D8B;
--button-color-hover: #81a6b7;
--accent-color: #81a6b7;
--accent-color-hover: #81a6b7;
--text: #eee;
--text-hover: #fff;
--link-color: #81a6b7;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/space-gray.css);

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

@ -14,11 +14,4 @@
/* CALIBRE-WEB AQUAMARINE 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);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--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;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css);

379
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;
}
body,
html,
p {
color: var(--text) !important;
}
.home-btn>a,
.plexBack>a,
.container-fluid .book .meta .author,
.container-fluid .book .meta .author>a {
color: var(--text);
}
.home-btn>a:hover,
body>div.navbar.navbar-default.navbar-static-top>div>div.home-btn>a:hover:before,
.plexBack:not(.noBack):hover>a,
.form-group>label,
label,
body.authorlist>div.container-fluid>div>div.col-sm-10>div.container:before,
body.catlist>div.container-fluid>div>div.col-sm-10>div.container:before,
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.serieslist>div.container-fluid>div>div.col-sm-10>div.container:before {
color: var(--text-hover)
}
/* LINKS */
a,
body.admin,
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);
}
/* 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 */
body:not(.read-frame) {
background: var(--main-bg-color) !important;
background-image: none;
}
.blur-wrapper:after {
background: var(--modal-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);
}
.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 */
/* 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);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--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;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dark.css);

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 */
/* 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);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--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;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/hotline.css);

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

@ -14,11 +14,4 @@
/* CALIBRE-WEB ORGANIZR-DARK 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);
:root {
--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;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/organizr-dark.css);

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

@ -14,11 +14,4 @@
/* CALIBRE-WEB SPACE GRAY 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);
:root {
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--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;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/space-gray.css);

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

@ -13,10 +13,4 @@
/* DELUGE AQUAMARINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--progress-color: #009688;
--button-color: #009688;
--button-color-hover: #12afa0;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css);

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

@ -13,10 +13,4 @@
/* DELUGE DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--progress-color: #3d3d3d;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dark.css);

4624
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 */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at 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);
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/hotline.css);

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

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

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

@ -13,10 +13,4 @@
/* DELUGE PLEX THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css);
:root {
--main-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-light2.png") center center/cover no-repeat fixed;
--modal-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-dark2.png") center center/cover no-repeat fixed;
--progress-color: #cc7b19;
--button-color: #cc7b19;
--button-color-hover: #e59029;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css);

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

@ -13,10 +13,4 @@
/* DELUGE SPACE GRAY THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/deluge/deluge-base.css);
:root {
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--progress-color: #607D8B;
--button-color: #607D8B;
--button-color-hover: #81a6b7;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/space-gray.css);

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

@ -13,19 +13,4 @@
/* DOZZLE AQUAMARINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--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));
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css);

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

@ -13,19 +13,4 @@
/* DOZZLE DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--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));
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dark.css);

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

@ -10,6 +10,15 @@
/* Made by @gilbN */
/* 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;
}
@ -17,7 +26,25 @@
html,
body {
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 */
p,
.menu-list a {
color: var(--text-color) !important;
color: var(--text) !important;
}
.panel-heading {
background-color: rgb(var(--accent-color));
color: var(--label-text-color) !important;
}
.panel-block {
color: var(--text-color);
color: var(--text);
}
.panel-tabs a.is-active {
@ -70,7 +98,7 @@ p,
.panel-tabs a {
border-bottom: 1px solid var(--border-color);
color: var(--text-color);
color: var(--text);
}
.panel-tabs a:hover {
@ -87,13 +115,13 @@ label.panel-block:hover {
/* Side Menu*/
.menu-list a:hover {
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:hover {
background-color: rgb(var(--accent-color));
color: #fff !important;
color: var(--label-text-color) !important;
}
.menu-list li:hover .column-icon:hover {
@ -109,6 +137,13 @@ li.exited a {
.input,
.dropdown-content {
background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
border-color: rgba(255, 255, 255, .1);
border-radius: 4px;
color: var(--text-strong-color);
@ -185,6 +220,17 @@ section .is-scrollbar-notification button {
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 {
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 */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--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));
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/hotline.css);

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

@ -13,19 +13,4 @@
/* DOZZLE ORGANIZR-DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css);
:root {
--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));
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/organizr-dark.css);

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

@ -13,19 +13,4 @@
/* DOZZLE PLEX THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css);
:root {
--main-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-light2.png") center center/cover no-repeat fixed;
--modal-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-dark2.png") center center/cover no-repeat fixed;
--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));
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css);

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

@ -13,19 +13,4 @@
/* DOZZLE SPACE GRAY THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/dozzle/dozzle-base.css);
:root {
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--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));
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/space-gray.css);

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

@ -13,15 +13,4 @@
/* DUPLICACY AQUAMARINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: #009688;
--button-color-hover: #12afa0;
--button-text: #eee;
--accent-color: #12afa0;
--accent-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
--link-color: #12afa0;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css);

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

@ -13,15 +13,4 @@
/* DUPLICACY DARK THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--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);
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dark.css);

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);

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

@ -13,18 +13,25 @@
body {
background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
}
a {
color: var(--link-color);
a:not(.timeline-content a) {
color: var(--link-color) !important;
}
a:hover {
color: #fff;
a:hover:not(.timeline-content a) {
color: var(--link-color-hover) !important;
}
a.disabled-link {
color: #666;
color: var(--text-muted);
}
/* Scrollbar */
@ -38,7 +45,14 @@ a.disabled-link {
body {
overflow-y: auto;
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 */
body,
.card,
.category,
.card label,
.card .labels p,
.card .title,
.card .stats,
.vis-time-axis .vis-text,
.footer .copyright,
@ -82,8 +93,37 @@ body,
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 {
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 {
@ -99,7 +139,7 @@ body,
}
.text-primary {
color: var(--accent-color);
color: rgb(var(--accent-color));
}
.text-primary:hover {
@ -141,7 +181,7 @@ body,
.col-xs-4 .card,
.col-xs-12 .card,
.col-xs-8 .card {
background: rgb(255 255 255 / 8%) !important;
background: rgb(0 0 0 / 8%) !important;
}
#schedule-0,
@ -164,8 +204,9 @@ body,
#schedule-17,
#schedule-18,
#schedule-19,
#schedule-20 {
background-color: rgb(255 255 255 / 8%);
#schedule-20,
[id*="#schedule-"] {
background-color: rgb(0 0 0 / 8%);
}
/* TIMELINE */
@ -227,22 +268,27 @@ body,
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:after {
border-right: 17px solid var(--accent-color);
border-right: 17px solid rgb(var(--accent-color));
}
@media (min-width: 992px) {
.off-canvas-sidebar .nav li.active>a:before,
.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,
.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 {
@ -256,15 +302,38 @@ body,
/* MODAL */
.modal-content {
background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
border: 1px solid transparent;
}
.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 {
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,
@ -310,6 +379,13 @@ body,
/* DROPDOWN */
.dropdown-menu {
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 {
@ -397,6 +473,7 @@ fieldset[disabled] .form-control {
.btn-info.btn-fill:focus {
background: var(--button-color-hover);
border: var(--button-color-hover);
color: var(--button-text-hover);
}
.btn-primary {
@ -408,13 +485,13 @@ fieldset[disabled] .form-control {
.btn-primary:focus,
.btn-primary:active:focus {
border-color: var(--button-color-hover);
color: var(--text-hover);
color: var(--button-text-hover);
background-color: var(--button-color-hover);
}
.btn-primary:hover {
border-color: var(--button-color-hover);
color: var(--text-hover);
color: var(--button-text-hover);
background-color: var(--button-color-hover);
}
@ -425,7 +502,7 @@ fieldset[disabled] .form-control {
}
.btn-primary.btn-fill:hover {
color: var(--text-hover);
color: var(--button-text-hover);
background-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 {
border-color: #f05050;
background-color: #f05050;
color: var(--button-text);
color: #eee;
}
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:focus {
border-color: #ec2626;
color: var(--text-hover);
color: #fff;
background-color: #ec2626;
}
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default {
border-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:focus {
border-color: #ec2626;
color: var(--text-hover);
color: #fff;
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,
.open>.btn-success.dropdown-toggle {
background-color: var(--button-color-hover);
color: var(--text-hover);
color: var(--button-text-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 {
background-color: var(--button-color);
color: var(--label-text-color);
}
/* 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,
.row-clickable.active {
background-color: rgb(0 0 0 / 25%);
color: var(--text-hover);
}
.fixed-header th {
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,
@ -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>td,
.table tfoot tr>th,
.table tfoot tr>td,
hr {
.table tfoot tr>td {
border-top: 1px solid rgb(255 255 255 / 20%);
}
hr {
border-top: 1px solid rgb(var(--accent-color));
}
.list-group-item {
background-color: transparent;
}
@ -530,8 +643,8 @@ hr {
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
background-color: var(--accent-color);
border-color: var(--accent-color);
background-color: rgb(var(--accent-color));
border-color: rgb(var(--accent-color));
}
/* PROGRESS BARS */
@ -540,7 +653,7 @@ hr {
}
.progress-bar {
background-color: var(--accent-color);
background-color: rgb(var(--accent-color));
}
.progress span {
@ -557,10 +670,17 @@ hr {
.off-canvas-sidebar .sidebar-wrapper {
box-shadow: 0 0 10px 0px #000000;
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: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 */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--accent-color: #F44336;
--accent-color-hover: #0b3161;
--text: #eee;
--text-hover: #fff;
--link-hover: #F44336;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/hotline.css);

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

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

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

@ -13,15 +13,4 @@
/* DUPLICACY PLEX THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
:root {
--main-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-light2.png") center center/cover no-repeat fixed;
--modal-bg-color: url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/blur-noise.png"), url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/preset-dark2.png") center center/cover no-repeat fixed;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--button-text: #eee;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
--text: #eee;
--text-hover: #fff;
--link-color:#fff;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css);

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

@ -13,15 +13,4 @@
/* DUPLICACY SPACE GRAY THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
:root {
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--button-color: #607D8B;
--button-color-hover: #81a6b7;
--button-text: #eee;
--accent-color: #81a6b7;
--accent-color-hover: #81a6b7;
--text: #eee;
--text-hover: #fff;
--link-color: #81a6b7;
}
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/space-gray.css);

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

@ -13,50 +13,4 @@
/* EMBY AQUAMARINE THEME */
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.css");
:root {
--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);
}
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css");

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

@ -13,51 +13,4 @@
/* EMBY DARK THEME */
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.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);
}
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/dark.css");

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 {
color: var(--theme-text-color);
scrollbar-color: var(--scrollbar-thumb-background) transparent
}
.emby-collapsible-button {
border-color: var(--line-background)!important
border-color: var(--line-background) !important
}
.skinHeader-withBackground.skinHeader-withfulldrawer {
@ -12,16 +84,53 @@ html {
}
.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) {
background: var(--footer-background)
.appfooter,
.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)) {
.skinHeader-withBackground {
background:var(--header-blur-background);
background: var(--header-blur-background);
-webkit-backdrop-filter: saturate(1.8) blur(1.5em);
backdrop-filter: saturate(1.8) blur(1.5em)
}
@ -34,61 +143,79 @@ html {
}
.skinHeader.semiTransparent {
-webkit-backdrop-filter: none!important;
backdrop-filter: none!important;
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-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));
-webkit-box-shadow: none!important;
box-shadow: none!important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
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-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));
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-bottom: 0;
color: rgba(255,255,255,.87)
color: rgba(255, 255, 255, .87)
}
.pageTitleWithDefaultLogo {
background-image: url(https://htpc.deathbybandaid.net/assets/theme.park/Resources/emby/logowhite.png)
}
.backgroundContainer,.dialog,html {
background: var(--theme-background)
.backgroundContainer,
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 {
background-color: rgba(0,0,0,.83)
background-color: rgba(0, 0, 0, .83)
}
@media not all and (min-width: 50em) {
.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 {
color: var(--theme-primary-color);
.paper-icon-button-light-tv:focus,
.paper-icon-button-light:active {
color: rgb(var(--theme-primary-color));
background-color: var(--theme-icon-focus-background)
}
@media(hover: hover) and (pointer:fine) {
.paper-icon-button-light:focus {
color:var(--theme-primary-color);
color: rgb(var(--theme-primary-color));
background-color: var(--theme-icon-focus-background)
}
}
.detailButton-icon,.fab,.raised {
background: var(--button-background);
color: var(--theme-text-color)
.detailButton-icon,
.fab,
.raised:not(.raised-mini) {
background: var(--button-color);
color: var(--button-text);
}
.detailButton-icon {
border-color: rgba(255,255,255,.3)
border-color: rgba(255, 255, 255, .3)
}
.emby-select-withcolor {
color: inherit;
background: var(--button-background);
background: rgba(0, 0, 0, 0.25);
border: var(--line-size) solid transparent
}
@ -98,38 +225,46 @@ html {
}
@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);
backdrop-filter: saturate(1.8) blur(1.5em)
}
.dialog-blur,.toast {
.dialog-blur,
.toast {
color: #fff;
background: rgba(56,56,56,.76);
background: rgba(56, 56, 56, .76);
-webkit-backdrop-filter: blur(2.5em) saturate(1.8);
backdrop-filter: blur(2.5em) saturate(1.8);
-webkit-box-shadow: none!important;
box-shadow: none!important
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.toast-large {
color: rgba(255,255,255,.87)
color: rgba(255, 255, 255, .87)
}
}
.fab:focus,.raised:focus {
background: #333
.fab:focus,
.raised:focus {
background: var(--button-color-hover);
color: var(--button-text-hover);
}
.button-submit:not(.emby-button-tv) {
background: var(--theme-primary-color);
color: #fff
background: var(--button-color);
color: var(--button-text)
}
.button-submit:not(.emby-button-tv):focus {
background: var(--theme-primary-color-lightened);
color: #fff
.button-submit:not(.emby-button-tv):focus,
.button-submit:not(.emby-button-tv):hover {
background: var(--button-color-hover);
color: var(--button-text-hover)
}
.emby-select-withcolor>option {
@ -138,12 +273,12 @@ html {
}
.emby-select-withcolor:focus {
border-color: var(--theme-primary-color)!important
border-color: rgb(var(--theme-primary-color)) !important
}
.emby-select-tv-withcolor:focus {
background-color: var(--theme-primary-color)!important;
color: #fff!important
background-color: rgb(var(--theme-primary-color)) !important;
color: #fff !important
}
.checkboxLabel {
@ -154,19 +289,22 @@ html {
background-color: var(--theme-icon-focus-background)
}
.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused {
color: var(--theme-accent-text-color)
.inputLabelFocused,
.selectLabelFocused,
.textareaLabelFocused {
color: rgb(var(--accent-color))
}
.button-link {
color: var(--theme-accent-text-color)
color: var(--link-color)
}
.button-flat-accent {
color: var(--theme-accent-text-color)
color: rgb(var(--accent-color))
}
.paperList,.visualCardBox {
.paperList,
.visualCardBox {
background-color: var(--card-background)
}
@ -174,10 +312,16 @@ html {
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)
}
.cardText-secondary {
color: var(--text)
}
.cardText-first {
color: var(--theme-text-color-opaque)
}
@ -188,17 +332,22 @@ html {
@media(hover: hover) and (pointer:fine) {
.actionSheetMenuItem:hover {
background-color:rgba(255,255,255,.2)
background-color: rgba(255, 255, 255, .2)
}
}
.selectionCommandsPanel {
background: var(--theme-primary-color);
color: #fff
background: rgb(var(--theme-primary-color));
color: var(--label-text-color);
}
.itemSelectionCount {
color: var(--label-text-color) !important;
}
.upNextDialog-countdownText {
color: var(--theme-primary-color)
color: rgb(var(--theme-primary-color))
}
.alphaPickerButton {
@ -211,25 +360,25 @@ html {
}
.alphaPickerButton-tv:focus {
background-color: var(--theme-primary-color);
color: #fff!important
background-color: rgb(var(--theme-primary-color));
color: #fff !important
}
.detailTableBodyRow-shaded:nth-child(even) {
background: #1c1c1c;
background: rgba(30,30,30,.9)
background: rgba(30, 30, 30, .9)
}
.listItem-border {
border-color: var(--line-background)!important
border-color: var(--line-background) !important
}
.listItem-focusscale:focus {
background: rgba(54,54,54,.8)
background: rgba(54, 54, 54, .8)
}
.progressring-spiner {
border-color: var(--theme-primary-color)
border-color: rgb(var(--theme-primary-color))
}
.mediaInfoText {
@ -244,14 +393,16 @@ html {
color: #cb272a
}
.emby-input,.emby-textarea {
.emby-input,
.emby-textarea {
color: inherit;
background: var(--button-background);
border: var(--line-size) solid var(--button-background)
background: rgb(0 0 0 / 25%);
border: var(--line-size) solid rgba(255, 255, 255, 0.1)
}
.emby-input:focus,.emby-textarea:focus {
border-color: var(--theme-primary-color)
.emby-input:focus,
.emby-textarea:focus {
border-color: rgb(var(--theme-primary-color))
}
.emby-checkbox:checked+span:before {
@ -259,12 +410,17 @@ html {
}
.emby-checkbox:checked+span:before {
border-color: var(--theme-primary-color);
background-color: var(--theme-primary-color)
border-color: rgb(var(--theme-primary-color)) !important;
background-color: rgb(var(--theme-primary-color)) !important;
}
.checkboxLabel::after {
color: var(--label-text-color);
}
.itemProgressBarForeground {
background-color: var(--theme-primary-color)
background-color: rgb(var(--theme-primary-color))
}
.itemProgressBarForeground-recording {
@ -272,11 +428,12 @@ html {
}
.countIndicator {
background: var(--theme-primary-color)
background: rgb(var(--theme-primary-color));
color: var(--label-text-color);
}
.playedIndicator {
background: var(--theme-primary-color)
background: rgb(var(--theme-primary-color))
}
.mainDrawer {
@ -290,17 +447,18 @@ html {
@media(hover: hover) and (pointer:fine) {
.navMenuOption:hover {
background:#303030
background: #303030
}
}
.navMenuOption-selected {
background-color: var(--theme-icon-focus-background)!important;
color: var(--theme-accent-text-color)
background-color: var(--theme-icon-focus-background) !important;
color: rgb(var(--accent-color))
}
.emby-button-focusscale:focus,.emby-button-focusscale:focus .detailButton-icon {
background: var(--theme-primary-color);
.emby-button-focusscale:focus,
.emby-button-focusscale:focus .detailButton-icon {
background: rgb(var(--theme-primary-color));
color: #fff
}
@ -309,7 +467,7 @@ html {
}
.emby-tab-button-active {
color: var(--theme-accent-text-color)
color: rgb(var(--accent-color))
}
.emby-tab-button-active.emby-button-tv {
@ -317,34 +475,66 @@ html {
}
.emby-tab-button.emby-button-tv:focus {
color: var(--theme-accent-text-color);
color: rgb(var(--accent-color));
background: 0 0
}
.emby-button {
outline-color: var(--theme-primary-color)
outline-color: rgb(var(--theme-primary-color))
}
.channelCell,.guide-headerTimeslots,.timeslotHeaders {
background: var(--theme-background)
.channelCell,
.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) {
.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) {
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) {
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 {
border-color: rgba(255,255,255,.05)
.channelCell,
.epgRow,
.programCell {
border-color: rgba(255, 255, 255, .05)
}
.guide-currentTimeIndicatorDot {
@ -352,7 +542,7 @@ html {
}
.guide-currentTimeIndicatorDot:after {
border-top-color: var(--theme-primary-color)
border-top-color: rgb(var(--theme-primary-color))
}
.firstChannelCell {
@ -360,23 +550,24 @@ html {
}
.programCell-sports {
background: #3949ab!important
background: #3949ab !important
}
.programCell-movie {
background: #5e35b1!important
background: #5e35b1 !important
}
.programCell-kids {
background: #039be5!important
background: #039be5 !important
}
.programCell-news {
background: #43a047!important
background: #43a047 !important
}
.channelCell:focus,.programCell:focus {
background-color: var(--theme-primary-color);
.channelCell:focus,
.programCell:focus {
background-color: rgb(var(--theme-primary-color));
color: #fff
}
@ -393,7 +584,7 @@ html {
}
.ratingbutton-icon-withrating {
color: #c33!important
color: #c33 !important
}
.downloadbutton-icon-on {
@ -405,7 +596,7 @@ html {
}
.playstatebutton-icon-played {
color: #c33!important
color: #c33 !important
}
.repeatButton-active {
@ -413,7 +604,7 @@ html {
}
.card:focus .card-focuscontent {
border-color: var(--theme-primary-color)
border-color: rgb(var(--theme-primary-color))
}
.cardContent-button {
@ -449,7 +640,11 @@ html {
}
.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 {
@ -465,7 +660,7 @@ html {
}
.emby-slider {
color: var(--theme-primary-color)
color: rgb(var(--theme-primary-color))
}
.emby-slider::-moz-range-track {
@ -473,32 +668,32 @@ html {
}
.emby-slider::-moz-range-progress {
background: var(--theme-primary-color)
background: rgb(var(--theme-primary-color))
}
.emby-slider::-webkit-slider-thumb {
background: var(--theme-primary-color)
background: rgb(var(--theme-primary-color))
}
.emby-slider::-moz-range-thumb {
background: var(--theme-primary-color)
background: rgb(var(--theme-primary-color))
}
.emby-slider::-ms-thumb {
background: var(--theme-primary-color)
background: rgb(var(--theme-primary-color))
}
.emby-slider-background-lower {
background-color: var(--theme-primary-color)
background-color: rgb(var(--theme-primary-color))
}
.scrollbuttoncontainer {
color: #fff;
background: rgba(20,20,20,.5)
background: rgba(20, 20, 20, .5)
}
.recordingIcon-active {
color: #c33!important
color: #c33 !important
}
.drawerLogo {
@ -511,32 +706,31 @@ html {
}
.emby-search-tab-button.emby-tab-button-active {
background: var(--theme-accent-text-color)!important
background: rgb(var(--accent-color)) !important
}
.textActionButton.dragging {
background: var(--button-background)!important
background: var(--button-background) !important
}
.dragging-over.full-drop-target {
background: var(--theme-primary-color)!important;
color: #fff!important
background: rgb(var(--theme-primary-color)) !important;
color: #fff !important
}
.dragging-over-top:before {
background: var(--theme-accent-text-color)
background: rgb(var(--accent-color))
}
.dragging-over-bottom:after {
background: var(--theme-accent-text-color)
background: rgb(var(--accent-color))
}
/* TP CUSTOM */
@media (hover: hover) and (pointer: fine) {
.navMenuOption:hover {
background: rgb(255 255 255 / 15%) !important;
}
.navMenuOption:hover:not(.navMenuOption-selected) {
background: 0 !important;
color: var(--accent-color-hover);
}
}
.mainDrawer {
@ -544,3 +738,10 @@ html {
-webkit-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 */
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.css");
:root {
--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);
}
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/hotline.css");

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

@ -13,51 +13,4 @@
/* EMBY ORGANIZR-DARK THEME */
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.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);
}
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/organizr-dark.css");

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

@ -13,50 +13,4 @@
/* EMBY PLEX THEME */
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.css");
:root {
--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);
}
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css");

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