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

update 10-4-21

Browse Source
This commit is contained in:
deathbybandaid 2021-10-04 13:34:27 -04:00
parent 97e2838f07
commit 9d63c25087
30 changed files with 3522 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css
View File

@ -108,4 +108,4 @@
[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-iconContainer-"],
[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] {
color: white;
}
}

67
CSS/themes/adguard/adguard-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");
body {
background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
@ -231,6 +233,12 @@ h6,
color: var(--label-text-color);
}
.tooltip-custom__container .button-action--arrow-option:not(:disabled):hover {
cursor: pointer;
background: rgb(0 0 0 / 0.15);
overflow: hidden;
}
.toast--success {
background-color: rgba(90, 173, 99, 0.75);
}
@ -428,7 +436,13 @@ h6,
}
.ReactTable .-pagination .-btn {
color: var(--text-muted);
color: var(--text);
background: var(--button-color);
}
.ReactTable .-pagination .-btn:not([disabled]):hover {
background: var(--button-color-hover);
color: var(--text-hover);
}
.ReactTable .-loading,
@ -446,6 +460,20 @@ h6,
border-bottom: solid 1px rgb(255 255 255 / 20%);
}
.ReactTable .rt-thead.-header {
background: rgb(0 0 0 / 25%);
}
.ReactTable .rt-thead .rt-th.-sort-asc, .ReactTable .rt-thead .rt-td.-sort-asc {
-webkit-box-shadow: inset 0 3px 0 0 rgb(var(--accent-color), 0.60);
box-shadow: inset 0 3px 0 0 rgb(var(--accent-color), 0.60);
}
.ReactTable .rt-thead .rt-th.-sort-desc, .ReactTable .rt-thead .rt-td.-sort-desc {
-webkit-box-shadow: inset 0 -3px 0 0 rgb(var(--accent-color), 0.60);
box-shadow: inset 0 -3px 0 0 rgb(var(--accent-color), 0.60);
}
.table th,
.text-wrap table th,
.table td,
@ -465,6 +493,12 @@ h6,
}
/* FORMS */
.form-control {
color: var(--text);
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, .1)
}
.form-control--transparent {
color: var(--text-hover);
}
@ -477,7 +511,36 @@ h6,
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
background: #ffffff !important;
background: rgba(255, 255, 255, 0.2);
color: var(--text-hover);
}
.form-control:disabled, .form-control[readonly] {
background-color: #555;
opacity: 1;
cursor: not-allowed;
}
.custom-select {
color: var(--text);
background: rgba(255, 255, 255, 0.1) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBmaWxsPScjOTk5JyBkPSdNMCAwTDEwIDBMNSA1TDAgMCcvPjwvc3ZnPg==") no-repeat right 0.75rem center;
background-size: 8px 10px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.custom-select:focus {
color: var(--text-hover);
background: #1f1f1f url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBmaWxsPScjOTk5JyBkPSdNMCAwTDEwIDBMNSA1TDAgMCcvPjwvc3ZnPg==") no-repeat right 0.75rem center;
background-size: 8px 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
}
select.form-control.select:focus,
select:focus {
color: var(--text-hover);
background: #1f1f1f !important;
}
.icon--selected {

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

@ -309,14 +309,14 @@ label,
/* PAGES */
.content-header.bg-dark {
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;
background: var(--main-bg-color) !important;
background-repeat: repeat, no-repeat !important;
background-attachment: fixed, fixed !important;
background-position: center center, center center !important;
background-size: auto, cover !important;
-webkit-background-size: auto, cover !important;
-moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important;
border-bottom: solid 1px rgba(255, 255, 255, .1);
}
@ -324,13 +324,13 @@ label,
/* LOGIN */
.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;
background-repeat: repeat, no-repeat !important;
background-attachment: fixed, fixed !important;
background-position: center center, center center !important;
background-size: auto, cover !important;
-webkit-background-size: auto, cover !important;
-moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important;
}
.auth-card {

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

@ -157,7 +157,7 @@ html {
}
.pageTitleWithDefaultLogo {
background-image: url(https://htpc.deathbybandaid.net/assets/theme.park/Resources/emby/logowhite.png)
background-image: url(https://theme-park.dev/Resources/emby/logowhite.png)
}
.backgroundContainer,
@ -697,7 +697,7 @@ html {
}
.drawerLogo {
background-image: url(https://htpc.deathbybandaid.net/assets/theme.park/Resources/emby/logowhite.png);
background-image: url(https://theme-park.dev/Resources/emby/logowhite.png);
border-bottom-color: var(--line-background)
}

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

@ -13,4 +13,4 @@
/* EMBY PLEX THEME */
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.css");
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css");
@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css");

2
CSS/themes/filebrowser/aquamarine.css
View File

@ -13,4 +13,4 @@
/* FILEBROWSER AQUAMARINE THEME */
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/filebrowser/filebrowser-base.css);
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css);
@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css);

0
CSS/themes/grafana/.deprecated Normal file
View File

0
CSS/themes/logarr/.deprecated Normal file
View File

0
CSS/themes/monitorr/.deprecated Normal file
View File

3355
CSS/themes/mylar3/mylar3-base.css Normal file
View File

File diff suppressed because one or more lines are too long

0
CSS/themes/plpp/.deprecated Normal file
View File

17
CSS/themes/portainer/portainer-base.css
View File

@ -136,7 +136,7 @@ ul.sidebar .sidebar-list a {
}
.panel-body {
background-color: transparent;
background-color: transparent !important;
}
/* SIDEBAR */
@ -233,6 +233,17 @@ ul.sidebar .sidebar-title {
color: var(--text);
}
.datatable .searchBar {
border-top: 1px solid rgba(255, 255, 255, .1);
border-bottom: 1px solid rgba(255, 255, 255, .1);
padding: 8px;
background: rgba(255, 255, 255, .15);
}
.datatable .searchBar:focus-within {
background:rgba(255, 255, 255, .25);
color: var(--text-hover);
}
/* TABLE */
@ -424,7 +435,7 @@ fieldset[disabled] .btn-primary:hover {
/* FORM CONTROL */
.form-control {
background-color: rgba(255, 255, 255, 0.15);
background-color: rgba(255, 255, 255, 0.15) !important;
border: 1px solid transparent;
}
@ -709,4 +720,4 @@ pre {
.widget .widget-body table thead tr:hover {
background-color: rgba(0, 0, 0, .35) !important;
background: rgba(0, 0, 0, .35) !important;
}
}

6
CSS/themes/qbittorrent/qbittorrent-base.css
View File

@ -1604,7 +1604,7 @@ ul.filterList a {
}
img[src="icons/inode-directory.svg"] {
background: url(https://htpc.deathbybandaid.net/assets/theme.park/Resources/qbittorrent/folder-open-solid.svg);
background: url(https://theme-park.dev/Resources/qbittorrent/folder-open-solid.svg);
background-size: contain;
background-repeat: no-repeat;
background-origin: content-box;
@ -1612,7 +1612,7 @@ img[src="icons/inode-directory.svg"] {
}
img[src="icons/network-server.svg"] {
background: url(https://htpc.deathbybandaid.net/assets/theme.park/Resources/qbittorrent/network-wired-solid.svg);
background: url(https://theme-park.dev/Resources/qbittorrent/network-wired-solid.svg);
background-size: contain;
background-repeat: no-repeat;
background-origin: content-box;
@ -1620,7 +1620,7 @@ img[src="icons/network-server.svg"] {
}
img[src="icons/mail-folder-inbox.svg"] {
background: url(https://htpc.deathbybandaid.net/assets/theme.park/Resources/qbittorrent/inbox-solid.svg);
background: url(https://theme-park.dev/Resources/qbittorrent/inbox-solid.svg);
background-size: contain;
background-repeat: no-repeat;
background-origin: content-box;

2
CSS/themes/rutorrent/rutorrent-base.css
View File

@ -1782,4 +1782,4 @@ div#dlgEditRules-header,
#dlgEditRatioRules-header,
div#dlgEditRules div.dlg-header {
background: rgba(0, 0, 0, 0.25) !important;
}
}

0
CSS/themes/thelounge/.deprecated Normal file
View File

2
CSS/themes/transmission/transmission-base.css
View File

@ -979,4 +979,4 @@ ul.torrent_list li.torrent.compact div.torrent_name {
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(https://htpc.deathbybandaid.net/assets/theme.park/Resources/transmission/icons.png);
}
}

2
CSS/themes/unraid/unraid-base.css
View File

@ -221,7 +221,7 @@ a.button,
.sweet-alert button,
#template button[type=button],
#template button {
color: var(--button-text);
color: var(--text);
text-shadow: var(--text-shadow) var(--text-shadow-color);
background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;

0
CSS/themes/webtools/.deprecated Normal file
View File

2
CSS/variables/mind.css
View File

@ -1,6 +1,6 @@
:root {
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 242, 0, .7) 0%, #0d0400 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed,
url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/mind.jpg") center center/cover no-repeat fixed;
url("https://theme-park.dev/Resources/mind.jpg") center center/cover no-repeat fixed;
--modal-bg-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed;
--modal-header-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed;
--modal-footer-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed;

30
CSS/variables/nord.css Normal file
View File

@ -0,0 +1,30 @@
:root {
--main-bg-color: #2E3440;
--modal-bg-color: #3B4252;
--modal-header-color: #434C5E;
--modal-footer-color: #434C5E;
--drop-down-menu-bg: #3B4252;
--button-color: #79b8ca;
--button-color-hover: #79b8cacc ;
--button-text: #2E3440;
--button-text-hover: #D8DEE9;
--accent-color: 121, 184, 202;
--accent-color-hover: rgb(var(--accent-color),.8);
--link-color: #81A1C1;
--link-color-hover: #88C0D0;
--label-text-color: #222730;
--text:#D8DEE9;
--text-hover: #ECEFF4;
--text-muted: #81A1C1;
/*Specials*/
--arr-queue-color: #A3BE8C; /* Servarr apps + Bazarr*/
--plex-poster-unwatched: #D08770;
--petio-spinner: invert(62%) sepia(8%) saturate(998%) hue-rotate(259deg) brightness(97%) contrast(87%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4: 121, 184, 202;
}

2
CSS/variables/power.css
View File

@ -1,6 +1,6 @@
:root {
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(166, 40, 140, .7) 0%, rgba(11,8,51,1) 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed,
url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/power.jpg") center center/cover no-repeat fixed;
url("https://theme-park.dev/Resources/power.jpg") center center/cover no-repeat fixed;
--modal-bg-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed;
--modal-header-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed;
--modal-footer-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed;

2
CSS/variables/reality.css
View File

@ -1,6 +1,6 @@
:root {
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(232, 11, 11, 0.7) 0%, #08000d 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed,
url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/reality.jpg") center center/cover no-repeat fixed;
url("https://theme-park.dev/Resources/reality.jpg") center center/cover no-repeat fixed;
--modal-bg-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed;
--modal-header-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed;
--modal-footer-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed;

2
CSS/variables/soul.css
View File

@ -1,6 +1,6 @@
:root {
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 153, 0, .7) 0%, #3c0015 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed,
url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/soul.jpg") center center/cover no-repeat fixed;
url("https://theme-park.dev/Resources/soul.jpg") center center/cover no-repeat fixed;
--modal-bg-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed;
--modal-header-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed;
--modal-footer-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed;

2
CSS/variables/space.css
View File

@ -1,6 +1,6 @@
:root {
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(0, 98, 255, .7) 0%, #020013 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed,
url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/space.jpg") center center/cover no-repeat fixed;
url("https://theme-park.dev/Resources/space.jpg") center center/cover no-repeat fixed;
--modal-bg-color: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed;
--modal-headercolor: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed;
--modal-footer-color: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed;

2
CSS/variables/time.css
View File

@ -1,6 +1,6 @@
:root {
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(109, 247, 81, .7) 0%, #00130c 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed,
url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/time.jpg") center center/cover no-repeat fixed;
url("https://theme-park.dev/Resources/time.jpg") center center/cover no-repeat fixed;
--modal-bg-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed;
--modal-header-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed;
--modal-footer-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed;

10
Resources/apply_theme.js
View File

@ -18,7 +18,7 @@ function get_base_sha(app,theme) {
link.type = "text/css";
link.rel = "stylesheet";
link.href = `${url}/${app}/${theme}.css?v=${sha}`;
html_element.appendChild(link);
}
@ -31,11 +31,11 @@ function get_base_sha(app,theme) {
link.type = "text/css";
link.rel = "stylesheet";
link.href = `${url}/${app}/${addon}.css`;
html_element.appendChild(link);
}
// {
// if (res.status) {
// res.json()
@ -47,3 +47,5 @@ function get_base_sha(app,theme) {
// console.info(`%c Error %c Failed to fetch the url, double check the name passed in your subfilter.. `, "color: white; background: red; font-weight: 700;", "color: red; background: white; font-weight: 700;");
// }
// })

BIN
Resources/landing-page/assets/img/nord-small.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

BIN
Resources/landing-page/assets/img/nord.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 MiB

4
Resources/landing-page/css/custom.css
View File

@ -352,4 +352,8 @@ p {
#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.hotpink-hover {
background: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%);
}
#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.nord-hover {
background: #2E3440;
}

18
Resources/landing-page/js/scripts.js
View File

@ -73,7 +73,7 @@
// load random css stylesheet
const themes = ["aquamarine","hotline","dark","organizr-dark","dracula","overseerr",
"plex","space-gray","hotpink","onedark"];
"plex","space-gray","hotpink","onedark","nord"];
var random = themes[~~(Math.random() * themes.length)];
function injectTheme(theme,container="head") {
if (container === "head") {
@ -88,5 +88,19 @@ function injectTheme(theme,container="head") {
html_element.appendChild(link);
}
injectTheme(random);
// Add updated theme count.
function addThemeCount() {
let themeJsonUrl = "https://theme-park.dev/themes.json"
return fetch(themeJsonUrl)
.then(response => {
return response.json();
}).then(json => {
document.getElementById("themeCount").innerHTML = `
theme.park contains ${Object.keys(json.applications).length} themed applications, with css <a
href="https://docs.theme-park.dev/themes/addons/">addons</a> on certain themes.`
})
}
injectTheme(random);
addThemeCount();