Carlos Florêncio
93 lines
3.8 KiB
TypeScript
93 lines
3.8 KiB
TypeScript
import type { editor } from 'monaco-editor';
|
|
import { DARK, LIGHT, DIFF_COLORS, FONT } from './colors';
|
|
|
|
// Semantic token color rules matching VS Code Dark+ / Light+ themes.
|
|
const SEMANTIC_RULES_DARK: editor.ITokenThemeRule[] = [
|
|
{ token: 'type', foreground: '4EC9B0' },
|
|
{ token: 'class', foreground: '4EC9B0' },
|
|
{ token: 'struct', foreground: '4EC9B0' },
|
|
{ token: 'interface', foreground: '4EC9B0' },
|
|
{ token: 'enum', foreground: '4EC9B0' },
|
|
{ token: 'typeParameter', foreground: '4EC9B0' },
|
|
{ token: 'namespace', foreground: '4EC9B0' },
|
|
{ token: 'function', foreground: 'DCDCAA' },
|
|
{ token: 'method', foreground: 'DCDCAA' },
|
|
{ token: 'macro', foreground: 'DCDCAA' },
|
|
{ token: 'variable', foreground: '9CDCFE' },
|
|
{ token: 'parameter', foreground: '9CDCFE' },
|
|
{ token: 'property', foreground: '9CDCFE' },
|
|
{ token: 'enumMember', foreground: '4FC1FF' },
|
|
{ token: 'decorator', foreground: 'DCDCAA' },
|
|
];
|
|
|
|
const SEMANTIC_RULES_LIGHT: editor.ITokenThemeRule[] = [
|
|
{ token: 'type', foreground: '267f99' },
|
|
{ token: 'class', foreground: '267f99' },
|
|
{ token: 'struct', foreground: '267f99' },
|
|
{ token: 'interface', foreground: '267f99' },
|
|
{ token: 'enum', foreground: '267f99' },
|
|
{ token: 'typeParameter', foreground: '267f99' },
|
|
{ token: 'namespace', foreground: '267f99' },
|
|
{ token: 'function', foreground: '795E26' },
|
|
{ token: 'method', foreground: '795E26' },
|
|
{ token: 'macro', foreground: '795E26' },
|
|
{ token: 'variable', foreground: '001080' },
|
|
{ token: 'parameter', foreground: '001080' },
|
|
{ token: 'property', foreground: '001080' },
|
|
{ token: 'enumMember', foreground: '0070C1' },
|
|
{ token: 'decorator', foreground: '795E26' },
|
|
];
|
|
|
|
export const KANDEV_MONACO_DARK: editor.IStandaloneThemeData = {
|
|
base: 'vs-dark',
|
|
inherit: true,
|
|
rules: [...SEMANTIC_RULES_DARK],
|
|
colors: {
|
|
'editor.background': DARK.bg,
|
|
'editor.foreground': DARK.fg,
|
|
'editorGutter.background': DARK.bg,
|
|
'editor.lineHighlightBackground': DARK.lineHighlight,
|
|
'editorLineNumber.foreground': DARK.lineNumber,
|
|
'editorLineNumber.activeForeground': DARK.lineNumberActive,
|
|
'editor.selectionBackground': DARK.selection,
|
|
'editor.inactiveSelectionBackground': DARK.selectionInactive,
|
|
'editorCursor.foreground': DARK.cursor,
|
|
'editorWidget.background': DARK.popover,
|
|
'editorWidget.border': DARK.border,
|
|
'editorSuggestWidget.background': DARK.popover,
|
|
'editorSuggestWidget.border': DARK.border,
|
|
'editorSuggestWidget.selectedBackground': DARK.selection,
|
|
'minimap.background': DARK.bg,
|
|
'scrollbar.shadow': DARK.scrollbarShadow,
|
|
'scrollbarSlider.background': DARK.scrollbarThumb,
|
|
'scrollbarSlider.hoverBackground': DARK.scrollbarThumbHover,
|
|
'scrollbarSlider.activeBackground': DARK.scrollbarThumbActive,
|
|
'diffEditor.insertedTextBackground': DIFF_COLORS.additionTextBg,
|
|
'diffEditor.removedTextBackground': DIFF_COLORS.deletionTextBg,
|
|
'diffEditor.insertedLineBackground': DIFF_COLORS.additionLineBg,
|
|
'diffEditor.removedLineBackground': DIFF_COLORS.deletionLineBg,
|
|
},
|
|
};
|
|
|
|
export const KANDEV_MONACO_LIGHT: editor.IStandaloneThemeData = {
|
|
base: 'vs',
|
|
inherit: true,
|
|
rules: [...SEMANTIC_RULES_LIGHT],
|
|
colors: {
|
|
'editor.background': LIGHT.bg,
|
|
'editor.foreground': LIGHT.fg,
|
|
'editorGutter.background': LIGHT.bg,
|
|
'editor.lineHighlightBackground': LIGHT.lineHighlight,
|
|
'editorLineNumber.foreground': LIGHT.lineNumber,
|
|
'editorLineNumber.activeForeground': LIGHT.lineNumberActive,
|
|
'diffEditor.insertedTextBackground': DIFF_COLORS.additionTextBg,
|
|
'diffEditor.removedTextBackground': DIFF_COLORS.deletionTextBg,
|
|
'diffEditor.insertedLineBackground': DIFF_COLORS.additionLineBg,
|
|
'diffEditor.removedLineBackground': DIFF_COLORS.deletionLineBg,
|
|
},
|
|
};
|
|
|
|
export const EDITOR_FONT_FAMILY = FONT.mono;
|
|
export const EDITOR_FONT_SIZE = FONT.size;
|
|
export const EDITOR_LINE_HEIGHT = FONT.lineHeight;
|