Merge pull request #318 from GilbN/develop

1.6.10

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

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,
@@ -121,7 +132,7 @@ h6 {
     color: var(--text-hover) !important;
 }
 
-.badge {
+.badge:not(.homepage-drag .badge) {
     background-color: rgb(var(--accent-color));
     color: var(--label-text-color);
 }
@@ -1470,7 +1481,7 @@ a:hover,
     border-radius: 3px;
 }
 
-.bg-inverse {
+.bg-inverse:not(.homepage-drag) {
     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%);
 
 }

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

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

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

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 {

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

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