From 79e0245470ec75d554cb7317084263465639a952 Mon Sep 17 00:00:00 2001
From: gilbN <24592972+gilbN@users.noreply.github.com>
Date: Thu, 25 Mar 2021 23:36:07 +0100
Subject: [PATCH] petio variable change

---
 CSS/themes/petio/aquamarine.css    |  2 +-
 CSS/themes/petio/dark.css          |  2 +-
 CSS/themes/petio/hotline.css       |  2 +-
 CSS/themes/petio/organizr-dark.css |  4 +--
 CSS/themes/petio/petio-base.css    | 50 ++++++++++++++++++------------
 CSS/themes/petio/space-gray.css    |  2 +-
 6 files changed, 36 insertions(+), 26 deletions(-)

diff --git a/CSS/themes/petio/aquamarine.css b/CSS/themes/petio/aquamarine.css
index c9a6f73a..dfa76c11 100644
--- a/CSS/themes/petio/aquamarine.css
+++ b/CSS/themes/petio/aquamarine.css
@@ -22,7 +22,7 @@
   --button-color-hover: #12afa0;
   --button-text: #eee;
   --button-text-hover: #FFF;
-  --accent-color:  #12afa0;
+  --accent-color:  18, 175, 160;
   --accent-color-hover: #fff;
   --link-color: #0ed2bf;
   --spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%);
diff --git a/CSS/themes/petio/dark.css b/CSS/themes/petio/dark.css
index b9559c34..325e8647 100644
--- a/CSS/themes/petio/dark.css
+++ b/CSS/themes/petio/dark.css
@@ -22,7 +22,7 @@
   --button-color-hover: hsla(0,0%,100%,.30);
   --button-text: #eee;
   --button-text-hover: #fff;
-  --accent-color:  #646464;
+  --accent-color: 100, 100, 100;
   --accent-color-hover: #ffffff73;
   --link-color: #fff;
   --spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);
diff --git a/CSS/themes/petio/hotline.css b/CSS/themes/petio/hotline.css
index 9dc81678..64ce6172 100644
--- a/CSS/themes/petio/hotline.css
+++ b/CSS/themes/petio/hotline.css
@@ -22,7 +22,7 @@
   --button-color-hover: hsla(0,0%,100%,.30);
   --button-text: #eee;
   --button-text-hover: #fff;
-  --accent-color:  #F44336;
+  --accent-color: 244, 67, 54;
   --accent-color-hover: #0b3161;
   --link-color: #0b3161;
   --spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%);
diff --git a/CSS/themes/petio/organizr-dark.css b/CSS/themes/petio/organizr-dark.css
index b6045627..ebfafaf6 100644
--- a/CSS/themes/petio/organizr-dark.css
+++ b/CSS/themes/petio/organizr-dark.css
@@ -12,7 +12,7 @@
 /*			      https://github.com/gilbN/theme.park			 */
 
 /* MOVIEMATCH ORGANIZR-DARK THEME */
