Files
voidraft/frontend/src/views/editor/theme/light/tokyo-night-day.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: 'tokyo-night-day',
dark: false,
background: '#e1e2e7',
backgroundSecondary: '#d2d8ef',
foreground: '#6a6f8e',
cursor: '#3760bf',
selection: '#8591b840',
activeLine: '#a7aaba22',
lineNumber: '#b3b6cd',
activeLineNumber: '#68709a',
diffInserted: '#587539',
diffDeleted: '#ff3e64',
diffChanged: '#b15c00',
borderColor: '#e9e9ec',
matchingBracket: '#e9e9ec',
comment: '#9da3c2',
lineComment: '#8b90a8',
blockComment: '#7e849d',
docComment: '#aeb3cb',
name: '#6a6f8e',
variableName: '#3760bf',
typeName: '#07879d',
tagName: '#4d8cff',
propertyName: '#8fa3d2',
attributeName: '#df8fb0',
className: '#4a71d6',
labelName: '#c37300',
namespace: '#3c99c0',
macroName: '#2e7de9',
literal: '#b15c00',
string: '#587539',
docString: '#4f8646',
character: '#79a058',
attributeValue: '#d28e43',
number: '#b15c00',
integer: '#d77500',
float: '#c36800',
bool: '#c79200',
regexp: '#2e5857',
escape: '#2c6f68',
color: '#c06f0f',
url: '#2e7de9',
keyword: '#9854f1',
self: '#c277ff',
null: '#ff5c7f',
atom: '#9854f1',
unit: '#ba6a00',
modifier: '#b16fff',
operatorKeyword: '#b67bff',
controlKeyword: '#ad68ff',
definitionKeyword: '#be84ff',
moduleKeyword: '#8f7dff',
operator: '#9854f1',
derefOperator: '#bb7fff',
arithmeticOperator: '#b173ff',
logicOperator: '#a369ff',
bitwiseOperator: '#8d59f0',
compareOperator: '#a673ff',
updateOperator: '#8c57dd',
definitionOperator: '#8150d3',
typeOperator: '#0aa5b5',
controlOperator: '#7741ca',
punctuation: '#9aa3c9',
separator: '#8f98be',
bracket: '#b5bdd6',
angleBracket: '#d8def0',
squareBracket: '#adb5cb',
paren: '#939ab7',
brace: '#b1b7cb',
content: '#6a6f8e',
heading: '#006a83',
heading1: '#0083a3',
heading2: '#007796',
heading3: '#006a89',
heading4: '#005e7c',
heading5: '#00516f',
heading6: '#004562',
contentSeparator: '#9854f1',
list: '#9ca1b8',
quote: '#8087a4',
emphasis: '#6a6f8e',
strong: '#404868',
link: '#2e7de9',
monospace: '#9ca0be',
strikethrough: '#7d819b',
inserted: '#587539',
deleted: '#ff3e64',
changed: '#b15c00',
invalid: '#ff3e64',
meta: '#8189a3',
documentMeta: '#737a92',
annotation: '#4ab2c9',
processingInstruction: '#6d7389',
definition: '#bdc2de',
constant: '#9854f1',
function: '#2e7de9',
standard: '#7a83a4',
local: '#8d95b3',
special: '#c17800',
};
export const tokyoNightDay: Extension = createBaseTheme(config);