From 2916d31d08d5968c23d8fb5eea95b07ace09aeee Mon Sep 17 00:00:00 2001
From: fynks <75840152+fynks@users.noreply.github.com>
Date: Sun, 31 Aug 2025 10:27:38 +0500
Subject: [PATCH] Enhance icon visibility for light and dark modes with
 !important declarations

---
 dist/css/styles.css | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/dist/css/styles.css b/dist/css/styles.css
index d45f748..83d97c9 100644
--- a/dist/css/styles.css
+++ b/dist/css/styles.css
@@ -347,14 +347,19 @@ a:hover {
   height: 20px;
   transition: opacity var(--transition-fast);
 }
-.moon-icon {
-  display: none;
+/* Light mode: show sun, hide moon */
+.sun-icon {
+  display: block !important;
 }
+.moon-icon {
+  display: none !important;
+}
+/* Dark mode: hide sun, show moon */
 [data-theme="dark"] .sun-icon {
-  display: none;
+  display: none !important;
 }
 [data-theme="dark"] .moon-icon {
-  display: block;
+  display: block !important;
 }
 /* Mobile Navigation Toggle */
 .nav-toggle {