From ebb4c4133e822c40d6ed47a176b061d27c0fe01a Mon Sep 17 00:00:00 2001
From: tomoam <29677552+tomoam@users.noreply.github.com>
Date: Tue, 21 Mar 2023 23:47:09 +0900
Subject: [PATCH 1/2] chore: reset selection color in editor

---
 src/routes/tutorial/[slug]/codemirror.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/routes/tutorial/[slug]/codemirror.css b/src/routes/tutorial/[slug]/codemirror.css
index 26526680b..de5bec4f3 100644
--- a/src/routes/tutorial/[slug]/codemirror.css
+++ b/src/routes/tutorial/[slug]/codemirror.css
@@ -6,6 +6,10 @@
 	height: 100%;
 }
 
+.cm-editor ::selection {
+	color: revert;
+}
+
 .cm-editor .cm-scroller {
 	font-family: var(--font-mono);
 	font-size: 1.3rem;

From 8e2dc7f8559329edeae9340dd47ec88cd00a1226 Mon Sep 17 00:00:00 2001
From: tomoam <29677552+tomoam@users.noreply.github.com>
Date: Wed, 22 Mar 2023 10:10:13 +0900
Subject: [PATCH 2/2] chore: background-color for dark mode in editor

---
 src/routes/tutorial/[slug]/codemirror.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/routes/tutorial/[slug]/codemirror.css b/src/routes/tutorial/[slug]/codemirror.css
index de5bec4f3..e88c3d805 100644
--- a/src/routes/tutorial/[slug]/codemirror.css
+++ b/src/routes/tutorial/[slug]/codemirror.css
@@ -84,7 +84,7 @@
 	}
 
 	.cm-editor .cm-activeLine {
-		background-color: var(--sk-back-2);
+		background-color: hsl(0, 0%, 40%, 0.2);
 	}
 
 	.cm-editor .cm-diagnostic-warning {
@@ -94,4 +94,15 @@
 	.cm-editor .cm-diagnostic-warning {
 		background: hsl(39, 100%, 10%);
 	}
+
+	.cm-editor.cm-focused .cm-selectionBackground,
+	.cm-editor .cm-selectionBackground,
+	.cm-editor .cm-content ::selection {
+		background: var(--sk-theme-3);
+		opacity: .3;
+	}
+
+	.cm-editor .cm-selectionMatch {
+		background: rgba(255, 255, 255, 0.2);
+	}
 }
\ No newline at end of file