diff --git a/src/app/components/clock/clock.scss b/src/app/components/clock/clock.scss
index 2e398b0..01a3830 100644
--- a/src/app/components/clock/clock.scss
+++ b/src/app/components/clock/clock.scss
@@ -16,11 +16,11 @@
 .clock-date {
   font-size: 1.2rem;
   font-weight: 500;
-  color: oklch(0.3211 0 0); // #333
+  color: light-dark(oklch(0.3211 0 0), oklch(0.6789 0 0)); // #333
 }
 
 .clock-time {
   font-size: 2rem;
   font-weight: 600;
-  color: oklch(0 0 0); // #000
+  color: light-dark(oklch(0 0 0), oklch(1 0 0)); // #000
 }