Files
voidraft/frontend/src/views/editor/theme/dark/material-dark.ts
2025-11-21 00:03:03 +08:00

111 lines
2.6 KiB
TypeScript

import {Extension} from '@codemirror/state';
import {createBaseTheme} from '../base';
import type {ThemeColors} from '../types';
export const config: ThemeColors = {
themeName: 'material-dark',
dark: true,
background: '#263238',
backgroundSecondary: '#2d3e46',
foreground: '#eeffff',
cursor: '#ffcc00',
selection: '#80cbc420',
activeLine: '#4c616c22',
lineNumber: '#37474f',
activeLineNumber: '#607a86',
diffInserted: '#c3e88d',
diffDeleted: '#ff5370',
diffChanged: '#ffcb6b',
borderColor: '#ffffff10',
matchingBracket: '#263238',
comment: '#546e7a',
lineComment: '#4b606a',
blockComment: '#455962',
docComment: '#6c8795',
name: '#eeffff',
variableName: '#eeffff',
typeName: '#b2ccd6',
tagName: '#9ad4f5',
propertyName: '#e0f2ff',
attributeName: '#ffdcdc',
className: '#ffcb6b',
labelName: '#ffd17a',
namespace: '#8ad2e7',
macroName: '#82aaff',
literal: '#f78c6c',
string: '#c3e88d',
docString: '#d3f8a8',
character: '#ffe8c0',
attributeValue: '#ffd99f',
number: '#f78c6c',
integer: '#ff996e',
float: '#ffad80',
bool: '#ffd37d',
regexp: '#89ddff',
escape: '#66d9ff',
color: '#ffd492',
url: '#72d1ff',
keyword: '#c792ea',
self: '#d29ef2',
null: '#ff8aad',
atom: '#f78c6c',
unit: '#f78c6c',
modifier: '#dca8f0',
operatorKeyword: '#ca8de3',
controlKeyword: '#c280e1',
definitionKeyword: '#ce95ea',
moduleKeyword: '#d8a8f0',
operator: '#c792ea',
derefOperator: '#d79ef4',
arithmeticOperator: '#d28aec',
logicOperator: '#cd84e3',
bitwiseOperator: '#c77cdf',
compareOperator: '#cc8fe5',
updateOperator: '#c47ad9',
definitionOperator: '#bb6fd0',
typeOperator: '#cfa2ed',
controlOperator: '#b767cf',
punctuation: '#d9b4ff',
separator: '#d5aef6',
bracket: '#9fb6c5',
angleBracket: '#c4ddff',
squareBracket: '#a7c5dd',
paren: '#adc3d4',
brace: '#92aabd',
content: '#eeffff',
heading: '#c3e88d',
heading1: '#aeea9c',
heading2: '#a0dd92',
heading3: '#92d087',
heading4: '#85c37d',
heading5: '#78b673',
heading6: '#6aa969',
contentSeparator: '#c792ea',
list: '#b7cad4',
quote: '#758892',
emphasis: '#eeffff',
strong: '#f8ffff',
link: '#89ddff',
monospace: '#d7e4ec',
strikethrough: '#b4c4cc',
inserted: '#c3e88d',
deleted: '#ff5370',
changed: '#ffcb6b',
invalid: '#ff5370',
meta: '#6d8795',
documentMeta: '#648292',
annotation: '#73e0ff',
processingInstruction: '#617480',
definition: '#d0dae4',
constant: '#f78c6c',
function: '#82aaff',
standard: '#bacdd8',
local: '#c3d3dc',
special: '#ffd8a6',
};
export const materialDark: Extension = createBaseTheme(config);