fix: video preview timestamp is not readable in light theme

TeamPiped · Jun 15, 2024 · 1f352e0 · 1f352e0
1 parent a0cdc6f
commit 1f352e0
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
@@ -12,7 +12,10 @@
             class="absolute bottom-0 z-[2000] mb-[3.5%] hidden flex-col items-center"
         >
             <canvas id="preview" ref="preview" class="rounded-sm" />
-            <span class="mt-2 w-min rounded-xl bg-dark-700 px-2 pb-1 pt-1.5 text-sm" v-text="timeFormat(currentTime)" />
+            <span
+                class="mt-2 w-min rounded-xl bg-white px-2 pb-1 pt-1.5 text-sm .dark:bg-dark-700"
+                v-text="timeFormat(currentTime)"
+            />
         </span>
         <button
             v-if="inSegment"