From 84015298083869c517e9d628ebcfc69bc0571d6f Mon Sep 17 00:00:00 2001
From: Ankur Banerjee <ankurdotb@users.noreply.github.com>
Date: Tue, 28 Jan 2025 19:08:07 +0100
Subject: [PATCH] style: Make links more readable (#47)

* style: Make links more readable

* Add a dashed link to make clear it's a link

* Fix existing malformed CSS

* Distinguish visited vs unvisited links and hover state
---
 website/themes/diflabs/assets/css/main.css | 23 +++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/website/themes/diflabs/assets/css/main.css b/website/themes/diflabs/assets/css/main.css
index a4d0353..4215d63 100644
--- a/website/themes/diflabs/assets/css/main.css
+++ b/website/themes/diflabs/assets/css/main.css
@@ -42,14 +42,13 @@ nav {
 }
 
 nav a {
-    color: #66FF66;
+    color: #66FF66; /* Change link color to light green */
     text-decoration: none;
-    fill: #66FF66;
     font-size: 1.2em;
 }
 
 nav a:hover {
-    color: #FFCC00;
+    color: #FFCC00; /* Change hover color to yellow */
 }
 
 .animation-banner {
@@ -165,7 +164,7 @@ footer {
 
 .filter-buttons {
     display: flex;
-    ga  p: 20px;
+    gap: 20px;
     margin-bottom: 20px;
 }
 
@@ -207,10 +206,24 @@ footer {
     margin-right: 5px;
 }
 
+a {
+    color: #66FF66; /* Change link color to light green */
+    text-decoration: none;
+    border-bottom: 2px dashed #66FF66; /* Add dashed underline */
+}
 
+a:visited {
+    color: #ADD8E6; /* Change visited link color to yellow */
+    border-bottom: 2px dashed #ADD8E6; /* Change underline color for visited links */
+}
+
+a:hover {
+    color: #FFCC00; /* Change hover color to yellow */
+    border-bottom: 2px dashed #FFCC00; /* Change underline color on hover */
+}
 
 nav a:hover {
-    color: #00ff00;
+    color: #FFCC00;
 }
 
 button.hamburger {