From 6bae7a8fedbbca75aff5a49fe8d6a8ebddc17b53 Mon Sep 17 00:00:00 2001
From: winston <hey@winston.sh>
Date: Tue, 22 Aug 2023 15:01:10 +0200
Subject: [PATCH] feat: style monaco editor selection & cursorline

Closes #8
---
 src/_monaco.scss | 19 +++++++++++++++++++
 src/_theme.scss  |  1 +
 2 files changed, 20 insertions(+)
 create mode 100644 src/_monaco.scss

diff --git a/src/_monaco.scss b/src/_monaco.scss
new file mode 100644
index 0000000..e0b1828
--- /dev/null
+++ b/src/_monaco.scss
@@ -0,0 +1,19 @@
+.monaco-editor {
+  // selected text
+  .selected-text {
+    background-color: $surface0 !important;
+  }
+  // line numbers
+  .margin-view-overlays .line-numbers {
+    color: $subtext0 !important;
+  }
+  .line-numbers.active-line-number {
+    color: $accent !important;
+  }
+
+  // current / cursor line
+  .view-overlays .current-line,
+  .margin-view-overlays .current-line-margin {
+    background-color: #{if($isDark, color.mix($surface0, $base, 64%), color.mix($mantle, $base, 70%))} !important;
+  }
+}
diff --git a/src/_theme.scss b/src/_theme.scss
index 139c0bb..03babf2 100644
--- a/src/_theme.scss
+++ b/src/_theme.scss
@@ -285,3 +285,4 @@ $lvl3: if($isDark, $base, $crust);
 
 @import "chroma";
 @import "codemirror";
+@import "monaco";