diff --git a/.vitepress/theme/cm-themes/createTheme.ts b/.vitepress/theme/cm-themes/createTheme.ts
deleted file mode 100644
index 343943f..0000000
--- a/.vitepress/theme/cm-themes/createTheme.ts
+++ /dev/null
@@ -1,110 +0,0 @@
-import { EditorView } from "@codemirror/view"
-import { Extension } from "@codemirror/state"
-import {
- HighlightStyle,
- TagStyle,
- syntaxHighlighting,
-} from "@codemirror/language"
-
-interface Options {
- /**
- * Theme variant. Determines which styles CodeMirror will apply by default.
- */
- variant: Variant
-
- /**
- * Settings to customize the look of the editor, like background, gutter, selection and others.
- */
- settings: Settings
-
- /**
- * Syntax highlighting styles.
- */
- styles: TagStyle[]
-}
-
-type Variant = "light" | "dark"
-
-interface Settings {
- /**
- * Editor background.
- */
- background: string
-
- /**
- * Default text color.
- */
- foreground: string
-
- /**
- * Caret color.
- */
- caret: string
-
- /**
- * Selection background.
- */
- selection: string
-
- /**
- * Background of highlighted lines.
- */
- lineHighlight: string
-
- /**
- * Gutter background.
- */
- gutterBackground: string
-
- /**
- * Text color inside gutter.
- */
- gutterForeground: string
-
- gutterBorderRight: string
-}
-
-export const createTheme = ({
- variant,
- settings,
- styles,
-}: Options): Extension => {
- const theme = EditorView.theme(
- {
- // eslint-disable-next-line @typescript-eslint/naming-convention
- "&": {
- backgroundColor: settings.background,
- color: settings.foreground,
- },
- ".cm-content": {
- caretColor: settings.caret,
- },
- ".cm-cursor, .cm-dropCursor": {
- borderLeftColor: settings.caret,
- },
- "&.cm-focused .cm-selectionBackgroundm .cm-selectionBackground, .cm-content ::selection":
- {
- backgroundColor: settings.selection,
- },
- ".cm-activeLine": {
- backgroundColor: settings.lineHighlight,
- },
- ".cm-gutters": {
- backgroundColor: settings.gutterBackground,
- borderRight: settings.gutterBorderRight,
- color: settings.gutterForeground,
- },
- ".cm-activeLineGutter": {
- backgroundColor: settings.lineHighlight,
- },
- },
- {
- dark: variant === "dark",
- },
- )
-
- const highlightStyle = HighlightStyle.define(styles)
- const extension = [theme, syntaxHighlighting(highlightStyle)]
-
- return extension
-}
diff --git a/.vitepress/theme/cm-themes/oneDark.ts b/.vitepress/theme/cm-themes/oneDark.ts
deleted file mode 100644
index a2ebfda..0000000
--- a/.vitepress/theme/cm-themes/oneDark.ts
+++ /dev/null
@@ -1,149 +0,0 @@
-import { EditorView } from "@codemirror/view"
-import { Extension } from "@codemirror/state"
-import { HighlightStyle, syntaxHighlighting } from "@codemirror/language"
-import { tags as t } from "@lezer/highlight"
-
-// Using https://github.com/one-dark/vscode-one-dark-theme/ as reference for the colors
-
-const chalky = "#e5c07b",
- coral = "#e06c75",
- cyan = "#56b6c2",
- invalid = "#ffffff",
- ivory = "#abb2bf",
- stone = "#7d8799", // Brightened compared to original to increase contrast
- malibu = "#61afef",
- sage = "#98c379",
- whiskey = "#d19a66",
- violet = "#c678dd",
- darkBackground = "#26262a",
- highlightBackground = "#2c313a",
- background = "#101014", // naive-ui
- tooltipBackground = "#353a42",
- selection = "#3E4451",
- cursor = "#528bff"
-
-/// The editor theme styles for One Dark.
-const oneDarkTheme = EditorView.theme(
- {
- "&": {
- color: ivory,
- backgroundColor: background,
- },
-
- ".cm-content": {
- caretColor: cursor,
- },
-
- ".cm-cursor, .cm-dropCursor": { borderLeftColor: cursor },
- "&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection":
- { backgroundColor: selection },
-
- ".cm-panels": { backgroundColor: darkBackground, color: ivory },
- ".cm-panels.cm-panels-top": { borderBottom: "2px solid black" },
- ".cm-panels.cm-panels-bottom": { borderTop: "2px solid black" },
-
- ".cm-searchMatch": {
- backgroundColor: "#72a1ff59",
- outline: "1px solid #457dff",
- },
- ".cm-searchMatch.cm-searchMatch-selected": {
- backgroundColor: "#6199ff2f",
- },
-
- ".cm-activeLine": { backgroundColor: "#6699ff0b" },
- ".cm-selectionMatch": { backgroundColor: "#aafe661a" },
-
- "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
- backgroundColor: "#bad0f847",
- },
-
- ".cm-gutters": {
- backgroundColor: background,
- color: stone,
- border: "none",
- },
-
- ".cm-activeLineGutter": {
- backgroundColor: highlightBackground,
- },
-
- ".cm-foldPlaceholder": {
- backgroundColor: "transparent",
- border: "none",
- color: "#ddd",
- },
-
- ".cm-tooltip": {
- border: "none",
- backgroundColor: tooltipBackground,
- },
- ".cm-tooltip .cm-tooltip-arrow:before": {
- borderTopColor: "transparent",
- borderBottomColor: "transparent",
- },
- ".cm-tooltip .cm-tooltip-arrow:after": {
- borderTopColor: tooltipBackground,
- borderBottomColor: tooltipBackground,
- },
- ".cm-tooltip-autocomplete": {
- "& > ul > li[aria-selected]": {
- backgroundColor: highlightBackground,
- color: ivory,
- },
- },
- },
- { dark: true },
-)
-
-/// The highlighting style for code in the One Dark theme.
-const oneDarkHighlightStyle = HighlightStyle.define([
- { tag: t.keyword, color: violet },
- {
- tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName],
- color: coral,
- },
- { tag: [t.function(t.variableName), t.labelName], color: malibu },
- { tag: [t.color, t.constant(t.name), t.standard(t.name)], color: whiskey },
- { tag: [t.definition(t.name), t.separator], color: ivory },
- {
- tag: [
- t.typeName,
- t.className,
- t.number,
- t.changed,
- t.annotation,
- t.modifier,
- t.self,
- t.namespace,
- ],
- color: chalky,
- },
- {
- tag: [
- t.operator,
- t.operatorKeyword,
- t.url,
- t.escape,
- t.regexp,
- t.link,
- t.special(t.string),
- ],
- color: cyan,
- },
- { tag: [t.meta, t.comment], color: stone },
- { tag: t.strong, fontWeight: "bold" },
- { tag: t.emphasis, fontStyle: "italic" },
- { tag: t.strikethrough, textDecoration: "line-through" },
- { tag: t.link, color: stone, textDecoration: "underline" },
- { tag: t.heading, fontWeight: "bold", color: coral },
- { tag: [t.atom, t.bool, t.special(t.variableName)], color: whiskey },
- { tag: [t.processingInstruction, t.string, t.inserted], color: sage },
- { tag: t.invalid, color: invalid },
-])
-
-/// Extension to enable the One Dark theme (both the editor theme and
-/// the highlight style).
-export const oneDark: Extension = [
- oneDarkTheme,
- syntaxHighlighting(oneDarkHighlightStyle),
-]
diff --git a/.vitepress/theme/cm-themes/smoothy.ts b/.vitepress/theme/cm-themes/smoothy.ts
deleted file mode 100644
index b58cdc6..0000000
--- a/.vitepress/theme/cm-themes/smoothy.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-import { tags as t } from "@lezer/highlight"
-import { createTheme } from "./createTheme"
-
-// Author: Kenneth Reitz
-export const smoothy = createTheme({
- variant: "light",
- settings: {
- background: "#FFFFFF",
- foreground: "#000000",
- caret: "#000000",
- selection: "#FFFD0054",
- gutterBackground: "#FFFFFF",
- gutterForeground: "#00000070",
- gutterBorderRight: "none",
- lineHighlight: "#00000008",
- },
- styles: [
- {
- tag: t.comment,
- color: "#CFCFCF",
- },
- {
- tag: [t.number, t.bool, t.null],
- color: "#E66C29",
- },
- {
- tag: [
- t.className,
- t.definition(t.propertyName),
- t.function(t.variableName),
- t.labelName,
- t.definition(t.typeName),
- ],
- color: "#2EB43B",
- },
- {
- tag: t.keyword,
- color: "#D8B229",
- },
- {
- tag: t.operator,
- color: "#4EA44E",
- fontWeight: "bold",
- },
- {
- tag: [t.definitionKeyword, t.modifier],
- color: "#925A47",
- },
- {
- tag: t.string,
- color: "#704D3D",
- },
- {
- tag: t.typeName,
- color: "#2F8996",
- },
- {
- tag: [t.variableName, t.propertyName],
- color: "#77ACB0",
- },
- {
- tag: t.self,
- color: "#77ACB0",
- fontWeight: "bold",
- },
- {
- tag: t.regexp,
- color: "#E3965E",
- },
- {
- tag: [t.tagName, t.angleBracket],
- color: "#BAA827",
- },
- {
- tag: t.attributeName,
- color: "#B06520",
- },
- {
- tag: t.derefOperator,
- color: "#000",
- },
- ],
-})
diff --git a/.vitepress/theme/components/CodeEditor.vue b/.vitepress/theme/components/CodeEditor.vue
deleted file mode 100644
index 5cf0dfb..0000000
--- a/.vitepress/theme/components/CodeEditor.vue
+++ /dev/null
@@ -1,115 +0,0 @@
-
-
-
-
-
代码区
-
-
输入框
-
-
-
-
-
-
运行结果
-
{{ output }}
-