stop button red bg

Author: francescospissu

src/Legend.tsx

@@ -158,7 +158,7 @@ export function Legend({
         </label>
         <button
           disabled={!config?.monitorUISettings?.connected}
-          className="pause-button"
+          className={`pause-button ${pause ? "paused" : ""}`}
           title={
             config?.monitorUISettings?.connected
               ? undefined

src/index.scss

@@ -228,6 +228,14 @@ body {
         text-align: center;
       }
 
+      .pause-button:not(.paused) {
+        background-color: $notifyerror;
+
+        &:hover {
+          background-color: darken($notifyerror, 10);
+        }
+      }
+
       .clear-button {
         border: none;
         background: none;