From 52a2c5f2975d31b8a5a474e01ecf9453f64f5bb8 Mon Sep 17 00:00:00 2001
From: Guusvanmeerveld <guusvanmeerveld@live.nl>
Date: Thu, 11 Mar 2021 18:05:28 +0000
Subject: [PATCH] Finer contrast ratio on links

---
 components/Footer.tsx  | 8 ++++----
 styles/sass/index.scss | 6 ++++++
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index 06093bf..470a40c 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -11,16 +11,16 @@ const Footer = () => {
           &#169; {year}
         </div>
         <div className="socials">
-          <a href="https://twitter.com/GuusvanMeerveld">
+          <a href="https://twitter.com/GuusvanMeerveld" aria-label="twitter link">
             <FaTwitter className="img" />
           </a>
-          <a href="https://www.youtube.com/channel/UCYuqpoMay5SezCBrA_HKVWQ">
+          <a href="https://www.youtube.com/channel/UCYuqpoMay5SezCBrA_HKVWQ" aria-label="youtube link">
             <FaYoutube className="img" />
           </a>
-          <a href="https://ko-fi.com/guusvanmeerveld">
+          <a href="https://ko-fi.com/guusvanmeerveld" aria-label="kofi link">
             <FaCoffee className="img" />
           </a>
-          <a href="https://github.com/guusvanmeerveld">
+          <a href="https://github.com/guusvanmeerveld" aria-label="github link">
             <FaGithub className="img" />
           </a>
         </div>
diff --git a/styles/sass/index.scss b/styles/sass/index.scss
index eaf1041..26f470f 100644
--- a/styles/sass/index.scss
+++ b/styles/sass/index.scss
@@ -2,6 +2,7 @@
   --background: white;
   --secondary: #f4f5f6;
   --borders: #e4e4e4;
+  --links: #9a36d8;
   --foreground: #606c76;
 }
 
@@ -11,6 +12,7 @@
   }
 
   --background: #212123;
+  --links: #c181e8;
   --secondary: #1c1c1c;
   --borders: #3c3838;
   --foreground: rgb(236, 235, 235);
@@ -22,6 +24,10 @@ body {
   color: var(--foreground);
 }
 
+a {
+  color: var(--links);
+}
+
 @import "nav.scss";
 @import "landing.scss";
 @import "project.scss";