From f2b10266ff3573cd0d0a58e51ada73c9e6d4bf7c Mon Sep 17 00:00:00 2001
From: Tanner <88640606+Codetrauma@users.noreply.github.com>
Date: Wed, 28 May 2025 19:44:08 +0200
Subject: [PATCH] feat: links look like links in lightmode (#21)

---
 src/components/ProjectCard/index.tsx         |  2 +-
 src/components/ProjectCard/styles.module.css |  2 ++
 src/css/card.module.css                      |  4 ++--
 src/css/custom.css                           | 14 ++++++++++++--
 4 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/components/ProjectCard/index.tsx b/src/components/ProjectCard/index.tsx
index f13dc96..ad26ea9 100644
--- a/src/components/ProjectCard/index.tsx
+++ b/src/components/ProjectCard/index.tsx
@@ -37,7 +37,7 @@ const ProjectCard: React.FC<ProjectCardProps> = ({
       {(links.website || links.github || links.discord) && (
         <div className={styles.cardFooter}>
           {links.github && (
-            <a aria-label="GitHub" href={links.github} rel="noopener noreferrer" target="_blank">
+            <a aria-label="GitHub" className={styles.cardFooterLink} href={links.github} rel="noopener noreferrer" target="_blank">
               <IconGithub />
             </a>
           )}
diff --git a/src/components/ProjectCard/styles.module.css b/src/components/ProjectCard/styles.module.css
index 5e618f4..acc8853 100644
--- a/src/components/ProjectCard/styles.module.css
+++ b/src/components/ProjectCard/styles.module.css
@@ -46,6 +46,7 @@
   font-size: 24px;
   line-height: 33px;
   margin-bottom: 1rem;
+  cursor: default;
 }
 
 .cardDescription {
@@ -62,6 +63,7 @@
 .cardFooter a {
   color: inherit;
   text-decoration: none;
+  cursor: pointer;
 }
 
 .cardFooter svg {
diff --git a/src/css/card.module.css b/src/css/card.module.css
index 30d7639..26ff95f 100644
--- a/src/css/card.module.css
+++ b/src/css/card.module.css
@@ -31,7 +31,7 @@
 .blogCard:hover {
   transform: translateY(-5px);
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-  text-decoration: none; /* Ensure no underline on hover */
+  text-decoration: none;
 }
 
 .blogTitle,
@@ -40,7 +40,7 @@
 .blogAuthors,
 .blogExcerpt,
 .blogReadMoreButton {
-  text-decoration: none; /* Remove underline from text elements */
+  text-decoration: none; 
 }
 
 .blogTitle {
diff --git a/src/css/custom.css b/src/css/custom.css
index f7848d1..ff84bb7 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -16,12 +16,17 @@
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 
+  /* Light mode colors */
   --ifm-background-color: #ffffff;
   --ifm-background-surface-color: #f2f2f2;
   --ifm-color-content: #1c1e21;
   --ifm-color-content-secondary: #606770;
-}
 
+  /* Brighter link colors for light mode */
+  --ifm-link-color: #0056B3;
+  --ifm-link-hover-color: #003D80;
+}
+/* Dark mode */
 [data-theme='dark'] {
   --ifm-color-primary: #4D82BC;
   --ifm-color-primary-dark: #3B71AB;
@@ -32,15 +37,21 @@
   --ifm-color-primary-lightest: #89B5EF;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 
+  /* Dark mode colors */
   --ifm-background-color: #1c1e21;
   --ifm-background-surface-color: #242526;
   --ifm-color-content: #e3e3e3;
   --ifm-color-content-secondary: #a4a6a8;
 
+  /* Override component colors for dark mode */
   --ifm-navbar-background-color: var(--ifm-background-surface-color);
   --ifm-dropdown-background-color: var(--ifm-background-surface-color);
   --ifm-card-background-color: var(--ifm-background-surface-color);
   --ifm-toc-border-color: var(--ifm-color-emphasis-200);
+
+  /* Dark mode link colors */
+  --ifm-link-color: var(--ifm-color-primary-lighter);
+  --ifm-link-hover-color: var(--ifm-color-primary-lightest);
 }
 
 [data-theme='light'] img[src$='#gh-dark-mode-only'],
@@ -78,7 +89,6 @@
 
 /* Additional dark mode overrides */
 [data-theme='dark'] {
-  /* Ensure text is readable in dark mode */
   color: var(--ifm-color-content);
 }