mirror of
https://github.com/nocodb/nocodb.git
synced 2026-05-01 05:16:54 +00:00
50 lines
1.9 KiB
TypeScript
50 lines
1.9 KiB
TypeScript
import type { editor } from 'monaco-editor'
|
|
|
|
export const jsonThemeLight: editor.IStandaloneThemeData = {
|
|
base: 'vs',
|
|
inherit: true,
|
|
rules: [
|
|
{ token: 'key', foreground: '#B33771', fontStyle: 'bold' },
|
|
{ token: 'string', foreground: '#2B99CC', fontStyle: 'semibold' },
|
|
{ token: 'number', foreground: '#1FAB51', fontStyle: 'semibold' },
|
|
{ token: 'boolean', foreground: '#1FAB51', fontStyle: 'semibold' },
|
|
{ token: 'delimiter', foreground: '#15171A', fontStyle: 'semibold' },
|
|
],
|
|
colors: {
|
|
'editor.background': '#FFFFFF',
|
|
'editor.foreground': '#1A1A1A', // darker for contrast
|
|
'editorCursor.foreground': '#2B99CC', // matches string accent
|
|
'editor.selectionBackground': '#2B99CC33',
|
|
'editor.lineHighlightBackground': '#00000008',
|
|
'editorLineNumber.foreground': '#A0A0A0',
|
|
'editorLineNumber.activeForeground': '#2B99CC',
|
|
'editorIndentGuide.background': '#E0E0E0',
|
|
'editorIndentGuide.activeBackground': '#C0C0C0',
|
|
'focusBorder': '#00000010',
|
|
},
|
|
}
|
|
|
|
export const jsonThemeDark: editor.IStandaloneThemeData = {
|
|
base: 'vs-dark',
|
|
inherit: true,
|
|
rules: [
|
|
{ token: 'key', foreground: '#FF77AA', fontStyle: 'bold' }, // brightened for dark bg
|
|
{ token: 'string', foreground: '#66D1FF', fontStyle: 'semibold' },
|
|
{ token: 'number', foreground: '#4DE68A', fontStyle: 'semibold' },
|
|
{ token: 'boolean', foreground: '#4DE68A', fontStyle: 'semibold' },
|
|
{ token: 'delimiter', foreground: '#E6E6E6', fontStyle: 'semibold' },
|
|
],
|
|
colors: {
|
|
'editor.background': '#171717',
|
|
'editor.foreground': '#ECECEC',
|
|
'editorCursor.foreground': '#66D1FF',
|
|
'editor.selectionBackground': '#66D1FF33',
|
|
'editor.lineHighlightBackground': '#FFFFFF08',
|
|
'editorLineNumber.foreground': '#5A5A5A',
|
|
'editorLineNumber.activeForeground': '#66D1FF',
|
|
'editorIndentGuide.background': '#2A2A2A',
|
|
'editorIndentGuide.activeBackground': '#3A3A3A',
|
|
'focusBorder': '#FFFFFF10',
|
|
},
|
|
}
|