spinner color

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

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

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

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

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 {

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