Merge pull request #333 from GilbN/develop

1.6.15
2024-09-11 19:32:24 +02:00 · 2022-03-19 15:42:59 +01:00 · 2022-03-19 15:42:59 +01:00 · 9427ee7253
commit 9427ee7253
parent 296f7aa696 c693647a3e
11 changed files with 131 additions and 55 deletions
--- a/css/base/bazarr/bazarr-base.css
+++ b/css/base/bazarr/bazarr-base.css
@ -224,7 +224,8 @@ label,
    background-color: rgba(0, 0, 0, .25);
 }

-.sidebar-container .sidebar-button {
+.sidebar-container .sidebar-button,
+.sidebar-container .button {
    color: var(--text) !important;
    background: transparent
 }
@ -235,7 +236,8 @@ label,
    background-color: rgba(0, 0, 0, 0.15) !important;
 }

-.sidebar-container .sidebar-button:hover {
+.sidebar-container .sidebar-button:hover,
+.sidebar-container .button:hover {
    background-color: transparent !important;
    color: rgb(var(--accent-color)) !important;
 }
@ -245,7 +247,8 @@ label,
 }

 .sidebar-container .sidebar-button.sb-active,
-.sidebar-container .sidebar-button.sb-active:hover {
+.sidebar-container .sidebar-button.sb-active:hover,
+.sidebar-container .button.active {
    background-color: rgba(0, 0, 0, 0.15) !important;
    color: rgb(var(--accent-color)) !important;
 }
@ -365,6 +368,9 @@ hr {
    box-shadow: 0 0 10px 1px #000000;
    color: var(--text);
 }
+.card-header {
+    border-bottom: 1px solid rgb(255 255 255 / 10%);
+}

 .settings-card:hover,
 .settings-card:focus {
@ -381,6 +387,7 @@ hr {
 /* Series page */
 .progress-bar {
    background-color: var(--accent-color);
+    text-shadow: none;
 }

 .progress {
--- a/css/base/organizr/organizr-base.css
+++ b/css/base/organizr/organizr-base.css
@ -22,7 +22,6 @@
 }


-[id*="homepage-"]>fieldset>div>div.panel-wrapper.collapse.in>div>div,
 [id$="-settings-items"]>div {
    background: var(--modal-bg-color);
    background-repeat: repeat, no-repeat !important;
@ -51,14 +50,7 @@
 }

 #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;
+    background: rgba(0, 0, 0, 0)
 }

 .h1,
@ -220,14 +212,16 @@ h6 {
 .tabs-style-flip nav a,
 .nav-tabs>li>a {
    color: var(--text-hover);
+    transition: color .3s;
 }

 .customtab2 li.active a,
 .customtab2 li.active a:focus,
 .customtab2 li.active a:hover {
-    background: rgba(0, 0, 0, 0.25) !important;
-    border-color: rgba(255, 255, 255, 0.1) !important;
+    background: rgba(var(--accent-color), 0.15) !important;
+    border-color: rgba(var(--accent-color), 0.1) !important;
    border-radius: 20px;
+    color: rgb(var(--accent-color)) !important;
 }

 /*toast*/
@ -269,8 +263,10 @@ h6 {
    background: rgba(0, 0, 0, 0.25);
 }

-.panel:not(#help-modal-body > div > div):not([id*="settings-"] .panel) {
-    background: var(--main-bg-color);
+#account-area > div > div > div > div,
+[id*="homepage-"] > fieldset > div,
+#speedtest-area > div > div {
+    background: var(--modal-bg-color);
    background-repeat: repeat, no-repeat;
    background-attachment: fixed, fixed;
    background-position: center center, center center;
@ -280,6 +276,21 @@ h6 {
    -o-background-size: auto, cover;
 }

+
+#homepage-Deluge-form > fieldset > div > div.panel-wrapper.collapse.in > div > div > div > div.tab-pane.fade.in.active > div > div > div > div > div > div > div {
+    background: rgba(0, 0, 0, .1);
+}
+
+/* Homepage Item Modals*/
+[id$="API-SOCKS"] > div:nth-child(1) > div.col-md-12.p-b-10 > div > div > div,
+[id$="About"] > div > div > div > div > div,
+[id$="Enable"] > div > div > div > div > div > div > div,
+[id$="FYI"] > div > div > div > div > div > div > div,
+#\39 w59f92rirFYI > div > div > div > div > div > div > div,
+[id$="Setup"] > div > div > div > div > div {
+    background: rgba(0, 0, 0, 0.25);
+}
+
 [id*="settings-"] .panel {
    background: rgba(0, 0, 0, 0.25);
 }
@ -1124,7 +1135,7 @@ label[for="checkbox-login"]:hover {
 .panel-inverse .panel-heading {
    border-color: transparent;
    color: #fff;
-    background: var(--main-bg-color);
+    background: var(--modal-bg-color);
    background-repeat: repeat, no-repeat;
    background-attachment: fixed, fixed;
    background-position: center center, center center;
@ -1164,7 +1175,6 @@ label[for="checkbox-login"]:hover {
 .nav-tabs>li.active>a:hover {
    cursor: pointer;
    opacity: 1;
-    background: rgb(var(--accent-color) , .15) !important;
 }

 #homepageOrderdownloader .nav-tabs>li.active>a,
@ -1583,9 +1593,10 @@ a:hover,
    box-shadow: none !important;
 }

-.swal-overlay--show-modal .swal-modal:not(.swal-modal.orgAlertTransparent),
-body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.panel-heading {
-    background: var(--main-bg-color);
+.swal-modal,
+body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.panel-heading,
+body > div.swal-overlay.swal-overlay--show-modal > div {
+    background: var(--modal-bg-color);
    background-repeat: repeat, no-repeat;
    background-attachment: fixed, fixed;
    background-position: center center, center center;
@ -1654,6 +1665,7 @@ body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.p
 .customvtab .tabs-vertical li.active a:hover {
    border-right: 2px solid rgb(var(--accent-color));
    color: rgb(var(--accent-color));
+    transition: background-color .3s;
 }

 .vtabs .tabs-vertical li a {
@ -1662,7 +1674,9 @@ body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.p

 .vtabs .nav>li>a:focus,
 .vtabs .nav>li>a:hover {
-    background-color: rgba(var(--accent-color), .15);
+    color: rgba(var(--accent-color));
+    background: transparent;
+    transition: color .3s;
 }

 /* THEME PARK CUSTOM END*/
@ -1889,7 +1903,7 @@ background: rgb(0 0 0 / 0%) !important;
 }

 /*Button*/
-.btn-custom {
+.btn-custom{
    background: var(--button-color);
    border: 1px solid var(--button-color);
    color: var(--button-text);
@ -1902,6 +1916,21 @@ background: rgb(0 0 0 / 0%) !important;
    border: 1px solid var(--button-color-hover);
 }

+.swal-button {
+    outline: none;
+    background: var(--button-color);
+    border: 1px solid var(--button-color);
+    color: var(--button-text);
+    border-radius: 0px;
+}
+.swal-button:focus,.swal-button:active {
+    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0), 0 0 0 3px rgb(var(--accent-color),.25);
+}
+.swal-button:not([disabled]):hover,.swal-button:active {
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    border: 1px solid var(--button-color-hover);
+}
 /*Custom tab
 .customtab li.active a,
 .customtab li.active a:hover,
@ -2087,12 +2116,14 @@ input,
 .customtab2 li.active a:hover {
    background: #1f1f1f;
    border-radius: 20px;
+    border: 0;
+    transition: background-color .3s;
 }

 .nav-tabs>li>a:hover {
-    background: rgba(0, 0, 0, 0.25) !important;
-    border-radius: 0px;
-    color: var(--text-hover);
+    background: transparent !important;
+    border-radius: 20px;
+    color: rgb(var(--accent-color)) !important;
 }

 .tabs-style-flip nav a:focus,
@ -2511,11 +2542,17 @@ span.select2-results {
 .panel-blue .panel-heading, .panel-info .panel-heading, #help-modal-body > div > div {
    background-color: rgba(0, 0, 0, .25);
 }
-#account-area > div > div > div > div > div.panel-wrapper.collapse.in.main-email-panel > div > div > div  > div > div {
+#account-area > div > div > div > div > div.panel-wrapper.collapse.in.main-email-panel > div > div > div  > div > div,
+#plexRecent > div.col-lg-12 > div,
+#overseerr-requests > div.col-lg-12 > div,
+body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div {
    background: transparent;
 }

-[id$="-settings-page"] .panel, .modal-content {
+[id$="-settings-page"] .bg-org, .modal-content,
+body > div.swal-overlay.swal-overlay--show-modal > div > div > div,
+#email-area > div > div > div.row > div > div,
+#invite-area > div > div > div.col-md-12 > div {
    background: var(--modal-bg-color);
    background-repeat: repeat, no-repeat;
    background-attachment: fixed, fixed;
--- a/css/base/plex/plex-base.css
+++ b/css/base/plex/plex-base.css
@ -118,8 +118,11 @@ a[class*="MetadataTableRow-title-"]:hover {
 }

 /* BODY */
-html body,
-.application {
+#plex > div[class*="FullPageBackground-backgroundContainer-"] > div > div:nth-child(1) > canvas,
+#plex > div[class*="FullPageBackground-backgroundContainer-"] > div > canvas {
+  display: none !important;
+}
+body,[class*="FullPageBackground-backgroundContainer-"] {
  background: var(--main-bg-color);
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;
@ -280,7 +283,8 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] {
  border-color: rgb(var(--accent-color));
 }

-[class*="PivotTab-selectedButton-"]:after {
+[class*="PivotTab-selectedButton-"]:after,
+[class*="TabButton-selectedButton-"]:after {
  background-color: rgb(var(--accent-color)) !important;
 }

--- a/css/base/sabnzbd/sabnzbd-base.css
+++ b/css/base/sabnzbd/sabnzbd-base.css
@ -49,6 +49,10 @@ a {
  color: var(--link-color);
 }

+[href="#modal-add-nzb"] {
+  opacity: 1;
+}
+
 .speedlimit-dropdown.dropdown>div>div>a {
  color: var(--button-text);
 }
@ -184,7 +188,8 @@ hr {
 }

 .dropdown-menu,
-#feedback-slider {
+#feedback-slider,
+.navbar-collapse.in .dropdown-menu {
  background: var(--drop-down-menu-bg);
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;
@ -193,12 +198,29 @@ hr {
  -webkit-background-size: auto, cover;
  -moz-background-size: auto, cover;
  -o-background-size: auto, cover;
+  border: none;
 }

-.dropdown-menu>li>a {
+.dropdown-menu>li>a{
  color: var(--text-hover);
 }

+.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+.navbar-collapse.in .dropdown-menu a, .navbar-collapse.in .dropdown-menu a:hover {
+  color: var(--text-hover) !important;
+}
+
+.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+.navbar-inverse .navbar-toggle {
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
 .dropdown-menu>li>a:hover,
 .dropdown-menu>li>a:focus {
  color: var(--text-hover);
@ -981,7 +1003,6 @@ select[disabled]:hover {
 /*modal*/
 .modal-content {
  background: var(--modal-bg-color);
-  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;
  background-position: center center, center center;
  background-size: auto, cover;
@ -1010,6 +1031,8 @@ select[disabled]:hover {
  -webkit-background-size: auto, cover;
  -moz-background-size: auto, cover;
  -o-background-size: auto, cover;
+  margin-left: 0px;
+  margin-right: 0px;
 }

 .modal-body>.nav-tabs>li>a {
--- a/css/base/unraid/unraid-base.css
+++ b/css/base/unraid/unraid-base.css
@ -53,6 +53,10 @@ i.control:hover {
    color: var(--link-color-hover);
 }

+pre {
+    border: 1px solid rgb(255 255 255 / 30%);
+}
+
 #template {
    background: var(--main-bg-color);
    background-repeat: repeat, no-repeat;
--- a/css/theme-options/aquamarine.css
+++ b/css/theme-options/aquamarine.css
@ -1,11 +1,11 @@
 :root {
  --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
  
-  --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
-  --modal-header-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
-  --modal-footer-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;

-  --drop-down-menu-bg: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --drop-down-menu-bg: linear-gradient(135deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;

  --button-color: #009688;
  --button-color-hover: #12afa0;
--- a/css/theme-options/dark.css
+++ b/css/theme-options/dark.css
@ -1,9 +1,9 @@
 :root {
  --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
  
-  --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
-  --modal-header-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
-  --modal-footer-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;

  --drop-down-menu-bg: #2d2d2d;

--- a/css/theme-options/hotline.css
+++ b/css/theme-options/hotline.css
@ -1,9 +1,9 @@
 :root {
  --main-bg-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;

-  --modal-bg-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
-  --modal-header-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
-  --modal-footer-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
  
  --drop-down-menu-bg: linear-gradient(90deg, rgba(247,101,184,1) 0%, rgba(21, 95, 165) 100%) center center/cover no-repeat fixed;

--- a/css/theme-options/hotpink.css
+++ b/css/theme-options/hotpink.css
@ -1,9 +1,9 @@
 :root {
  --main-bg-color: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%) center center/cover no-repeat fixed;

-  --modal-bg-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
-  --modal-header-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
-  --modal-footer-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;

  --drop-down-menu-bg: #204c80;

--- a/css/theme-options/plex.css
+++ b/css/theme-options/plex.css
@ -1,9 +1,10 @@
 :root {
-   /* --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/resources/preset-light2.png") center center/cover no-repeat fixed;
+   /* 
+     --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/resources/preset-light2.png") center center/cover no-repeat fixed;
     --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/resources/preset-dark2.png") center center/cover no-repeat fixed;
-   */
-   --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/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) center center/cover no-repeat fixed;
-
+     --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/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) center center/cover no-repeat fixed;
+     */
+   --main-bg-color: 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%), black center center/cover no-repeat fixed;
   --modal-bg-color: #1f2326;
   --modal-header-color: #1f2326;
   --modal-footer-color: #323232;
--- a/css/theme-options/space-gray.css
+++ b/css/theme-options/space-gray.css
@ -1,11 +1,11 @@
 :root {
  --main-bg-color: radial-gradient(ellipse at center, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;

-  --modal-bg-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
-  --modal-header-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
-  --modal-footer-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;

-  --drop-down-menu-bg: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --drop-down-menu-bg: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;

  --button-color: #607D8B;
  --button-color-hover: #81a6b7;