From c4be23819631c34031e4eaa9b6547f7a1db4f1ed Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Sun, 3 Mar 2024 21:18:04 +0100
Subject: [PATCH] Increase contrast of rainbow link text

---
 src/lib/linkColor.svelte  | 10 +++++++++-
 src/lib/personalia.svelte |  8 +++++---
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/lib/linkColor.svelte b/src/lib/linkColor.svelte
index ef02876..b94bd5c 100644
--- a/src/lib/linkColor.svelte
+++ b/src/lib/linkColor.svelte
@@ -8,7 +8,8 @@
 
 	function setRandomLinkColor() {
 		Array.from(document.getElementsByTagName('a')).forEach((e) => {
-			e.style.color = getRandomColor();
+			e.classList.add('rainbow-text');
+			e.style.backgroundColor = getRandomColor();
 		});
 	}
 
@@ -23,3 +24,10 @@
 		setColorHoverListener();
 	});
 </script>
+
+<style lang="scss">
+	:global(.rainbow-text) {
+		padding: 0.2rem;
+		color: black;
+	}
+</style>
diff --git a/src/lib/personalia.svelte b/src/lib/personalia.svelte
index bbfd975..42eaabe 100644
--- a/src/lib/personalia.svelte
+++ b/src/lib/personalia.svelte
@@ -69,6 +69,7 @@
 		background-color: white;
 		overflow: auto;
 		transition: 0.2s ease all;
+		color: black !important;
 
 		&:not(&:last-of-type) {
 			margin-right: 1rem;
@@ -76,12 +77,13 @@
 
 		&.selected {
 			font-weight: bold;
-			border-color: var(--selected-color);
-			color: var(--selected-color);
+			border-color: var(--selected-color) !important;
+			background-color: var(--selected-color) !important;
 		}
 
 		&:hover {
-			background: rgba(150, 151, 156, 0.1);
+			background-color: rgba(150, 151, 156, 0.1);
+			color: gray;
 			cursor: pointer;
 		}
 	}