feat: style monaco editor selection & cursorline

Closes #8
catppuccin · Aug 22, 2023 · 6bae7a8 · 6bae7a8
1 parent fdd8b85
commit 6bae7a8
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/src/_monaco.scss 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
@@ -285,3 +285,4 @@ $lvl3: if($isDark, $base, $crust);
 
 @import "chroma";
 @import "codemirror";
+@import "monaco";