-@import url(https://gilbn.github.io/theme.park/CSS/themes/petio/petio-base.css);
+@import url(https://gflix.app/theme.park/CSS/themes/petio/petio-base.css);
 :root {
   --main-bg-color: #1f1f1f;
   --modal-bg-color: #1b1b1b;
@@ -22,7 +22,7 @@
   --button-color-hover: rgb(44 171 227 / .8);
   --button-text: #eee;
   --button-text-hover: #fff;
-  --accent-color:#2cabe3;
+  --accent-color: 44, 171, 227;
   --accent-color-hover: #fff;
   --link-color: #2cabe3;
   --spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%);
diff --git a/CSS/themes/petio/petio-base.css b/CSS/themes/petio/petio-base.css
index e5667ce0..b970277f 100644
--- a/CSS/themes/petio/petio-base.css
+++ b/CSS/themes/petio/petio-base.css
@@ -37,15 +37,15 @@ h6,
 }
 
 .settings--menu--item.active p {
-    color: var(--accent-color);
+    color: rgb(var(--accent-color));
 }
 
 .settings--menu--item.active {
-    border-bottom: 1px solid var(--accent-color);
+    border-bottom: 1px solid rgb(var(--accent-color));
 }
 
 .settings--menu--item.active .icon svg path {
-    fill: var(--accent-color);
+    fill: rgb(var(--accent-color));
 }
 
 /* MENU */
@@ -79,40 +79,40 @@ h6,
 
 .menu--item.active {
     background: rgba(255, 255, 255, .15);
-    border-right: 4px solid var(--accent-color);
+    border-right: 4px solid rgb(var(--accent-color));
 }
 
 .sidebar--inner .logo .logo-text span,
 .menu .logo span {
-    color: var(--accent-color);
+    color: rgb(var(--accent-color));
 }
 
 @media (min-width: 1100px) {
     .sidebar--item.active {
         border-top: none !important;
-        border-right: 4px solid var(--accent-color);
+        border-right: 4px solid rgb(var(--accent-color));
     }
 }
 
 .sidebar--item.active {
     background: rgba(255, 255, 255, .15);
-    border-top: 4px solid var(--accent-color);
+    border-top: 4px solid rgb(var(--accent-color));
 }
 
 .menu--item.active p,
 .media-content .media-crew .sidebar--item.active a,
 .sidebar--item.active .media-content .media-crew a,
 .sidebar--item.active p {
-    color: var(--accent-color);
+    color: rgb(var(--accent-color));
 }
 
 .menu--item.active .icon svg path,
 .sidebar--item.active .icon svg path {
-    fill: var(--accent-color);
+    fill: rgb(var(--accent-color));
 }
 
 .mob-menu-top .nav-toggle span {
-    background: var(--accent-color);
+    background: rgb(var(--accent-color));
 }
 
 /* LINKS */
@@ -121,7 +121,9 @@ a,
 .session--toggle,
 p a,
 .profile-page .logout,
-.person--bio--read-more {
+.person--bio--read-more,
+.filter--item--collapse,
+.filter--comparison {
     color: var(--link-color);
 }
 
@@ -131,8 +133,8 @@ p a,
 }
 
 .filter--add:hover {
-    color: var(--accent-color);
-    border-color: var(--accent-color);
+    color: rgb(var(--accent-color));
+    border-color: rgb(var(--accent-color));
 }
 
 .filter--item {
@@ -143,22 +145,30 @@ p a,
     filter: var(--spinner);
 }
 
+.request-status {
+    color: #fff !important;
+}
+
+.filter--action {
+    background: rgba(var(--accent-color),.3);
+}
+
 /* DASH */
 .session--prog,
 .session--media .card .playback-status {
-    background: var(--accent-color);
+    background: rgb(var(--accent-color));
 }
 
 .card--inner:hover .image-wrap {
     -webkit-filter: brightness(.7);
     filter: brightness(.7);
-    -webkit-box-shadow: 0 0 0 2px var(--accent-color), 0 5px 10px 0 rgb(0 0 0 / 30%);
-    -moz-box-shadow: 0 0 0 2px var(--accent-color), 0 5px 10px 0 rgba(0, 0, 0, .3);
-    box-shadow: 0 0 0 2px var(--accent-color), 0 5px 10px 0 rgb(0 0 0 / 30%);
+    -webkit-box-shadow: 0 0 0 2px rgb(var(--accent-color)), 0 5px 10px 0 rgb(0 0 0 / 30%);
+    -moz-box-shadow: 0 0 0 2px rgb(var(--accent-color)), 0 5px 10px 0 rgba(0, 0, 0, .3);
+    box-shadow: 0 0 0 2px rgb(var(--accent-color)), 0 5px 10px 0 rgb(0 0 0 / 30%);
 }
 
 .card .quick-req:hover svg {
-    fill: var(--accent-color);
+    fill: rgb(var(--accent-color));
 }
 
 .push-msg--item {
@@ -234,11 +244,11 @@ p a,
 
 /* FORMS & INPUTS */
 input[type=checkbox]:checked:after {
-    background: var(--accent-color)
+    background: rgb(var(--accent-color))
 }
 
 input:not([type=checkbox]):not(.styled-input--input):not([type=file]):focus {
-    border-bottom: 2px solid var(--accent-color);
+    border-bottom: 2px solid rgb(var(--accent-color));
     background: rgba(255, 255, 255, .2);
     color: var(--text-color-hover)
 }
diff --git a/CSS/themes/petio/space-gray.css b/CSS/themes/petio/space-gray.css
index abc1f955..7cb6dfbe 100644
--- a/CSS/themes/petio/space-gray.css
+++ b/CSS/themes/petio/space-gray.css
@@ -22,7 +22,7 @@
   --button-color-hover: #81a6b7;
   --button-text: #eee;
   --button-text-hover: #fff;
-  --accent-color: #81a6b7;
+  --accent-color: 129, 166, 183;
   --accent-color-hover: #607D8B;
   --link-color: #9adfff;
   --spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%);