|
|
|
@ -221,6 +221,7 @@ export const EditorUI = (props: EditorUIProps) => { |
|
|
|
|
const backgroundColor = window.getComputedStyle(document.documentElement).getPropertyValue('--light').trim() |
|
|
|
|
const infoColor = window.getComputedStyle(document.documentElement).getPropertyValue('--info').trim() |
|
|
|
|
const darkColor = window.getComputedStyle(document.documentElement).getPropertyValue('--dark').trim() |
|
|
|
|
const grayColor = window.getComputedStyle(document.documentElement).getPropertyValue('--gray-dark').trim() |
|
|
|
|
monaco.editor.defineTheme('remix-dark', { |
|
|
|
|
base: 'vs-dark', |
|
|
|
|
inherit: true, // can also be false to completely replace the builtin rules
|
|
|
|
@ -230,7 +231,8 @@ export const EditorUI = (props: EditorUIProps) => { |
|
|
|
|
'editorSuggestWidget.background': backgroundColor, |
|
|
|
|
'editorSuggestWidget.selectedBackground': backgroundColor, |
|
|
|
|
'editorSuggestWidget.highlightForeground': infoColor, |
|
|
|
|
'editor.lineHighlightBorder': darkColor |
|
|
|
|
'editor.lineHighlightBorder': darkColor, |
|
|
|
|
'editor.lineHighlightBackground': grayColor |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|