koro

commit b3fa0bad593af8bf79a893fdeb3dfabe93e0fbe5
parent fa484127a8dfbdc76bba4a0c8278f9ce1fe838cb
Author: mokou <mokou@posteo.de>
Date:   Fri,  3 Jul 2020 12:15:34 +0200

fix(response): Correct color for yellow background

Diffstat:
M
src/components/ResponseGrid.svelte
 | 
4
+++-

1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/src/components/ResponseGrid.svelte b/src/components/ResponseGrid.svelte
@@ -4,7 +4,7 @@
   import day from 'dayjs'
   import utc from 'dayjs/plugin/utc'
   import { onDestroy } from 'svelte'
-  import { is24Hrs } from '../stores'
+  import { is24Hrs, isDarkMode } from '../stores'
   day.extend(utc)
 
   $: hasManyTimes = times.length > 10
@@ -58,6 +58,7 @@
       <div
         class="text-center"
         class:bg-yellow-300={reduceStatus('yes', t) >= Object.values(responses).length / 2}
+        class:text-gray-800={reduceStatus('yes', t) >= Object.values(responses).length / 2 && $isDarkMode}
         class:bg-green-500={reduceStatus('yes', t) === Object.values(responses).length}
         class:text-white={reduceStatus('yes', t) === Object.values(responses).length}>
         {reduceStatus('yes', t)}/{Object.values(responses).length}
@@ -72,6 +73,7 @@
         class="py-2 text-center rounded-sm"
         class:bg-green-500={reduceStatus('yes', t) === Object.values(responses).length}
         class:bg-yellow-300={reduceStatus('yes', t) >= Object.values(responses).length / 2}
+        class:text-gray-800={reduceStatus('yes', t) >= Object.values(responses).length / 2 && $isDarkMode}
         class:text-white={reduceStatus('yes', t) === Object.values(responses).length}>
         {reduceStatus('yes', t)}/{Object.values(responses).length}
       </div>