feedback

- inline colors
- high contrast mode

Author: mawinter69

src/main/scss/abstracts/_theme.scss

@@ -64,6 +64,13 @@ $semantics: (
   --primary-active: var(--accent-color);
 
   // Status icon colors
+  --status-background-opacity: 0.125;
+  --status-border-opacity: 0.25;
+
+  @media (prefers-contrast: more) {
+    --status-background-opacity: 0;
+    --status-border-opacity: 1;
+  }
   --weather-icon-color: var(--accent-color);
   --unstable-build-icon-color: var(--orange);
 

src/main/scss/components/_icons.scss

@@ -116,6 +116,20 @@
   }
 }
 
+.app-status-icon-running {
+  animation: pulse-scale 2.5s both ease-in-out infinite;
+  opacity: 0.25;
+  transition: var(--elastic-transition);
+  transform-origin: center;
+
+  @keyframes pulse-scale {
+    50% {
+      scale: 2.25;
+      opacity: 1;
+    }
+  }
+}
+
 @keyframes pulse-animation {
   0%,
   100% {

src/main/scss/components/_index.scss

@@ -26,7 +26,6 @@
 @use "side-panel-widgets";
 @use "skip-link";
 @use "spinner";
-@use "status-icons";
 @use "table";
 @use "tabs";
 @use "tooltips";