diff --git a/CSS/themes/petio/aquamarine.css b/CSS/themes/petio/aquamarine.css
index 9eb69f34..9e1ba61e 100644
--- a/CSS/themes/petio/aquamarine.css
+++ b/CSS/themes/petio/aquamarine.css
@@ -25,4 +25,5 @@
   --accent-color:  #12afa0;
   --accent-color-hover: #fff;
   --link-color: #0ed2bf;
+  --spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%);
 }
\ No newline at end of file
diff --git a/CSS/themes/petio/dark.css b/CSS/themes/petio/dark.css
index ce5a06fc..6b9f3f0f 100644
--- a/CSS/themes/petio/dark.css
+++ b/CSS/themes/petio/dark.css
@@ -25,4 +25,5 @@
   --accent-color:  #646464;
   --accent-color-hover: #ffffff73;
   --link-color: #fff;
+  --spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);
 }
\ No newline at end of file
diff --git a/CSS/themes/petio/hotline.css b/CSS/themes/petio/hotline.css
index 9306208a..0e9d4a07 100644
--- a/CSS/themes/petio/hotline.css
+++ b/CSS/themes/petio/hotline.css
@@ -25,4 +25,5 @@
   --accent-color:  #F44336;
   --accent-color-hover: #0b3161;
   --link-color: #0b3161;
+  --spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%);
 }
\ No newline at end of file
diff --git a/CSS/themes/petio/organizr-dark.css b/CSS/themes/petio/organizr-dark.css
index 68164097..94f0ed2d 100644
--- a/CSS/themes/petio/organizr-dark.css
+++ b/CSS/themes/petio/organizr-dark.css
@@ -25,4 +25,5 @@
   --accent-color:#2cabe3;
   --accent-color-hover: #fff;
   --link-color: #2cabe3;
+  --spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%);
 }
\ No newline at end of file
diff --git a/CSS/themes/petio/petio-base.css b/CSS/themes/petio/petio-base.css
index 0fcecc5a..e5667ce0 100644
--- a/CSS/themes/petio/petio-base.css
+++ b/CSS/themes/petio/petio-base.css
@@ -139,6 +139,10 @@ p a,
     background: rgb(0 0 0 / 25%);
 }
 
+.spinner svg {
+    filter: var(--spinner);
+}
+
 /* DASH */
 .session--prog,
 .session--media .card .playback-status {
diff --git a/CSS/themes/petio/space-gray.css b/CSS/themes/petio/space-gray.css
index 02253ba1..6d30f1fb 100644
--- a/CSS/themes/petio/space-gray.css
+++ b/CSS/themes/petio/space-gray.css
@@ -24,5 +24,6 @@
   --button-text-hover: #fff;
   --accent-color: #81a6b7;
   --accent-color-hover: #607D8B;
-  --link-color: #9adfff;  
+  --link-color: #9adfff;
+  --spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%);
 }
\ No newline at end of file