From 3fed2a7203b6621daeaeb8041d8e30d085c16715 Mon Sep 17 00:00:00 2001
From: liyunze <50455574+liyunze-coding@users.noreply.github.com>
Date: Mon, 10 Jun 2024 08:58:51 +0800
Subject: [PATCH] added gray text in date time

---
 src/pages/socials.astro | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/pages/socials.astro b/src/pages/socials.astro
index 7f0e32d..6c35bf5 100644
--- a/src/pages/socials.astro
+++ b/src/pages/socials.astro
@@ -469,10 +469,16 @@ import Layout from "../layouts/Layout.astro";
 							<div>
 								<h2 class="font-bold text-xl">Date & Time</h2>
 								<p class="text-[#ccc]">
-									<div id="display-date"></div>
-									<span id="time-in-aus" class="uppercase"
-									></span>
-									<span id="time-difference"> </span>
+									<div id="display-date" class="text-[#ccc]">
+									</div>
+									<span
+										id="time-in-aus"
+										class="text-[#ccc] uppercase"></span>
+									<span
+										id="time-difference"
+										class="text-[#ccc]"
+									>
+									</span>
 								</p>
 							</div>
 						</div>