From 358696b845dd12353956fdedc0bec76aadb8bb55 Mon Sep 17 00:00:00 2001 From: ThinLiquid Date: Mon, 16 Oct 2023 13:51:30 +0100 Subject: [PATCH] =?UTF-8?q?[=E2=9C=A8]=20Made=20editor=20match=20theme?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/apps/editor.ts | 34 +++++++++++++++++++++++++++++++++- 1 file changed, 33 insertions(+), 1 deletion(-) diff --git a/src/apps/editor.ts b/src/apps/editor.ts index 5ee861e..bafb906 100644 --- a/src/apps/editor.ts +++ b/src/apps/editor.ts @@ -45,7 +45,39 @@ export default class EditorApp implements App { ); console.log(editor) - editor.scrollContainer.setAttribute('style', 'height: 100%;') + editor.scrollContainer.setAttribute('style', 'height: 100%;'); + const style = document.createElement('style'); + style.innerHTML = ` + .prism-editor { + caret-color: var(--text); + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; + --editor__bg: var(--base); + --widget__border: var(--mantle); + --widget__bg: var(--crust); + --widget__color: var(--text); + --widget__color-active: var(--text); + --widget__color-options: #8a99a8; + --widget__bg-input: var(--mantle); + --widget__bg-hover: #5a5d5e4f; + --widget__bg-active: var(--base); + --widget__focus-ring: var(--text); + --search__bg-find: var(--surface-1)80; + --widget__bg-error: #5a1d1d; + --widget__error-ring: #be1100; + --editor__bg-highlight: #636e7b1a; + --editor__bg-selection-match: var(--surface-1)40; + --editor__line-number: #636e7b; + --editor__line-number-active: #adbac7; + --editor__bg-scrollbar: 210, 10%, 35%; + --editor__bg-fold: #768390; + --bg-guide-indent: var(--surface-0); + color-scheme: dark; + } + .prism-search * { + font-family: 'Satoshi', sans-serif; + } + ` + editor.scrollContainer.appendChild(style) } return win;