feat: light mode for steps

2023-12-11 17:55:43 +05:30
parent 1b17068948
commit 68d36e314f
1 changed files with 4 additions and 3 deletions
@@ -1,9 +1,10 @@
 <template>
  <div
    v-if="!hidden"
-    class="flex items-center gap-2 p-2 text-sm"
+    class="flex items-center gap-2 p-2 text-sm rounded"
    :class="{
-      'text-slate-100 bg-slate-800 rounded': isActive,
+      'text-slate-800 dark:text-slate-100 bg-slate-50 dark:bg-slate-800':
+        isActive,
      'opacity-50': !isActive && !isComplete,
      hidden: hidden,
    }"
@@ -11,7 +12,7 @@
    <div
      class="grid w-4 h-4 font-bold rounded-full text-xxs place-content-center"
      :class="{
-        'bg-slate-600': !isComplete,
+        'bg-slate-200 dark:bg-slate-600': !isComplete,
        'bg-green-500': isComplete,
      }"
    >