mirror of
https://github.com/csunny/DB-GPT.git
synced 2025-09-08 12:30:14 +00:00
Feat: support oceanbase monaco plugin (#1386)
This commit is contained in:
Xiao Kang
GitHub
@@ -1,10 +1,10 @@
|
||||
import { ChangeEvent, Key, useEffect, useMemo, useState } from 'react';
|
||||
import React, { ChangeEvent, Key, useEffect, useMemo, useState } from 'react';
|
||||
import { useRequest } from 'ahooks';
|
||||
import { Button, Select, Table, Tooltip } from 'antd';
|
||||
import { Input, Tree } from 'antd';
|
||||
import Icon from '@ant-design/icons';
|
||||
import type { DataNode } from 'antd/es/tree';
|
||||
import MonacoEditor from './monaco-editor';
|
||||
import MonacoEditor, { ISession } from './monaco-editor';
|
||||
import { sendGetRequest, sendSpacePostRequest } from '@/utils/request';
|
||||
import { useSearchParams } from 'next/navigation';
|
||||
import { OnChange } from '@monaco-editor/react';
|
||||
@@ -45,6 +45,7 @@ interface IProps {
|
||||
chartData?: any;
|
||||
tableData?: ITableData;
|
||||
layout?: 'TB' | 'LR';
|
||||
tables?: any;
|
||||
handleChange: OnChange;
|
||||
}
|
||||
|
||||
@@ -58,7 +59,7 @@ interface ITableTreeItem {
|
||||
children: Array<ITableTreeItem>;
|
||||
}
|
||||
|
||||
function DbEditorContent({ layout = 'LR', editorValue, chartData, tableData, handleChange }: IProps) {
|
||||
function DbEditorContent({ layout = 'LR', editorValue, chartData, tableData, tables, handleChange }: IProps) {
|
||||
const chartWrapper = useMemo(() => {
|
||||
if (!chartData) return null;
|
||||
|
||||
@@ -86,9 +87,36 @@ function DbEditorContent({ layout = 'LR', editorValue, chartData, tableData, han
|
||||
return {
|
||||
columns: tbCols,
|
||||
dataSource: tbDatas,
|
||||
|
||||
};
|
||||
}, [tableData]);
|
||||
|
||||
const session: ISession = useMemo(() => {
|
||||
const map: Record<string, { columnName: string; columnType: string; }[]> = {};
|
||||
const db = tables?.data;
|
||||
const tableList = db?.children;
|
||||
tableList?.forEach((table: ITableTreeItem) => {
|
||||
map[table.title] = table.children.map((column: ITableTreeItem) => {
|
||||
return {
|
||||
columnName: column.title,
|
||||
columnType: column.type,
|
||||
};
|
||||
})
|
||||
});
|
||||
return {
|
||||
async getTableList(schemaName) {
|
||||
if (schemaName && schemaName!== db?.title) {
|
||||
return [];
|
||||
}
|
||||
return tableList?.map((table: ITableTreeItem) => table.title) || [];
|
||||
},
|
||||
async getTableColumns(tableName) {
|
||||
return map[tableName] || [];
|
||||
},
|
||||
async getSchemaList() {
|
||||
return db?.title ? [db?.title] : [];
|
||||
}
|
||||
};
|
||||
}, [tables])
|
||||
return (
|
||||
<div
|
||||
className={classNames('flex w-full flex-1 h-full gap-2 overflow-hidden', {
|
||||
@@ -97,7 +125,7 @@ function DbEditorContent({ layout = 'LR', editorValue, chartData, tableData, han
|
||||
})}
|
||||
>
|
||||
<div className="flex-1 flex overflow-hidden rounded">
|
||||
<MonacoEditor value={editorValue?.sql || ''} language="mysql" onChange={handleChange} thoughts={editorValue?.thoughts || ''} />
|
||||
<MonacoEditor value={editorValue?.sql || ''} language="mysql" onChange={handleChange} thoughts={editorValue?.thoughts || ''} session={session} />
|
||||
</div>
|
||||
<div className="flex-1 h-full overflow-auto bg-white dark:bg-theme-dark-container rounded p-4">
|
||||
{!!tableData?.values.length ? (
|
||||
@@ -626,6 +654,7 @@ function DbEditor() {
|
||||
}}
|
||||
tableData={tableData}
|
||||
chartData={undefined}
|
||||
tables={tables}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
|
||||
@@ -1,25 +1,38 @@
|
||||
import * as monaco from 'monaco-editor';
|
||||
import * as monaco from 'monaco-editor/esm/vs/editor/editor.api.js';
|
||||
import Editor, { OnChange, loader } from '@monaco-editor/react';
|
||||
import classNames from 'classnames';
|
||||
import { useContext, useMemo } from 'react';
|
||||
import { format } from 'sql-formatter';
|
||||
import { ChatContext } from '@/app/chat-context';
|
||||
import { formatSql } from '@/utils';
|
||||
import { getModelService } from './ob-editor/service';
|
||||
import { useLatest } from 'ahooks';
|
||||
import { ChatContext } from '@/app/chat-context';
|
||||
import { github, githubDark } from './ob-editor/theme';
|
||||
import { register } from './ob-editor/ob-plugin';
|
||||
|
||||
loader.config({ monaco });
|
||||
|
||||
export interface ISession {
|
||||
getTableList: (schemaName?: string) => Promise<string[]>;
|
||||
getTableColumns: (tableName: string) => Promise<{ columnName: string; columnType: string }[]>;
|
||||
getSchemaList: () => Promise<string[]>;
|
||||
}
|
||||
|
||||
interface MonacoEditorProps {
|
||||
className?: string;
|
||||
value: string;
|
||||
language: string;
|
||||
onChange?: OnChange;
|
||||
thoughts?: string;
|
||||
session?: ISession;
|
||||
|
||||
}
|
||||
|
||||
export default function MonacoEditor({ className, value, language = 'mysql', onChange, thoughts }: MonacoEditorProps) {
|
||||
// merge value and thoughts
|
||||
const { mode } = useContext(ChatContext);
|
||||
let plugin = null;
|
||||
monaco.editor.defineTheme('github', github as any);
|
||||
monaco.editor.defineTheme('githubDark', githubDark as any);
|
||||
|
||||
export default function MonacoEditor({ className, value, language = 'mysql', onChange, thoughts, session }: MonacoEditorProps) {
|
||||
// merge value and thoughts
|
||||
const editorValue = useMemo(() => {
|
||||
if (language !== 'mysql') {
|
||||
return value;
|
||||
@@ -30,14 +43,34 @@ export default function MonacoEditor({ className, value, language = 'mysql', onC
|
||||
return formatSql(value);
|
||||
}, [value, thoughts]);
|
||||
|
||||
const sessionRef = useLatest(session);
|
||||
|
||||
const context = useContext(ChatContext);
|
||||
|
||||
async function pluginRegister(editor: monaco.editor.IStandaloneCodeEditor) {
|
||||
const plugin = await register()
|
||||
plugin.setModelOptions(
|
||||
editor.getModel()?.id || '',
|
||||
getModelService({
|
||||
modelId: editor.getModel()?.id || '',
|
||||
delimiter: ';',
|
||||
}, () => sessionRef.current || null)
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
return (
|
||||
<Editor
|
||||
className={classNames(className)}
|
||||
onMount={pluginRegister}
|
||||
value={editorValue}
|
||||
language={language}
|
||||
defaultLanguage={language}
|
||||
onChange={onChange}
|
||||
theme={mode === 'dark' ? 'vs-dark' : 'light'}
|
||||
theme={context?.mode !== "dark" ? "github" : "githubDark"}
|
||||
options={{
|
||||
minimap: {
|
||||
enabled: false,
|
||||
},
|
||||
wordWrap: 'on',
|
||||
}}
|
||||
/>
|
||||
|
||||
31
web/components/chat/ob-editor/ob-plugin.ts
Normal file
31
web/components/chat/ob-editor/ob-plugin.ts
Normal file
@@ -0,0 +1,31 @@
|
||||
|
||||
import type Plugin from '@oceanbase-odc/monaco-plugin-ob';
|
||||
|
||||
let plugin: Plugin;
|
||||
|
||||
export async function register(): Promise<Plugin> {
|
||||
window.obMonaco = {
|
||||
getWorkerUrl: (type: string) => {
|
||||
switch (type) {
|
||||
case 'mysql': {
|
||||
return location.origin + '/_next/static/ob-workers/mysql.js'
|
||||
}
|
||||
case 'obmysql': {
|
||||
return location.origin + '/_next/static/ob-workers/obmysql.js'
|
||||
}
|
||||
case 'oboracle': {
|
||||
return location.origin + '/_next/static/ob-workers/oracle.js'
|
||||
}
|
||||
}
|
||||
return "";
|
||||
}
|
||||
}
|
||||
const module = await import('@oceanbase-odc/monaco-plugin-ob')
|
||||
const Plugin = module.default;
|
||||
if (plugin) {
|
||||
return plugin;
|
||||
}
|
||||
plugin = new Plugin();
|
||||
plugin.setup(["mysql"]);
|
||||
return plugin;
|
||||
}
|
||||
21
web/components/chat/ob-editor/service.ts
Normal file
21
web/components/chat/ob-editor/service.ts
Normal file
@@ -0,0 +1,21 @@
|
||||
import type { IModelOptions } from '@oceanbase-odc/monaco-plugin-ob/dist/type';
|
||||
import { ISession } from '../monaco-editor';
|
||||
|
||||
|
||||
export function getModelService(
|
||||
{ modelId, delimiter }: { modelId: string; delimiter: string },
|
||||
session?: () => ISession | null
|
||||
): IModelOptions {
|
||||
return {
|
||||
delimiter,
|
||||
async getTableList(schemaName?: string) {
|
||||
return session?.()?.getTableList(schemaName) || []
|
||||
},
|
||||
async getTableColumns(tableName: string, dbName?: string) {
|
||||
return session?.()?.getTableColumns(tableName) || []
|
||||
},
|
||||
async getSchemaList() {
|
||||
return session?.()?.getSchemaList() || []
|
||||
},
|
||||
};
|
||||
}
|
||||
698
web/components/chat/ob-editor/theme.ts
Normal file
698
web/components/chat/ob-editor/theme.ts
Normal file
@@ -0,0 +1,698 @@
|
||||
export const github = {
|
||||
base: 'vs',
|
||||
inherit: true,
|
||||
rules: [
|
||||
{
|
||||
background: 'ffffff',
|
||||
token: '',
|
||||
},
|
||||
{
|
||||
foreground: '6a737d',
|
||||
token: 'comment',
|
||||
},
|
||||
{
|
||||
foreground: '6a737d',
|
||||
token: 'punctuation.definition.comment',
|
||||
},
|
||||
{
|
||||
foreground: '6a737d',
|
||||
token: 'string.comment',
|
||||
},
|
||||
{
|
||||
foreground: '005cc5',
|
||||
token: 'constant',
|
||||
},
|
||||
{
|
||||
foreground: '005cc5',
|
||||
token: 'entity.name.constant',
|
||||
},
|
||||
{
|
||||
foreground: '005cc5',
|
||||
token: 'variable.other.constant',
|
||||
},
|
||||
{
|
||||
foreground: '005cc5',
|
||||
token: 'variable.language',
|
||||
},
|
||||
{
|
||||
foreground: '6f42c1',
|
||||
token: 'entity',
|
||||
},
|
||||
{
|
||||
foreground: '6f42c1',
|
||||
token: 'entity.name',
|
||||
},
|
||||
{
|
||||
foreground: '24292e',
|
||||
token: 'variable.parameter.function',
|
||||
},
|
||||
{
|
||||
foreground: '22863a',
|
||||
token: 'entity.name.tag',
|
||||
},
|
||||
{
|
||||
foreground: 'd73a49',
|
||||
token: 'keyword',
|
||||
},
|
||||
{
|
||||
foreground: 'd73a49',
|
||||
token: 'storage',
|
||||
},
|
||||
{
|
||||
foreground: 'd73a49',
|
||||
token: 'storage.type',
|
||||
},
|
||||
{
|
||||
foreground: '24292e',
|
||||
token: 'storage.modifier.package',
|
||||
},
|
||||
{
|
||||
foreground: '24292e',
|
||||
token: 'storage.modifier.import',
|
||||
},
|
||||
{
|
||||
foreground: '24292e',
|
||||
token: 'storage.type.java',
|
||||
},
|
||||
{
|
||||
foreground: '032f62',
|
||||
token: 'string',
|
||||
},
|
||||
{
|
||||
foreground: '032f62',
|
||||
token: 'punctuation.definition.string',
|
||||
},
|
||||
{
|
||||
foreground: '032f62',
|
||||
token: 'string punctuation.section.embedded source',
|
||||
},
|
||||
{
|
||||
foreground: '005cc5',
|
||||
token: 'support',
|
||||
},
|
||||
{
|
||||
foreground: '005cc5',
|
||||
token: 'meta.property-name',
|
||||
},
|
||||
{
|
||||
foreground: 'e36209',
|
||||
token: 'variable',
|
||||
},
|
||||
{
|
||||
foreground: '24292e',
|
||||
token: 'variable.other',
|
||||
},
|
||||
{
|
||||
foreground: 'b31d28',
|
||||
fontStyle: 'bold italic underline',
|
||||
token: 'invalid.broken',
|
||||
},
|
||||
{
|
||||
foreground: 'b31d28',
|
||||
fontStyle: 'bold italic underline',
|
||||
token: 'invalid.deprecated',
|
||||
},
|
||||
{
|
||||
foreground: 'fafbfc',
|
||||
background: 'b31d28',
|
||||
fontStyle: 'italic underline',
|
||||
token: 'invalid.illegal',
|
||||
},
|
||||
{
|
||||
foreground: 'fafbfc',
|
||||
background: 'd73a49',
|
||||
fontStyle: 'italic underline',
|
||||
token: 'carriage-return',
|
||||
},
|
||||
{
|
||||
foreground: 'b31d28',
|
||||
fontStyle: 'bold italic underline',
|
||||
token: 'invalid.unimplemented',
|
||||
},
|
||||
{
|
||||
foreground: 'b31d28',
|
||||
token: 'message.error',
|
||||
},
|
||||
{
|
||||
foreground: '24292e',
|
||||
token: 'string source',
|
||||
},
|
||||
{
|
||||
foreground: '005cc5',
|
||||
token: 'string variable',
|
||||
},
|
||||
{
|
||||
foreground: '032f62',
|
||||
token: 'source.regexp',
|
||||
},
|
||||
{
|
||||
foreground: '032f62',
|
||||
token: 'string.regexp',
|
||||
},
|
||||
{
|
||||
foreground: '032f62',
|
||||
token: 'string.regexp.character-class',
|
||||
},
|
||||
{
|
||||
foreground: '032f62',
|
||||
token: 'string.regexp constant.character.escape',
|
||||
},
|
||||
{
|
||||
foreground: '032f62',
|
||||
token: 'string.regexp source.ruby.embedded',
|
||||
},
|
||||
{
|
||||
foreground: '032f62',
|
||||
token: 'string.regexp string.regexp.arbitrary-repitition',
|
||||
},
|
||||
{
|
||||
foreground: '22863a',
|
||||
fontStyle: 'bold',
|
||||
token: 'string.regexp constant.character.escape',
|
||||
},
|
||||
{
|
||||
foreground: '005cc5',
|
||||
token: 'support.constant',
|
||||
},
|
||||
{
|
||||
foreground: '005cc5',
|
||||
token: 'support.variable',
|
||||
},
|
||||
{
|
||||
foreground: '005cc5',
|
||||
token: 'meta.module-reference',
|
||||
},
|
||||
{
|
||||
foreground: '735c0f',
|
||||
token: 'markup.list',
|
||||
},
|
||||
{
|
||||
foreground: '005cc5',
|
||||
fontStyle: 'bold',
|
||||
token: 'markup.heading',
|
||||
},
|
||||
{
|
||||
foreground: '005cc5',
|
||||
fontStyle: 'bold',
|
||||
token: 'markup.heading entity.name',
|
||||
},
|
||||
{
|
||||
foreground: '22863a',
|
||||
token: 'markup.quote',
|
||||
},
|
||||
{
|
||||
foreground: '24292e',
|
||||
fontStyle: 'italic',
|
||||
token: 'markup.italic',
|
||||
},
|
||||
{
|
||||
foreground: '24292e',
|
||||
fontStyle: 'bold',
|
||||
token: 'markup.bold',
|
||||
},
|
||||
{
|
||||
foreground: '005cc5',
|
||||
token: 'markup.raw',
|
||||
},
|
||||
{
|
||||
foreground: 'b31d28',
|
||||
background: 'ffeef0',
|
||||
token: 'markup.deleted',
|
||||
},
|
||||
{
|
||||
foreground: 'b31d28',
|
||||
background: 'ffeef0',
|
||||
token: 'meta.diff.header.from-file',
|
||||
},
|
||||
{
|
||||
foreground: 'b31d28',
|
||||
background: 'ffeef0',
|
||||
token: 'punctuation.definition.deleted',
|
||||
},
|
||||
{
|
||||
foreground: '22863a',
|
||||
background: 'f0fff4',
|
||||
token: 'markup.inserted',
|
||||
},
|
||||
{
|
||||
foreground: '22863a',
|
||||
background: 'f0fff4',
|
||||
token: 'meta.diff.header.to-file',
|
||||
},
|
||||
{
|
||||
foreground: '22863a',
|
||||
background: 'f0fff4',
|
||||
token: 'punctuation.definition.inserted',
|
||||
},
|
||||
{
|
||||
foreground: 'e36209',
|
||||
background: 'ffebda',
|
||||
token: 'markup.changed',
|
||||
},
|
||||
{
|
||||
foreground: 'e36209',
|
||||
background: 'ffebda',
|
||||
token: 'punctuation.definition.changed',
|
||||
},
|
||||
{
|
||||
foreground: 'f6f8fa',
|
||||
background: '005cc5',
|
||||
token: 'markup.ignored',
|
||||
},
|
||||
{
|
||||
foreground: 'f6f8fa',
|
||||
background: '005cc5',
|
||||
token: 'markup.untracked',
|
||||
},
|
||||
{
|
||||
foreground: '6f42c1',
|
||||
fontStyle: 'bold',
|
||||
token: 'meta.diff.range',
|
||||
},
|
||||
{
|
||||
foreground: '005cc5',
|
||||
token: 'meta.diff.header',
|
||||
},
|
||||
{
|
||||
foreground: '005cc5',
|
||||
fontStyle: 'bold',
|
||||
token: 'meta.separator',
|
||||
},
|
||||
{
|
||||
foreground: '005cc5',
|
||||
token: 'meta.output',
|
||||
},
|
||||
{
|
||||
foreground: '586069',
|
||||
token: 'brackethighlighter.tag',
|
||||
},
|
||||
{
|
||||
foreground: '586069',
|
||||
token: 'brackethighlighter.curly',
|
||||
},
|
||||
{
|
||||
foreground: '586069',
|
||||
token: 'brackethighlighter.round',
|
||||
},
|
||||
{
|
||||
foreground: '586069',
|
||||
token: 'brackethighlighter.square',
|
||||
},
|
||||
{
|
||||
foreground: '586069',
|
||||
token: 'brackethighlighter.angle',
|
||||
},
|
||||
{
|
||||
foreground: '586069',
|
||||
token: 'brackethighlighter.quote',
|
||||
},
|
||||
{
|
||||
foreground: 'b31d28',
|
||||
token: 'brackethighlighter.unmatched',
|
||||
},
|
||||
{
|
||||
foreground: 'b31d28',
|
||||
token: 'sublimelinter.mark.error',
|
||||
},
|
||||
{
|
||||
foreground: 'e36209',
|
||||
token: 'sublimelinter.mark.warning',
|
||||
},
|
||||
{
|
||||
foreground: '959da5',
|
||||
token: 'sublimelinter.gutter-mark',
|
||||
},
|
||||
{
|
||||
foreground: '032f62',
|
||||
fontStyle: 'underline',
|
||||
token: 'constant.other.reference.link',
|
||||
},
|
||||
{
|
||||
foreground: '032f62',
|
||||
fontStyle: 'underline',
|
||||
token: 'string.other.link',
|
||||
},
|
||||
],
|
||||
colors: {
|
||||
'editor.foreground': '#24292e',
|
||||
'editor.background': '#ffffff',
|
||||
'editor.selectionBackground': '#c8c8fa',
|
||||
'editor.inactiveSelectionBackground': '#fafbfc',
|
||||
'editor.lineHighlightBackground': '#fafbfc',
|
||||
'editorCursor.foreground': '#24292e',
|
||||
'editorWhitespace.foreground': '#959da5',
|
||||
'editorIndentGuide.background': '#959da5',
|
||||
'editorIndentGuide.activeBackground': '#24292e',
|
||||
'editor.selectionHighlightBorder': '#fafbfc',
|
||||
},
|
||||
};
|
||||
|
||||
export const githubDark = {
|
||||
base: 'vs-dark',
|
||||
inherit: true,
|
||||
rules: [
|
||||
{
|
||||
background: '24292e',
|
||||
token: '',
|
||||
},
|
||||
{
|
||||
foreground: '959da5',
|
||||
token: 'comment',
|
||||
},
|
||||
{
|
||||
foreground: '959da5',
|
||||
token: 'punctuation.definition.comment',
|
||||
},
|
||||
{
|
||||
foreground: '959da5',
|
||||
token: 'string.comment',
|
||||
},
|
||||
{
|
||||
foreground: 'c8e1ff',
|
||||
token: 'constant',
|
||||
},
|
||||
{
|
||||
foreground: 'c8e1ff',
|
||||
token: 'entity.name.constant',
|
||||
},
|
||||
{
|
||||
foreground: 'c8e1ff',
|
||||
token: 'variable.other.constant',
|
||||
},
|
||||
{
|
||||
foreground: 'c8e1ff',
|
||||
token: 'variable.language',
|
||||
},
|
||||
{
|
||||
foreground: 'b392f0',
|
||||
token: 'entity',
|
||||
},
|
||||
{
|
||||
foreground: 'b392f0',
|
||||
token: 'entity.name',
|
||||
},
|
||||
{
|
||||
foreground: 'f6f8fa',
|
||||
token: 'variable.parameter.function',
|
||||
},
|
||||
{
|
||||
foreground: '7bcc72',
|
||||
token: 'entity.name.tag',
|
||||
},
|
||||
{
|
||||
foreground: 'ea4a5a',
|
||||
token: 'keyword',
|
||||
},
|
||||
{
|
||||
foreground: 'ea4a5a',
|
||||
token: 'storage',
|
||||
},
|
||||
{
|
||||
foreground: 'ea4a5a',
|
||||
token: 'storage.type',
|
||||
},
|
||||
{
|
||||
foreground: 'f6f8fa',
|
||||
token: 'storage.modifier.package',
|
||||
},
|
||||
{
|
||||
foreground: 'f6f8fa',
|
||||
token: 'storage.modifier.import',
|
||||
},
|
||||
{
|
||||
foreground: 'f6f8fa',
|
||||
token: 'storage.type.java',
|
||||
},
|
||||
{
|
||||
foreground: '79b8ff',
|
||||
token: 'string',
|
||||
},
|
||||
{
|
||||
foreground: '79b8ff',
|
||||
token: 'punctuation.definition.string',
|
||||
},
|
||||
{
|
||||
foreground: '79b8ff',
|
||||
token: 'string punctuation.section.embedded source',
|
||||
},
|
||||
{
|
||||
foreground: 'c8e1ff',
|
||||
token: 'support',
|
||||
},
|
||||
{
|
||||
foreground: 'c8e1ff',
|
||||
token: 'meta.property-name',
|
||||
},
|
||||
{
|
||||
foreground: 'fb8532',
|
||||
token: 'variable',
|
||||
},
|
||||
{
|
||||
foreground: 'f6f8fa',
|
||||
token: 'variable.other',
|
||||
},
|
||||
{
|
||||
foreground: 'd73a49',
|
||||
fontStyle: 'bold italic underline',
|
||||
token: 'invalid.broken',
|
||||
},
|
||||
{
|
||||
foreground: 'd73a49',
|
||||
fontStyle: 'bold italic underline',
|
||||
token: 'invalid.deprecated',
|
||||
},
|
||||
{
|
||||
foreground: 'fafbfc',
|
||||
background: 'd73a49',
|
||||
fontStyle: 'italic underline',
|
||||
token: 'invalid.illegal',
|
||||
},
|
||||
{
|
||||
foreground: 'fafbfc',
|
||||
background: 'd73a49',
|
||||
fontStyle: 'italic underline',
|
||||
token: 'carriage-return',
|
||||
},
|
||||
{
|
||||
foreground: 'd73a49',
|
||||
fontStyle: 'bold italic underline',
|
||||
token: 'invalid.unimplemented',
|
||||
},
|
||||
{
|
||||
foreground: 'd73a49',
|
||||
token: 'message.error',
|
||||
},
|
||||
{
|
||||
foreground: 'f6f8fa',
|
||||
token: 'string source',
|
||||
},
|
||||
{
|
||||
foreground: 'c8e1ff',
|
||||
token: 'string variable',
|
||||
},
|
||||
{
|
||||
foreground: '79b8ff',
|
||||
token: 'source.regexp',
|
||||
},
|
||||
{
|
||||
foreground: '79b8ff',
|
||||
token: 'string.regexp',
|
||||
},
|
||||
{
|
||||
foreground: '79b8ff',
|
||||
token: 'string.regexp.character-class',
|
||||
},
|
||||
{
|
||||
foreground: '79b8ff',
|
||||
token: 'string.regexp constant.character.escape',
|
||||
},
|
||||
{
|
||||
foreground: '79b8ff',
|
||||
token: 'string.regexp source.ruby.embedded',
|
||||
},
|
||||
{
|
||||
foreground: '79b8ff',
|
||||
token: 'string.regexp string.regexp.arbitrary-repitition',
|
||||
},
|
||||
{
|
||||
foreground: '7bcc72',
|
||||
fontStyle: 'bold',
|
||||
token: 'string.regexp constant.character.escape',
|
||||
},
|
||||
{
|
||||
foreground: 'c8e1ff',
|
||||
token: 'support.constant',
|
||||
},
|
||||
{
|
||||
foreground: 'c8e1ff',
|
||||
token: 'support.variable',
|
||||
},
|
||||
{
|
||||
foreground: 'c8e1ff',
|
||||
token: 'meta.module-reference',
|
||||
},
|
||||
{
|
||||
foreground: 'fb8532',
|
||||
token: 'markup.list',
|
||||
},
|
||||
{
|
||||
foreground: '0366d6',
|
||||
fontStyle: 'bold',
|
||||
token: 'markup.heading',
|
||||
},
|
||||
{
|
||||
foreground: '0366d6',
|
||||
fontStyle: 'bold',
|
||||
token: 'markup.heading entity.name',
|
||||
},
|
||||
{
|
||||
foreground: 'c8e1ff',
|
||||
token: 'markup.quote',
|
||||
},
|
||||
{
|
||||
foreground: 'f6f8fa',
|
||||
fontStyle: 'italic',
|
||||
token: 'markup.italic',
|
||||
},
|
||||
{
|
||||
foreground: 'f6f8fa',
|
||||
fontStyle: 'bold',
|
||||
token: 'markup.bold',
|
||||
},
|
||||
{
|
||||
foreground: 'c8e1ff',
|
||||
token: 'markup.raw',
|
||||
},
|
||||
{
|
||||
foreground: 'b31d28',
|
||||
background: 'ffeef0',
|
||||
token: 'markup.deleted',
|
||||
},
|
||||
{
|
||||
foreground: 'b31d28',
|
||||
background: 'ffeef0',
|
||||
token: 'meta.diff.header.from-file',
|
||||
},
|
||||
{
|
||||
foreground: 'b31d28',
|
||||
background: 'ffeef0',
|
||||
token: 'punctuation.definition.deleted',
|
||||
},
|
||||
{
|
||||
foreground: '176f2c',
|
||||
background: 'f0fff4',
|
||||
token: 'markup.inserted',
|
||||
},
|
||||
{
|
||||
foreground: '176f2c',
|
||||
background: 'f0fff4',
|
||||
token: 'meta.diff.header.to-file',
|
||||
},
|
||||
{
|
||||
foreground: '176f2c',
|
||||
background: 'f0fff4',
|
||||
token: 'punctuation.definition.inserted',
|
||||
},
|
||||
{
|
||||
foreground: 'b08800',
|
||||
background: 'fffdef',
|
||||
token: 'markup.changed',
|
||||
},
|
||||
{
|
||||
foreground: 'b08800',
|
||||
background: 'fffdef',
|
||||
token: 'punctuation.definition.changed',
|
||||
},
|
||||
{
|
||||
foreground: '2f363d',
|
||||
background: '959da5',
|
||||
token: 'markup.ignored',
|
||||
},
|
||||
{
|
||||
foreground: '2f363d',
|
||||
background: '959da5',
|
||||
token: 'markup.untracked',
|
||||
},
|
||||
{
|
||||
foreground: 'b392f0',
|
||||
fontStyle: 'bold',
|
||||
token: 'meta.diff.range',
|
||||
},
|
||||
{
|
||||
foreground: 'c8e1ff',
|
||||
token: 'meta.diff.header',
|
||||
},
|
||||
{
|
||||
foreground: '0366d6',
|
||||
fontStyle: 'bold',
|
||||
token: 'meta.separator',
|
||||
},
|
||||
{
|
||||
foreground: '0366d6',
|
||||
token: 'meta.output',
|
||||
},
|
||||
{
|
||||
foreground: 'ffeef0',
|
||||
token: 'brackethighlighter.tag',
|
||||
},
|
||||
{
|
||||
foreground: 'ffeef0',
|
||||
token: 'brackethighlighter.curly',
|
||||
},
|
||||
{
|
||||
foreground: 'ffeef0',
|
||||
token: 'brackethighlighter.round',
|
||||
},
|
||||
{
|
||||
foreground: 'ffeef0',
|
||||
token: 'brackethighlighter.square',
|
||||
},
|
||||
{
|
||||
foreground: 'ffeef0',
|
||||
token: 'brackethighlighter.angle',
|
||||
},
|
||||
{
|
||||
foreground: 'ffeef0',
|
||||
token: 'brackethighlighter.quote',
|
||||
},
|
||||
{
|
||||
foreground: 'd73a49',
|
||||
token: 'brackethighlighter.unmatched',
|
||||
},
|
||||
{
|
||||
foreground: 'd73a49',
|
||||
token: 'sublimelinter.mark.error',
|
||||
},
|
||||
{
|
||||
foreground: 'fb8532',
|
||||
token: 'sublimelinter.mark.warning',
|
||||
},
|
||||
{
|
||||
foreground: '6a737d',
|
||||
token: 'sublimelinter.gutter-mark',
|
||||
},
|
||||
{
|
||||
foreground: '79b8ff',
|
||||
fontStyle: 'underline',
|
||||
token: 'constant.other.reference.link',
|
||||
},
|
||||
{
|
||||
foreground: '79b8ff',
|
||||
fontStyle: 'underline',
|
||||
token: 'string.other.link',
|
||||
},
|
||||
],
|
||||
colors: {
|
||||
'editor.foreground': '#f6f8fa',
|
||||
'editor.background': '#24292e',
|
||||
'editor.selectionBackground': '#4c2889',
|
||||
'editor.inactiveSelectionBackground': '#444d56',
|
||||
'editor.lineHighlightBackground': '#444d56',
|
||||
'editorCursor.foreground': '#ffffff',
|
||||
'editorWhitespace.foreground': '#6a737d',
|
||||
'editorIndentGuide.background': '#6a737d',
|
||||
'editorIndentGuide.activeBackground': '#f6f8fa',
|
||||
'editor.selectionHighlightBorder': '#444d56',
|
||||
},
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user