diff --git a/src/main.ts b/src/main.ts index 6d9f25c..18b5b75 100644 --- a/src/main.ts +++ b/src/main.ts @@ -3,7 +3,7 @@ import { examples } from "./examples/excerpts"; import { EditorState, Compartment } from "@codemirror/state"; import { ViewUpdate, lineNumbers, keymap } from "@codemirror/view"; import { javascript } from "@codemirror/lang-javascript"; -import { materialDark } from "./themes/materialDark"; +import { toposTheme } from "./themes/toposTheme"; import { markdown } from "@codemirror/lang-markdown"; import { Extension, Prec } from "@codemirror/state"; import { indentWithTab } from "@codemirror/commands"; @@ -254,7 +254,7 @@ export class Editor { this.fontSize.of(fontModif), this.vimModeCompartment.of(vimPlugin), editorSetup, - materialDark, + toposTheme, this.chosenLanguage.of(javascript()), EditorView.updateListener.of((v: ViewUpdate) => { v; diff --git a/src/themes/materialDark.ts b/src/themes/toposTheme.ts similarity index 96% rename from src/themes/materialDark.ts rename to src/themes/toposTheme.ts index 34be29b..5838d02 100644 --- a/src/themes/materialDark.ts +++ b/src/themes/toposTheme.ts @@ -49,11 +49,10 @@ const invalid = base_red, highlightBackground = "#545b61", background = base00, tooltipBackground = base01, - selection = base07, cursor = base04; /// The editor theme styles for Material Dark. -export const materialDarkTheme = EditorView.theme( +export const toposDarkTheme = EditorView.theme( { "&": { color: base05, @@ -134,7 +133,7 @@ export const materialDarkTheme = EditorView.theme( ); /// The highlighting style for code in the Material Dark theme. -export const materialDarkHighlightStyle = HighlightStyle.define([ +export const toposDarkHighlightStyle = HighlightStyle.define([ { tag: t.keyword, color: base_purple }, { tag: [t.name, t.deleted, t.character, t.macroName], @@ -232,7 +231,7 @@ export const materialDarkHighlightStyle = HighlightStyle.define([ /// Extension to enable the Material Dark theme (both the editor theme and /// the highlight style). -export const materialDark: Extension = [ - materialDarkTheme, - syntaxHighlighting(materialDarkHighlightStyle), +export const toposTheme: Extension = [ + toposDarkTheme, + syntaxHighlighting(toposDarkHighlightStyle), ];