Merge pull request #668 from themepark-dev/develop

Develop

Author: GilbN

css/base/lidarr/lidarr-base.css

@@ -50,6 +50,12 @@
     background-color: rgb(var(--accent-color)) !important;
 }
 
+[class*="ArtistIndexPoster-title-"],
+[class*="ArtistIndexBanner-title-"] {
+    background: var(--transparency-light-10);
+    color: var(--text-hover);
+}
+
 /* OVERVIEW PAGE */
 [class*="ArtistIndexOverview-container-"],
 [class*="ArtistIndexOverview-container-"]:hover {

css/base/qbittorrent/qbittorrent-base.css

@@ -99,8 +99,8 @@ input[type="file"i] {
 }
 
 input[name="category"i] {
-  color: #000;
-  background-color: #fff;
+  color: var(--text-hover);
+  background: var(--transparency-dark-25);
   border-width: 0px;
   outline: none;
   border: none;
@@ -519,6 +519,10 @@ fieldset {
 
 /*Modal */
 
+.mocha {
+    background: var(--drop-down-menu-bg);
+}
+
 .mochaOverlay {
   position: absolute;
   top: 0;
@@ -531,6 +535,7 @@ fieldset {
   -webkit-background-size: auto, cover;
   -moz-background-size: auto, cover;
   -o-background-size: auto, cover;
+  border-radius: 0px;
 }
 
 .mochaToolbarWrapper {
@@ -669,4 +674,13 @@ select:focus {
 #torrentsFilterToolbar {
   float: right;
   margin-right: .5rem;
-}
+}
+
+#torrentsFilterInput {
+    background: var(--transparency-dark-25);
+    border: none;
+}
+
+label[for="torrentsFilterRegexBox"] {
+      border: none !important;
+}

css/base/unraid/unraid-base.css

@@ -140,6 +140,10 @@ textarea {
     background: var(--transparency-dark-25);
 }
 
+textarea:focus {
+    background: var(--transparency-dark-35);
+}
+
 /*DASHBOARD*/
 table.share_status.dashboard {
     background: var(--transparency-dark-15);
@@ -201,7 +205,7 @@ table.tablesorter thead tr th {
 }
 
 table {
-    background: var(--transparency-dark-25);
+    background: var(--transparency-dark-25) !important;
 }
 
 table.disk_status thead tr:first-child td,
@@ -236,6 +240,18 @@ table.share_status tbody tr.warn {
     background-color: #feefb3 !important;
 }
 
+table td.stopgap {
+    display: none;
+}
+
+table.dashboard i.fa {
+    background-color: unset;
+}
+
+table.dashboard tbody {
+    border: var(--transparency-light-25) 1px solid;
+}
+
 /*BUTTON*/
 input[type=button],
 input[type=reset],
@@ -367,6 +383,10 @@ div.Panel i.PanelIcon {
     color: var(--text-hover);
 }
 
+.content #title {
+    background: unset;
+}
+
 /* PLUGINS */
 div.tab [type=radio]:checked+label,
 div.tab [type=radio]+label:hover {
@@ -764,4 +784,4 @@ unraid-authed::part(div[data-v-050c892a] > button) {
 
 dt {
     color: var(--text-hover);
-}
+}

css/community-theme-options/rose-pine-dawn.css

@@ -0,0 +1,34 @@
+:root {
+  --main-bg-color: #fffaf3;
+
+  --modal-bg-color: #f2e9de;
+  --modal-header-color: #faf4ed;
+  --modal-footer-color: #faf4ed;
+
+  --drop-down-menu-bg: #f4ede8;
+
+  --button-color: #dfdad9;
+  --button-color-hover: #cecacd;
+  --button-text: var(--text);
+  --button-text-hover: var(--text-hover);
+
+  --accent-color: 180, 99, 122;
+  --accent-color-hover: rgb(180, 99, 122, 0.8);
+  --link-color: #286983;
+  --link-color-hover: rgb(86, 148, 159, 0.8);
+  --label-text-color: #575279;
+
+  --text: #575279;
+  --text-hover: var(--text);
+  --text-muted: 9893a5;
+
+  /* Specials */
+  --arr-queue-color: #286983; /* Servarr apps + Bazarr */
+  --plex-poster-unwatched: #d7827e;
+  --petio-spinner: invert(40%) sepia(20%) saturate(1206%) hue-rotate(152deg) brightness(96%) contrast(94%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ /* Pine */
+  --gitea-color-primary-dark-4: var(--accent-color);
+  --overseerr-gradient: linear-gradient(
+    var(--main-bg-color),
+    var(--main-bg-color)
+  );
+}

css/community-theme-options/rose-pine-moon.css

@@ -0,0 +1,34 @@
+:root {
+  --main-bg-color: #2a273f;
+
+  --modal-bg-color: #393552;
+  --modal-header-color: #232136;
+  --modal-footer-color: #232136;
+
+  --drop-down-menu-bg: #2a283e;
+
+  --button-color: #44415a;
+  --button-color-hover: #56526e;
+  --button-text: var(--text);
+  --button-text-hover: var(--text-hover);
+
+  --accent-color: 235, 111, 146;
+  --accent-color-hover: rgb(235, 111, 146, 0.8);
+  --link-color: #3e8fb0;
+  --link-color-hover: rgb(156, 207, 216, 0.8);
+  --label-text-color: #e0def4;
+
+  --text: #e0def4;
+  --text-hover: var(--text);
+  --text-muted: 6e6a86;
+
+  /* Specials */
+  --arr-queue-color: #3e8fb0; /* Servarr apps + Bazarr */
+  --plex-poster-unwatched: #ea9a97;
+  --petio-spinner: invert(40%) sepia(20%) saturate(1206%) hue-rotate(152deg) brightness(96%) contrast(94%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ /* Pine */
+  --gitea-color-primary-dark-4: var(--accent-color);
+  --overseerr-gradient: linear-gradient(
+    var(--main-bg-color),
+    var(--main-bg-color)
+  );
+}

css/community-theme-options/rose-pine.css

@@ -0,0 +1,34 @@
+:root {
+  --main-bg-color: #1f1d2e;
+
+  --modal-bg-color: #26233a;
+  --modal-header-color: #191724;
+  --modal-footer-color: #191724;
+
+  --drop-down-menu-bg: #21202e;
+
+  --button-color: #403d52;
+  --button-color-hover: #524f67;
+  --button-text: var(--text);
+  --button-text-hover: var(--text-hover);
+
+  --accent-color: 235, 111, 146;
+  --accent-color-hover: rgb(235, 111, 146, 0.8);
+  --link-color: #31748f;
+  --link-color-hover: rgb(156, 207, 216, 0.8);
+  --label-text-color: #e0def4;
+
+  --text: #e0def4;
+  --text-hover: var(--text);
+  --text-muted: 6e6a86;
+
+  /* Specials */
+  --arr-queue-color: #31748f; /* Servarr apps + Bazarr */
+  --plex-poster-unwatched: #ebbcba;
+  --petio-spinner: invert(40%) sepia(20%) saturate(1206%) hue-rotate(152deg) brightness(96%) contrast(94%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ /* Pine */
+  --gitea-color-primary-dark-4: var(--accent-color);
+  --overseerr-gradient: linear-gradient(
+    var(--main-bg-color),
+    var(--main-bg-color)
+  );
+}

docker-mods/lidarr/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/run

@@ -54,13 +54,13 @@ if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
     echo '---------------------------'
 
     url_base="${TP_SCHEME}://${TP_DOMAIN}"
-    sheets="<link rel='stylesheet' href='${url_base}/css/base/sonarr/sonarr-base.css'>"
+    sheets="<link rel='stylesheet' href='${url_base}/css/base/lidarr/lidarr-base.css'>"
     sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/${THEME_TYPE}/${TP_THEME}.css'>"
     printf 'Stylesheet set to %s\n' "${TP_THEME}"
 
     if [[ -n ${TP_ADDON} ]]; then
         for addon in $(echo "$TP_ADDON" | tr "|" " "); do
-        sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/addons/sonarr/${addon}/${addon}.css'>"
+        sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/addons/lidarr/${addon}/${addon}.css'>"
         printf 'Added custom addon: %s\n\n' "${addon}"
         done
     fi