petio variable change

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

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

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

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

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

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