feat(editor): better UI

purocean · Sep 22, 2023 · b48a572 · b48a572 · vercel · Sep 22, 2023
1 parent 58eb757
commit b48a572
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/renderer/components/MonacoEditor.vue b/src/renderer/components/MonacoEditor.vue
@@ -134,12 +134,26 @@ export default defineComponent({
   --vscode-editorSuggestWidget-focusHighlightForeground: var(--vscode-editorSuggestWidget-highlightForeground);
 }
 
+.editor .monaco-editor {
+  --vscode-menu-selectionForeground: var(--g-color-0);
+  --vscode-menu-selectionBackground: var(--g-color-active-a);
+  --vscode-quickInputList-focusBackground: var(--g-color-active-a);
+  --vscode-quickInputList-focusForeground: var(--g-color-0);
+}
+
 @include dark-theme {
   .editor .monaco-editor .suggest-widget {
     background: rgba(var(--g-color-86-rgb), 0.65);
     box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 10px;
     --vscode-editorSuggestWidget-selectedBackground: var(--g-color-active-b);
     --vscode-list-hoverBackground: var(--g-color-active-a);
   }
+
+  .editor .monaco-editor {
+    --vscode-menu-selectionForeground: var(--g-color-0);
+    --vscode-menu-selectionBackground: var(--g-color-active-b);
+    --vscode-quickInputList-focusBackground: var(--g-color-active-b);
+    --vscode-quickInputList-focusForeground: var(--g-color-0);
+  }
 }
 </style>