update 10-4-21

CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css

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

CSS/themes/adguard/adguard-base.css

@@ -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 {

CSS/themes/bazarr/bazarr-base.css

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

CSS/themes/emby/emby-base.css

@@ -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)
 }
 

CSS/themes/emby/plex.css

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

CSS/themes/filebrowser/aquamarine.css

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

CSS/themes/portainer/portainer-base.css

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

CSS/themes/qbittorrent/qbittorrent-base.css

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

CSS/themes/rutorrent/rutorrent-base.css

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

CSS/themes/transmission/transmission-base.css

@@ -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);
-}
+}

CSS/themes/unraid/unraid-base.css

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

CSS/variables/mind.css

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

CSS/variables/nord.css

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

CSS/variables/power.css

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

CSS/variables/reality.css

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

CSS/variables/soul.css

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

CSS/variables/space.css

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

CSS/variables/time.css

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

Resources/apply_theme.js

@@ -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;");
 //     }
 // })
+
+

Resources/landing-page/css/custom.css

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

Resources/landing-page/js/scripts.js

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