This commit is contained in:
2023-09-03 14:10:06 +02:00
parent 30c9094032
commit 92695f1193
2 changed files with 7 additions and 8 deletions

View File

@ -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;

View File

@ -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),
];