From 035f388b0af28baf95b522ea3eb7d93ee11fb5f5 Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Sun, 1 Oct 2023 19:19:54 +0200
Subject: [PATCH] Fixed Light mode project version and icon colors

Fixed an issue with the Project version and Links color in lightmode
---
 src/components/ProjectComponent.svelte | 4 ++--
 src/components/ProjectsLinks.svelte    | 2 ++
 src/routes/+page.css                   | 4 +++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/ProjectComponent.svelte b/src/components/ProjectComponent.svelte
index 090fa75..6794e9e 100644
--- a/src/components/ProjectComponent.svelte
+++ b/src/components/ProjectComponent.svelte
@@ -50,13 +50,13 @@
     .project-version {
         font-size: 20px;
         font-weight: bold;
-        color: white;
+        color: var(--project-version-color);
         margin-bottom: 10px;
         margin-left: 10px;
         margin-right: 10px;
         margin-top: -4px;
         padding: 2px;
-        border: 3px solid #dcdcdc;
+        border: 3px solid var(--project-version-color);
         border-radius: 100px;
         float: right;
     }
diff --git a/src/components/ProjectsLinks.svelte b/src/components/ProjectsLinks.svelte
index 22c73f7..5eabaf8 100644
--- a/src/components/ProjectsLinks.svelte
+++ b/src/components/ProjectsLinks.svelte
@@ -1,5 +1,7 @@
 <script>
   export let project;
+
+  import "../routes/+page.css";
 </script>
 
 <div class="project-links">
diff --git a/src/routes/+page.css b/src/routes/+page.css
index 75348e7..4935d25 100644
--- a/src/routes/+page.css
+++ b/src/routes/+page.css
@@ -25,6 +25,7 @@
   --project-border-color: white;
   --project-link-color: white;
   --project-link-color-hover: #666;
+  --project-version-color: white;
   --project-search-background-color: rgba(0, 0, 0, 0.678);
   --project-search-input-font-color: white;
   --nav-menu-background-color: rgba(0, 0, 0, 0.8)
@@ -44,8 +45,9 @@
     --footer-font-color: #000;
     --projects-background-color: rgba(255, 255, 255, 0.4);
     --project-border-color: black;
-    --project-link-color: white;
+    --project-link-color: black;
     --project-link-color-hover: #666;
+    --project-version-color: black;
     --project-search-background-color: rgba(255, 255, 255, 0.5);
     --project-search-input-font-color: black;
     --nav-menu-background-color: rgba(255, 255, 255, 0.8)