Merge pull request #64 from renderghost/feature/issue-34-improved-homepage

Feature #34: Improved homepage with interactive profile preview

Author: renderghost

src/app/globals.css

@@ -90,6 +90,7 @@
   --sidebar-ring: var(--color-purple-vivid-500);
   --link-hover: var(--color-purple-vivid-500);
   --focus-ring: var(--color-purple-vivid-500);
+  --homepage-icon-color: var(--color-purple-vivid-500);
   --font-sans: 'DM Sans', ui-sans-serif, sans-serif, system-ui;
   --font-serif: 'DM Serif Text', ui-serif, serif;
   --font-mono: 'DM Mono', ui-monospace, monospace;
@@ -153,6 +154,7 @@
     --sidebar-ring: var(--color-yellow-vivid-500);
     --link-hover: var(--color-yellow-vivid-500);
     --focus-ring: var(--color-yellow-vivid-500);
+    --homepage-icon-color: var(--color-yellow-vivid-500);
     --font-sans: 'DM Sans', ui-sans-serif, sans-serif, system-ui;
     --font-serif: 'DM Serif Text', ui-serif, serif;
     --font-mono: 'DM Mono', ui-monospace, monospace;
@@ -292,4 +294,15 @@
       color: var(--color-purple-muted-900);
     }
   }
+
+  /* Homepage icon color */
+  .homepage-icon-wrapper {
+    color: var(--color-purple-vivid-500);
+  }
+
+  @media (prefers-color-scheme: dark) {
+    .homepage-icon-wrapper {
+      color: var(--color-yellow-vivid-500);
+    }
+  }
 }