From e38321990dd0bb7974ee41cb6229c2f1158b64a6 Mon Sep 17 00:00:00 2001
From: Puru Vijay <devpuruvj@gmail.com>
Date: Sun, 12 Feb 2023 14:16:39 +0530
Subject: [PATCH] Moar dark mode fixes

---
 .../src/routes/tutorial/[slug]/+page.svelte   | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/sites/svelte.dev/src/routes/tutorial/[slug]/+page.svelte b/sites/svelte.dev/src/routes/tutorial/[slug]/+page.svelte
index 283b290942..8dc3feb769 100644
--- a/sites/svelte.dev/src/routes/tutorial/[slug]/+page.svelte
+++ b/sites/svelte.dev/src/routes/tutorial/[slug]/+page.svelte
@@ -286,7 +286,7 @@
 		border-radius: var(--sk-border-radius);
 		top: 0.1em;
 		position: relative;
-		font-size: var(--h5);
+		font-size: var(--sk-text-s);
 		font-weight: 300;
 		color: rgba(255, 255, 255, 0.7);
 	}
@@ -308,14 +308,32 @@
 	}
 
 	.improve-chapter a {
+		color: var(--sk-text-2);
 		font-size: 14px;
 		text-decoration: none;
 		opacity: 0.6;
 		padding: 0 0.1em 0 1.2em;
+	}
+
+	.improve-chapter a::before {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: 0;
+
+		height: 100%;
+		width: 1em;
+
 		background: no-repeat 0 50% url(/icons/edit.svg);
 		background-size: 1em 1em;
 	}
 
+	@media (prefers-color-scheme: light) {
+		.improve-chapter a::before {
+			filter: invert(1);
+		}
+	}
+
 	.improve-chapter a:hover {
 		opacity: 1;
 	}