From 22a7986cbcdf4bc75ee5698f070228f92a1b215b Mon Sep 17 00:00:00 2001
From: Naman Sood <naman.sood@data.world>
Date: Fri, 19 Aug 2022 01:52:53 -0500
Subject: [PATCH] styles: highlighter-y link style

Signed-off-by: Naman Sood <naman.sood@data.world>
---
 styles/main.scss | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/styles/main.scss b/styles/main.scss
index 6e5b390..400e4a2 100644
--- a/styles/main.scss
+++ b/styles/main.scss
@@ -28,24 +28,25 @@ $accentColorDark: #3498db;
 	--fadeColor: #{$fadeColorLight};
 	--faintFadeColor: #{lighten($fadeColorLight, 15%)};
 	--accentColor: #{$accentColorLight};
+	--faintAccentColor: #{saturate(lighten($accentColorLight, 35%), 20%)};
 }
 
 @mixin link {
 	color: var(--strongColor);
 	text-decoration: none;
 	background-image: linear-gradient(
-		transparent 80%, 
-		var(--faintFadeColor) 80%,
-		var(--faintFadeColor) 87.5%,
-		transparent 87.5%
+		transparent 72.5%, 
+		var(--faintAccentColor) 72.5%,
+		var(--faintAccentColor) 92.5%,
+		transparent 92.5%
 	);
 
 	&:hover {
 		background-image: linear-gradient(
-			transparent 80%, 
-			var(--faintBodyColor) 80%,
-			var(--faintBodyColor) 87.5%,
-			transparent 87.5%
+			transparent 0%, 
+			var(--faintAccentColor) 0%,
+			var(--faintAccentColor) 92.5%,
+			transparent 92.5%
 		);
 	}
 }
@@ -354,6 +355,7 @@ footer {
 		--fadeColor: #{$fadeColorDark};
 		--faintFadeColor: #{darken($fadeColorDark, 15%)};
 		--accentColor: #{$accentColorDark};
+		--faintAccentColor: #{desaturate(darken($accentColorLight, 15%), 20%)};
 	}
 
 	pre {