diff --git a/README.md b/README.md
index 60811746..85cb7a3a 100644
--- a/README.md
+++ b/README.md
@@ -2,9 +2,9 @@
[](https://docs.theme-park.dev "Documentation for all the themes in this repository.")
[](https://discord.gg/HM5uUKU "Discord for theme installation support")
-[](https://github.com/GilbN/theme.park)
+[](https://assets.deathbybandaid.net/theme.park)
[](https://github.com/sponsors/GilbN "Donate!")
-[](https://github.com/gilbN/theme.park/blob/master/LICENSE)
+[](https://assets.deathbybandaid.net/theme.park/blob/master/LICENSE)
[](https://github.com/users/GilbN/packages/container/package/theme.park)
[](https://hub.docker.com/r/gilbn/theme.park)
[](https://technicalramblings.com/ "A blog with different guides :)")
diff --git a/css/addons/unraid/login-page/alien/js/isolation.js b/css/addons/unraid/login-page/alien/js/isolation.js
index 0221baf5..b5e94306 100644
--- a/css/addons/unraid/login-page/alien/js/isolation.js
+++ b/css/addons/unraid/login-page/alien/js/isolation.js
@@ -1,6 +1,6 @@
// Adds a video background
let video = `
-
+
`
-document.body.innerHTML += video
+document.body.innerHTML += video
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/fallout/js/please_stand_by.js b/css/addons/unraid/login-page/fallout/js/please_stand_by.js
index a4cd62ea..56d4634d 100644
--- a/css/addons/unraid/login-page/fallout/js/please_stand_by.js
+++ b/css/addons/unraid/login-page/fallout/js/please_stand_by.js
@@ -2,6 +2,6 @@
// Source: https://www.youtube.com/watch?v=ehvduomE0AU
let video = `
-
+
`
document.body.innerHTML += video
diff --git a/css/addons/unraid/login-page/fallout/js/vault-tec-crt.js b/css/addons/unraid/login-page/fallout/js/vault-tec-crt.js
index e90e648e..6c538183 100644
--- a/css/addons/unraid/login-page/fallout/js/vault-tec-crt.js
+++ b/css/addons/unraid/login-page/fallout/js/vault-tec-crt.js
@@ -2,6 +2,6 @@
// Source: https://steamcommunity.com/sharedfiles/filedetails/?id=920035918
let video = `
-
+
`
document.body.innerHTML += video;
diff --git a/css/addons/unraid/login-page/fallout/js/vault-tec-crt_no-scanline.js b/css/addons/unraid/login-page/fallout/js/vault-tec-crt_no-scanline.js
index b160c14c..a41b967c 100644
--- a/css/addons/unraid/login-page/fallout/js/vault-tec-crt_no-scanline.js
+++ b/css/addons/unraid/login-page/fallout/js/vault-tec-crt_no-scanline.js
@@ -2,6 +2,6 @@
// Source: https://www.youtube.com/watch?v=ehvduomE0AU
let video = `
-
+
`
document.body.innerHTML += video
diff --git a/css/base/duplicati/duplicati-base.css b/css/base/duplicati/duplicati-base.css
index 4bb46bbb..f3b73aea 100644
--- a/css/base/duplicati/duplicati-base.css
+++ b/css/base/duplicati/duplicati-base.css
@@ -347,4 +347,4 @@ body .container .header .state .progress-bar {
#login fieldset input[type="password"] {
background: rgba(0, 0, 0, .25);
color: var(--text);
-}
+}
\ No newline at end of file
diff --git a/css/base/gitea/gitea-base.css b/css/base/gitea/gitea-base.css
index ca36d262..0d2a5255 100644
--- a/css/base/gitea/gitea-base.css
+++ b/css/base/gitea/gitea-base.css
@@ -14,6 +14,7 @@
@import url("https://assets.deathbybandaid.net/theme.park/css/base/gitea/monaco_vs_dark.css");
:root {
--color-text: var(--text);
+ --color-caret: white;
--color-secondary-alpha-70: rgba(0, 0, 0, 0.35);
--color-primary-light-4: rgb(var(--gitea-color-primary-dark-4),.2);
--color-primary-light-2: rgb(var(--gitea-color-primary-dark-4),.4);
@@ -1617,4 +1618,52 @@ input::selection {
/* CALENDAR */
::-webkit-calendar-picker-indicator {
filter: invert(1);
+}
+
+/* VIEW FILE */
+
+.lines-num {
+ color: var(--text);
+}
+
+.code-view .lines-num:hover {
+ color: var(--text-hover)!important;
+ background: rgb(var(--accent-color),.5);
+}
+
+.code-view .lines-num:active,.code-view .lines-num:focus {
+ color: var(--text-hover)!important;
+ background: rgb(var(--accent-color),.5);
+}
+
+.code-line-button {
+ background-color: var(--button-color);
+ color: var(--button-text);
+ border: 1px solid var(--button-color);
+}
+
+.code-line-button:hover {
+ color: var(--button-text-hover);
+}
+
+.ui.popup {
+ background-color: var(--button-color);
+ color: var(--button-text);
+ border-color: var(--button-color);
+}
+
+.ui.top.popup:before {
+ background: var(--button-color);
+}
+
+.ui.popup:before {
+ box-shadow: 1px 1px var(--button-color);
+}
+
+.ui.link.list .item, .ui.link.list a.item, .ui.link.list .item a:not(.ui) {
+ color: var(--button-text);
+}
+
+.ui.link.list.list a.item:hover, .ui.link.list.list .item a:not(.ui):hover, .ui.link.list.list a.item:active, .ui.link.list.list .item a:not(.ui):active {
+ color: var(--button-text-hover);
}
\ No newline at end of file
diff --git a/css/base/lidarr/lidarr-base.css b/css/base/lidarr/lidarr-base.css
index 339cbcd8..8b54ec4d 100644
--- a/css/base/lidarr/lidarr-base.css
+++ b/css/base/lidarr/lidarr-base.css
@@ -485,7 +485,7 @@ a:hover {
background: #1f1f1f;
color: #eee;
}
-
+/*
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
@@ -499,7 +499,7 @@ a:hover {
background: rgb(var(--accent-color),0.05);
color: white;
}
-}
+} */
[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
border-top-color: var(--text);
diff --git a/css/base/netdata/organizr-dashboard.css b/css/base/netdata/organizr-dashboard.css
index a59aa108..58ee6203 100644
--- a/css/base/netdata/organizr-dashboard.css
+++ b/css/base/netdata/organizr-dashboard.css
@@ -14,7 +14,7 @@
/* NETDATA ORGANIZR DASHBOARD THEME */
@import url(https://assets.deathbybandaid.net/theme.park/css/base/netdata/netdata-base.css);
-@import url(https://assets.deathbybandaid.net/theme.park/css/theme-options/organizr-dark.css);
+@import url(https://assets.deathbybandaid.net/theme.park/css/variables/organizr-dark.css);
:root {
--main-bg-color: transparent;
}
\ No newline at end of file
diff --git a/css/base/organizr/organizr-base.css b/css/base/organizr/organizr-base.css
index 3244e5ec..e6d2f963 100644
--- a/css/base/organizr/organizr-base.css
+++ b/css/base/organizr/organizr-base.css
@@ -61,6 +61,17 @@
color: var(--text);
}
+#HEALTHCHECKS-settings-items [id*="Services"] .row.m-b-40 {
+ 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;
+}
+
.h1,
.h2,
.h3,
@@ -118,23 +129,23 @@ h3,
h4,
h5,
h6 {
- color: var(--text-hover) !important;
+ color: var(--text-hover) !important;
}
-.badge {
+.badge:not(.homepage-drag .badge) {
background-color: rgb(var(--accent-color));
color: var(--label-text-color);
}
.tabLoaded {
- -webkit-filter: drop-shadow(0 0 2px transparent);
- filter: drop-shadow(0 0 2px transparent);
+ -webkit-filter: drop-shadow(0 0 5px rgb(var(--accent-color)));
+ filter: drop-shadow(0 0 5px rgb(var(--accent-color)));
color: var(--text-hover)
}
.active .tabLoaded {
- -webkit-filter: drop-shadow(0 0 5px transparent);
- filter: drop-shadow(0 0 5px transparent);
+ -webkit-filter: drop-shadow(0 0 2px rgb(var(--accent-color)));
+ filter: drop-shadow(0 0 2px rgb(var(--accent-color)));
color: rgb(var(--accent-color));
}
@@ -158,18 +169,18 @@ h6 {
.btn:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),
.cbutton {
- background: var(--button-color) !important;
- border-color: var(--button-color) !important;
- color: var(--button-text) !important;
+ background: var(--button-color);
+ border-color: var(--button-color);
+ color: var(--button-text);
}
.btn:hover:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),
.btn:active:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),
.btn:focus:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),
.cbutton:hover {
- background: var(--button-color-hover) !important;
- border-color: var(--button-color-hover) !important;
- color: var(--button-text-hover) !important;
+ background: var(--button-color-hover);
+ border-color: var(--button-color-hover);
+ color: var(--button-text-hover);
}
.cbutton {
@@ -1470,7 +1481,7 @@ a:hover,
border-radius: 3px;
}
-.bg-inverse {
+.bg-inverse:not(.homepage-drag):not(.pihole-stat) {
background: transparent !important;
}
@@ -1761,25 +1772,11 @@ background: rgb(0 0 0 / 0%) !important;
}
.navbar-default,
.sidebar .sidebar-head {
- 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: rgb(0 0 0 / 0%);
}
.sidebar {
- 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: rgb(0 0 0 / 25%);
box-shadow: 1px 0px 20px rgb(0 0 0 / 20%);
}
diff --git a/css/base/prowlarr/prowlarr-base.css b/css/base/prowlarr/prowlarr-base.css
index 27858a34..222c0fb2 100644
--- a/css/base/prowlarr/prowlarr-base.css
+++ b/css/base/prowlarr/prowlarr-base.css
@@ -397,7 +397,7 @@ a:hover {
color: #eee;
}
-@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
@@ -410,7 +410,7 @@ a:hover {
background: rgb(var(--accent-color),0.05);
color: white;
}
-}
+} */
[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
border-top-color: var(--text);
@@ -1207,4 +1207,17 @@ canvas {
[class*="QueryParameterOption-option-"]:hover [class*="QueryParameterOption-example-"] {
background-color: rgba(255, 255, 2550, 0.35);
+}
+
+/* HISTORY */
+
+[class*="HistoryRowParameter-parameter-"] {
+ border: 1px solid rgb(var(--accent-color));
+ background-color: rgb(var(--accent-color));
+ color: var(--label-text-color)
+}
+
+[class*="HistoryRowParameter-value-"] {
+ background-color: rgb(255 255 255 / 50%);
+ color: #1f1f1f;
}
\ No newline at end of file
diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css
index 9848a293..18479d7d 100644
--- a/css/base/radarr/radarr-base.css
+++ b/css/base/radarr/radarr-base.css
@@ -402,7 +402,7 @@ a:hover {
color: #eee;
}
-@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
@@ -415,7 +415,7 @@ a:hover {
background: rgb(var(--accent-color),0.05);
color: white;
}
-}
+} */
[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
border-top-color: var(--text);
diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css
index c6d92cb0..71f9b1c2 100644
--- a/css/base/readarr/readarr-base.css
+++ b/css/base/readarr/readarr-base.css
@@ -481,7 +481,7 @@ a:hover {
color: #eee;
}
-@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
@@ -494,7 +494,7 @@ a:hover {
background: rgb(var(--accent-color),0.05);
color: white;
}
-}
+} */
[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
border-top-color: var(--text);
diff --git a/css/base/sabnzbd/sabnzbd-base.css b/css/base/sabnzbd/sabnzbd-base.css
index 8245ab8d..c42f4c7b 100644
--- a/css/base/sabnzbd/sabnzbd-base.css
+++ b/css/base/sabnzbd/sabnzbd-base.css
@@ -236,11 +236,6 @@ hr {
color: var(--text-hover);
}
-
-.caret {
- border-top-color: white !important;
-}
-
svg.peity polygon {
fill: var(--button-color) !important;
}
@@ -473,7 +468,8 @@ input[type="submit"]:focus {
/* History */
-.queue-table .row-extra-text, .history-table .row-extra-text {
+.queue-table .row-extra-text,
+.history-table .row-extra-text {
color: var(--text-muted);
}
@@ -481,6 +477,10 @@ input[type="submit"]:focus {
border-top-color: var(--button-text) !important;
}
+td.delete .dropdown>a .caret {
+ border-top-color: var(--button-color) !important;
+}
+
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.25);
}
@@ -540,27 +540,28 @@ tr td.row-extra-text,
color: var(--button-text);
}
-.progress strong, .progress i {
+.progress strong,
+.progress i {
color: #fff;
}
.progress {
- background-color: transparent !important;
+ background-color: rgb(var(--accent-color), .7) !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.progress-bar strong {
- color: hsla(0, 0%, 100%, .7) !important;
+ color: var(--label-text-color) !important;
}
.progress-bar+span {
- color: hsla(0, 0%, 100%, .7) !important;
+ color: var(--label-text-color) !important;
}
.progress-bar-info,
.progress-bar {
- background-color: var(--button-color) !important;
+ background-color: rgb(var(--accent-color)) !important;
}
.glyphicon-compressed:before {
diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css
index b9b18d99..d1736a00 100644
--- a/css/base/sonarr/sonarr-base.css
+++ b/css/base/sonarr/sonarr-base.css
@@ -404,7 +404,7 @@ a:hover {
color: #eee;
}
-@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="Popover-body-"],
@@ -419,7 +419,7 @@ a:hover {
[class*="SeasonInfo-title-"] {
background: transparent;
}
-}
+} */
[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
border-top-color: var(--text);
diff --git a/css/base/xbackbone/xbackbone-base.css b/css/base/xbackbone/xbackbone-base.css
index 4405105c..6b3ee6d7 100644
--- a/css/base/xbackbone/xbackbone-base.css
+++ b/css/base/xbackbone/xbackbone-base.css
@@ -21,28 +21,6 @@
-o-background-size: auto, cover;
}
-/* Scrollbar */
-@media only screen and (min-width: 768px) {
- html {
- height: 100%;
- width: 100%;
- overflow: hidden;
- }
-
- body {
- overflow-y: auto;
- height: 100%;
- background: var(--main-bg-color);
- 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;
- }
-}
-
::-webkit-scrollbar {
width: 14px;
}
@@ -56,7 +34,7 @@
}
::-webkit-scrollbar-track {
- background-color: transparent;
+ background-color: #1f1f1f;
}
::-webkit-scrollbar-thumb:hover {
diff --git a/css/community-theme-options/pine-shadow.css b/css/community-theme-options/pine-shadow.css
new file mode 100644
index 00000000..569a0d00
--- /dev/null
+++ b/css/community-theme-options/pine-shadow.css
@@ -0,0 +1,30 @@
+:root {
+ --main-bg-color: linear-gradient(135deg, #252b2f, #090c0e) center center/cover no-repeat fixed;
+
+ --modal-bg-color: var(--main-bg-color);
+ --modal-header-color: var(--main-bg-color);
+ --modal-footer-color: var(--main-bg-color);
+
+ --drop-down-menu-bg: var(--main-bg-color);
+
+ --button-color: #cc7b19;
+ --button-color-hover: #e59029;
+ --button-text: #eee;
+ --button-text-hover: #fff;
+
+ --accent-color: 229, 160, 13;
+ --accent-color-hover: #ffc107;
+ --link-color: #fff;
+ --link-color-hover: #fff;
+ --label-text-color: #fff;
+
+ --text:#bbb;
+ --text-hover: #fff;
+ --text-muted: #999;
+
+ /*Specials*/
+ --arr-queue-color: #27c24c; /* Servarr apps + Bazarr*/
+ --plex-poster-unwatched: rgb(229, 160, 13);
+ --petio-spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+ --gitea-color-primary-dark-4: 255, 193, 7;
+ }
\ No newline at end of file
diff --git a/docker-mods/emby/root/etc/cont-init.d/98-themepark b/docker-mods/emby/root/etc/cont-init.d/98-themepark
index ece07fda..91f67ef5 100644
--- a/docker-mods/emby/root/etc/cont-init.d/98-themepark
+++ b/docker-mods/emby/root/etc/cont-init.d/98-themepark
@@ -34,12 +34,5 @@ if [[ -z ${TP_THEME} ]]; then
fi
# Adding stylesheets
-if ! grep -q "${TP_DOMAIN}/css/base" /app/emby/dashboard-ui/index.html; then
- echo '---------------------------'
- echo '| Adding the stylesheet |'
- echo '---------------------------'
- sed -i "s/<\/body>/<\/body> /g" /app/emby/dashboard-ui/index.html
- sed -i "s/<\/body>/<\/body> /g" /app/emby/dashboard-ui/index.html
- printf 'Stylesheet set to %s\n' "${TP_THEME}
- "
-fi
+printf '%s\n' "@import url('https://${TP_DOMAIN}/css/${THEME_TYPE}/${TP_THEME}.css');" "@import url('https://${TP_DOMAIN}/css/base/emby/emby-base.css');" > /app/emby/dashboard-ui/modules/themes/light/theme.css
+printf 'Stylesheet set to %s\n' "${TP_THEME}"
diff --git a/index.html b/index.html
index 6e45fb0d..79794091 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,28 @@
-
-
- theme.park
+
+ theme.park - A collection of themes/skins for your favorite apps!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -38,17 +57,17 @@
Docs
Github
+ href="https://assets.deathbybandaid.net/theme.park"> Github
Discord
Sponsor
- Star
- Fork
@@ -122,7 +141,7 @@
Find us on Github
Having issues with a theme? Let us know on Github!
+ href="https://assets.deathbybandaid.net/theme.park">Github!
diff --git a/resources/landing-page/assets/meta_image.jpg b/resources/landing-page/assets/meta_image.jpg
new file mode 100644
index 00000000..a0e96ce8
Binary files /dev/null and b/resources/landing-page/assets/meta_image.jpg differ