add background to gauge

Author: andresdlt03

control-station/package-lock.json

@@ -1,5 +1,5 @@
 .backgroundArc {
-    stroke: rgba(0, 0, 0, 0.049);
+    stroke: #c4d7e5a1;
 }
 
 .radialShadowArc {

control-station/src/components/GaugeTag/Gauge/Gauge.module.scss

@@ -1,9 +1,14 @@
+@use "../../styles/colors";
+
 .gaugeTagWrapper {
     display: grid;
     grid-template-columns: min-content;
     justify-items: center;
     align-items: center;
     margin-bottom: -1.87em;
+    background-color: map-get($map: colors.$key-colors, $key: lightskyblue);
+    padding: 1rem;
+    border-radius: 100%;
 }
 
 .gauge {

control-station/src/components/GaugeTag/GaugeTag.module.scss

@@ -12,6 +12,7 @@
         font-weight: inherit;
         font-size: 0.7em;
         font-weight: 400;
+        font-style: italic;
     }
 
     .value {

control-station/src/components/GaugeTag/TextData/TextData.module.scss

@@ -6,7 +6,8 @@ $key-colors: (
     stable: hsl(73, 68%, 40%),
     fault: hsl(0, 68%, 40%),
     warning: hsl(49, 90%, 40%),
-    neutral: hsl(0, 0%, 40%)
+    neutral: hsl(0, 0%, 40%),
+    lightskyblue: hsl(206, 100%, 96%),
 );
 
 $lightnesses: 0, 10, 15, 20, 30, 40, 50, 60, 70, 80, 85, 90, 95, 99, 100;