From 041c4e32ce75321be5223431aa624a016531db4e Mon Sep 17 00:00:00 2001
From: Daniel Bulant <danbulant@gmail.com>
Date: Sat, 19 Nov 2022 16:58:10 +0100
Subject: [PATCH] fix colors

---
 src/routes/+page.svelte | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b533c40..d79f50f 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -38,9 +38,9 @@
 
 <main class:dark={$darkmode}>
 	<Hero {appTypeHover}>
-		<h1 class="font-bold">I'm a young developer making <u on:mouseenter={() => appTypeHover = "websites"} on:mouseleave={() => appTypeHover == "websites" && (appTypeHover = null)}>websites</u>,
-			<u on:mouseenter={() => appTypeHover = "applications"} on:mouseleave={() => appTypeHover == "applications" && (appTypeHover = null)}>applications</u> and
-			<u on:mouseenter={() => appTypeHover = "bots"} on:mouseleave={() => appTypeHover == "bots" && (appTypeHover = null)}>discord bots</u>.</h1>
+		<h1 class="font-bold">I'm making <b on:mouseenter={() => appTypeHover = "websites"} on:mouseleave={() => appTypeHover == "websites" && (appTypeHover = null)}>websites</b>,
+			<b on:mouseenter={() => appTypeHover = "applications"} on:mouseleave={() => appTypeHover == "applications" && (appTypeHover = null)}>applications</b> and
+			<b on:mouseenter={() => appTypeHover = "bots"} on:mouseleave={() => appTypeHover == "bots" && (appTypeHover = null)}>discord bots</b>.</h1>
 		<!-- <h3>To be used later</h3> -->
 		<Button href="#projects">Check out my work</Button>
 	</Hero>
@@ -333,6 +333,9 @@
 		transition: transform .3s, color .2s;
 	}
     .also li:hover {
+        color: black;
+    }
+    .dark .also li:hover {
         color: white;
     }
 	.also li:active {