Merge pull request #382 from GilbN/develop

1.9.4

README.md

@@ -31,6 +31,7 @@
 <a href="https://docs.theme-park.dev/theme-options/dark"><img src="https://docs.theme-park.dev/theme-options/dark_banner_small.png" alt="Dark"  width="49.49%"/></a>
 <a href="https://docs.theme-park.dev/theme-options/plex"><img src="https://docs.theme-park.dev/theme-options/plex_banner_small.png" alt="Plex"  width="49.49%"/></a>
 <a href="https://docs.theme-park.dev/theme-options/nord"><img src="https://docs.theme-park.dev/theme-options/nord_banner_small.png" alt="Nord"  width="49.49%"/></a>
+<a href="https://docs.theme-park.dev/theme-options/maroon"><img src="https://docs.theme-park.dev/theme-options/maroon_banner_small.png" alt="Maroon"  width="49.49%"/></a>
 
 <h2><a href="https://docs.theme-park.dev/setup">Installation</a></h2>
 

css/addons/whisparr/whisparr-darker/whisparr-darker.css

@@ -0,0 +1,54 @@
+@import url("/css/defaults/servarr-darker-base.css");
+:root {
+    --main-bg-color: #202020;
+
+    --modal-bg-color: #2a2a2a;
+    --modal-header-color: #2a2a2a;
+    --modal-footer-color: #2a2a2a;
+
+    --drop-down-menu-bg: #333;
+
+    --button-color: #5899eb;
+    --button-color-hover: #4b91ea;
+    --button-text: #eee;
+    --button-text-hover: #fff;
+
+    --accent-color: 255, 105, 180;
+    --accent-color-hover: rgba(255, 105, 180, 0.8);
+    --link-color: #ff69b4;
+    --link-color-hover: rgb(255, 105, 180, .8);
+    --label-text-color: #333;
+
+    --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: #ff69b4;
+    --label-info: #5d9cec;
+    --header-color: #2a2a2a;
+    --toolbar-background: #262626;
+    --side-menu-color: #2a2a2a;
+    --side-menu-link-color: #ff69b4;
+}
+
+/* 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: var(--label-text-color) !important;
+}

css/defaults/servarr-base.css

@@ -398,7 +398,7 @@ a:hover {
     color: var(--label-text-color);
 }
 
-[class*="PageSidebarItem-status-"][class*="Label-info-"] {
+[class*="PageSidebarItem-status-"] [class*="Label-info-"] {
     border-color: var(--arr-queue-color);
     background-color: var(--arr-queue-color);
     color: var(--label-text-color);

css/defaults/servarr-darker-base.css

@@ -79,6 +79,12 @@
     color: #000;
 }
 
+[class*="PageSidebarItem-status-"] [class*="Label-info-"] {
+    border-color: var(--arr-queue-color);
+    background-color: var(--arr-queue-color);
+    color: #fff;
+}
+
 /* SETTINGS */
 
 [class*=Settings-link-] {

css/theme-options/maroon.css

@@ -1,30 +1,31 @@
 :root {
-    --main-bg-color: radial-gradient( circle farthest-corner at 48.4% 47.5%,  rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed;
-    
-    --modal-bg-color: radial-gradient( circle farthest-corner at 48.4% 47.5%,  rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed;
-    --modal-header-color: radial-gradient( circle farthest-corner at 48.4% 47.5%,  rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed;
-    --modal-footer-color: radial-gradient( circle farthest-corner at 48.4% 47.5%,  rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed;
+  --main-bg-color: radial-gradient( circle farthest-corner at 48.4% 47.5%,  rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed;
   
-    --drop-down-menu-bg: #204c80;
-    
-    --button-color: #7b154d;
-    --button-color-hover: rgb(150, 26, 94);
-    --button-text: #eee;
-    --button-text-hover: #FFF;
-    
-    --accent-color: 208, 103, 160;
-    --accent-color-hover: rgb(var(--accent-color),.8);
-    --queue-color: #6b5;
-    --link-color: rgb(162, 28, 101);
-    --link-color-hover: rgb(150, 26, 94);
-      
-    --text:#dadada;
-    --text-hover: #fff;
-    --text-muted: #999;
+  --modal-bg-color: linear-gradient(-90deg, rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-90deg, rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-90deg, rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed;
 
-    --arr-queue-color: rgb(0, 255, 157);
-    --plex-poster-unwatched: rgb(123, 21, 77);
-    --petio-spinner: invert(13%) sepia(77%) saturate(2418%) hue-rotate(306deg) brightness(94%) contrast(98%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
-    --gitea-color-primary-dark-4: 150, 26, 94;
-    --overseerr-gradient: linear-gradient(0deg, rgba(76,21,51,.9) 0%, rgb(34,10,37,.9) 100%) center center/cover no-repeat fixed;
+  --drop-down-menu-bg: #220a25;
+  
+  --button-color: #7b154d;
+  --button-color-hover: rgb(150, 26, 94);
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+  
+  --accent-color: 162, 28, 101;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(162, 28, 101);
+  --link-color-hover: rgb(194, 36, 122);
+  --label-text-color: #fff;
+
+  --text:#dadada;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+   /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(123, 21, 77);
+  --petio-spinner: invert(13%) sepia(77%) saturate(2418%) hue-rotate(306deg) brightness(94%) contrast(98%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 150, 26, 94;
+  --overseerr-gradient: linear-gradient(0deg, rgba(76,21,51,.9) 0%, rgb(34,10,37,.9) 100%) center center/cover no-repeat fixed;
   }

css/theme-options/plex.css

@@ -31,5 +31,5 @@
     --plex-poster-unwatched: #e5a00d;
     --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;
-    --overseerr-gradient: url(/resources/blur-noise.png) repeat scroll 0% 0%, radial-gradient(circle at 0% 100% , rgba(54, 66, 84, 0.55) 0% , rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%) center center/cover no-repeat fixed , radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%) center center/cover no-repeat fixed , rgb(0, 0, 0,.9) center center/cover no-repeat fixed;
-   }
+    --overseerr-gradient: radial-gradient(circle farthest-side at 0% 100%, rgb(47, 47, 47) 0%, rgba(47, 47, 47, 0) 100%), radial-gradient(circle farthest-side at 100% 100%, rgb(63, 63, 63) 0%, rgba(63, 63, 63, 0) 100%), radial-gradient(circle farthest-side at 100% 0%, rgb(76, 76, 76) 0%, rgba(76, 76, 76, 0) 100%), radial-gradient(circle farthest-side at 0% 0%, rgb(58, 58, 58) 0%, rgba(58, 58, 58, 0) 100%), rgba(0, 0, 0, 0.5) center center/cover no-repeat fixed;
+  }

resources/landing-page/css/custom.css

@@ -360,7 +360,7 @@ p {
 }
 
 #portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.plex-hover {
-    background: url(/resources/blur-noise.png) repeat scroll 0% 0%, radial-gradient(circle at 0% 100%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%), radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%), rgb(0, 0, 0);
+    background:  radial-gradient(circle farthest-side at 0% 100%, rgb(47, 47, 47) 0%, rgba(47, 47, 47, 0) 100%), radial-gradient(circle farthest-side at 100% 100%, rgb(63, 63, 63) 0%, rgba(63, 63, 63, 0) 100%), radial-gradient(circle farthest-side at 100% 0%, rgb(76, 76, 76) 0%, rgba(76, 76, 76, 0) 100%), radial-gradient(circle farthest-side at 0% 0%, rgb(58, 58, 58) 0%, rgba(58, 58, 58, 0) 100%), rgba(0, 0, 0, 0.5) center center/cover no-repeat fixed;
 }
 
 #portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.dracula-hover {
@@ -379,6 +379,10 @@ p {
     background: #2E3440;
 }
 
+#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.maroon-hover {
+    background: linear-gradient(0deg, rgba(76,21,51,.9) 0%, rgb(34,10,37,.9) 100%) center center/cover no-repeat fixed;;
+}
+
 
 @keyframes fadein {
     from {