fix: reorder color conditions (#2411)

Author: toreis-up

packages/client/internals/TimerBar.vue

@@ -25,10 +25,10 @@ const color = computed(() => {
   if (timer.status === 'paused')
     return 'bg-blue'
 
-  if (timer.percentage > 80)
-    return 'bg-yellow'
-  else if (timer.percentage > 100)
+  if (timer.percentage > 100)
     return 'bg-red'
+  else if (timer.percentage > 80)
+    return 'bg-yellow'
   else
     return 'bg-green'
 })

packages/client/internals/TimerInlined.vue

@@ -10,10 +10,10 @@ const color = computed(() => {
   if (status.value === 'paused')
     return 'text-blue6 dark:text-blue3'
 
-  if (percentage.value > 80)
-    return 'text-yellow6 dark:text-yellow3'
-  else if (percentage.value > 100)
+  if (percentage.value > 100)
     return 'text-red6 dark:text-red3'
+  else if (percentage.value > 80)
+    return 'text-yellow6 dark:text-yellow3'
   else
     return 'text-green6 dark:text-green3'
 })