Made progress values more bold & updates colors manually

src/lib/components/VerticalSensorDisplay.svelte

@@ -7,7 +7,9 @@
   export let outside;
 
   let loadedTime: number = new Date().getTime();
-  let currentTime: number = new Date().getTime()
+  let currentTime: number = new Date().getTime();
+  let autoReload = false;
+  const currentGoal = 4;
 
   function updateTime() {
     currentTime = new Date().getTime();
@@ -18,11 +20,9 @@
   }
 
   onMount(() => setInterval(updateTime, 1000));
-
-  $: secondsSinceUpdate = Math.floor((currentTime - loadedTime) / 1000)
+  $: secondsSinceUpdate = Math.floor((currentTime - loadedTime) / 1000);
 </script>
 
-
 <div class="card">
   <CardButton>
     <Activity on:click={flipCard} />
@@ -30,8 +30,8 @@
 
   <h2>Current target temperature</h2>
   <div class="sensor-reading">
-    <div class="red">
-      <span class="value">16</span>
+    <div class="blue">
+      <span class="value">{currentGoal}</span>
       <span class="unit">°C</span>
     </div>
   </div>
@@ -51,7 +51,7 @@
 
   <h2>Outside temperature</h2>
   <div class="sensor-reading">
-    <div class="blue">
+    <div class="red">
       <span class="value">{outside?.temperature}</span>
       <span class="unit">{outside?.temperature_unit}</span>
     </div>
@@ -70,6 +70,8 @@
 
   <div class="button-timer">
     <span>Updated {secondsSinceUpdate === 0 ? 'now' : secondsSinceUpdate + 's ago'}</span>
+
+
   </div>
 </div>
 
@@ -94,7 +96,7 @@ h2 {
 
     font-size: 2.2rem;
     line-height: 1;
-  font-weight: 500;
+    font-weight: bold;
     color: var(--text-color);
 
     @include tablet {
@@ -105,8 +107,14 @@ h2 {
       font-size: 3rem;
     }
 
+    > div {
+      display: flex;
+      white-space: nowrap;
+    }
+
     .unit {
       font-weight: 300;
+      margin-left: 0.3rem;
     }
 
     .red {
@@ -119,9 +127,13 @@ h2 {
   }
 
   .button-timer {
-  width: 100%;
-  text-align: right;
-  color: rgba(0, 0, 0, .5);
-}
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    color: rgba(0, 0, 0, 0.5);
 
+    svg {
+      margin-left: 0.5rem;
+    }
+  }
 </style>