feat: links look like links in lightmode (#21)

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>
           )}

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 {

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 {

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);
 }