Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@uiw/codemirror-theme-vscode

Package Overview
Dependencies
Maintainers
2
Versions
71
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@uiw/codemirror-theme-vscode - npm Package Compare versions

Comparing version 4.22.2 to 4.23.0

3

cjs/dark.d.ts

@@ -1,4 +0,5 @@

import { CreateThemeOptions } from '@uiw/codemirror-themes';
import { type CreateThemeOptions } from '@uiw/codemirror-themes';
export declare const defaultSettingsVscodeDark: CreateThemeOptions['settings'];
export declare const vscodeDarkStyle: CreateThemeOptions['styles'];
export declare function vscodeDarkInit(options?: Partial<CreateThemeOptions>): import("@codemirror/state").Extension;
export declare const vscodeDark: import("@codemirror/state").Extension;

@@ -9,2 +9,3 @@ "use strict";

exports.vscodeDarkInit = vscodeDarkInit;
exports.vscodeDarkStyle = void 0;
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));

@@ -30,2 +31,56 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));

};
var vscodeDarkStyle = exports.vscodeDarkStyle = [{
tag: [_highlight.tags.keyword, _highlight.tags.operatorKeyword, _highlight.tags.modifier, _highlight.tags.color, _highlight.tags.constant(_highlight.tags.name), _highlight.tags.standard(_highlight.tags.name), _highlight.tags.standard(_highlight.tags.tagName), _highlight.tags.special(_highlight.tags.brace), _highlight.tags.atom, _highlight.tags.bool, _highlight.tags.special(_highlight.tags.variableName)],
color: '#569cd6'
}, {
tag: [_highlight.tags.controlKeyword, _highlight.tags.moduleKeyword],
color: '#c586c0'
}, {
tag: [_highlight.tags.name, _highlight.tags.deleted, _highlight.tags.character, _highlight.tags.macroName, _highlight.tags.propertyName, _highlight.tags.variableName, _highlight.tags.labelName, _highlight.tags.definition(_highlight.tags.name)],
color: '#9cdcfe'
}, {
tag: _highlight.tags.heading,
fontWeight: 'bold',
color: '#9cdcfe'
}, {
tag: [_highlight.tags.typeName, _highlight.tags.className, _highlight.tags.tagName, _highlight.tags.number, _highlight.tags.changed, _highlight.tags.annotation, _highlight.tags.self, _highlight.tags.namespace],
color: '#4ec9b0'
}, {
tag: [_highlight.tags["function"](_highlight.tags.variableName), _highlight.tags["function"](_highlight.tags.propertyName)],
color: '#dcdcaa'
}, {
tag: [_highlight.tags.number],
color: '#b5cea8'
}, {
tag: [_highlight.tags.operator, _highlight.tags.punctuation, _highlight.tags.separator, _highlight.tags.url, _highlight.tags.escape, _highlight.tags.regexp],
color: '#d4d4d4'
}, {
tag: [_highlight.tags.regexp],
color: '#d16969'
}, {
tag: [_highlight.tags.special(_highlight.tags.string), _highlight.tags.processingInstruction, _highlight.tags.string, _highlight.tags.inserted],
color: '#ce9178'
}, {
tag: [_highlight.tags.angleBracket],
color: '#808080'
}, {
tag: _highlight.tags.strong,
fontWeight: 'bold'
}, {
tag: _highlight.tags.emphasis,
fontStyle: 'italic'
}, {
tag: _highlight.tags.strikethrough,
textDecoration: 'line-through'
}, {
tag: [_highlight.tags.meta, _highlight.tags.comment],
color: '#6a9955'
}, {
tag: _highlight.tags.link,
color: '#6a9955',
textDecoration: 'underline'
}, {
tag: _highlight.tags.invalid,
color: '#ff0000'
}];
function vscodeDarkInit(options) {

@@ -42,58 +97,5 @@ var _ref = options || {},

settings: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defaultSettingsVscodeDark), settings),
styles: [{
tag: [_highlight.tags.keyword, _highlight.tags.operatorKeyword, _highlight.tags.modifier, _highlight.tags.color, _highlight.tags.constant(_highlight.tags.name), _highlight.tags.standard(_highlight.tags.name), _highlight.tags.standard(_highlight.tags.tagName), _highlight.tags.special(_highlight.tags.brace), _highlight.tags.atom, _highlight.tags.bool, _highlight.tags.special(_highlight.tags.variableName)],
color: '#569cd6'
}, {
tag: [_highlight.tags.controlKeyword, _highlight.tags.moduleKeyword],
color: '#c586c0'
}, {
tag: [_highlight.tags.name, _highlight.tags.deleted, _highlight.tags.character, _highlight.tags.macroName, _highlight.tags.propertyName, _highlight.tags.variableName, _highlight.tags.labelName, _highlight.tags.definition(_highlight.tags.name)],
color: '#9cdcfe'
}, {
tag: _highlight.tags.heading,
fontWeight: 'bold',
color: '#9cdcfe'
}, {
tag: [_highlight.tags.typeName, _highlight.tags.className, _highlight.tags.tagName, _highlight.tags.number, _highlight.tags.changed, _highlight.tags.annotation, _highlight.tags.self, _highlight.tags.namespace],
color: '#4ec9b0'
}, {
tag: [_highlight.tags["function"](_highlight.tags.variableName), _highlight.tags["function"](_highlight.tags.propertyName)],
color: '#dcdcaa'
}, {
tag: [_highlight.tags.number],
color: '#b5cea8'
}, {
tag: [_highlight.tags.operator, _highlight.tags.punctuation, _highlight.tags.separator, _highlight.tags.url, _highlight.tags.escape, _highlight.tags.regexp],
color: '#d4d4d4'
}, {
tag: [_highlight.tags.regexp],
color: '#d16969'
}, {
tag: [_highlight.tags.special(_highlight.tags.string), _highlight.tags.processingInstruction, _highlight.tags.string, _highlight.tags.inserted],
color: '#ce9178'
}, {
tag: [_highlight.tags.angleBracket],
color: '#808080'
}, {
tag: _highlight.tags.strong,
fontWeight: 'bold'
}, {
tag: _highlight.tags.emphasis,
fontStyle: 'italic'
}, {
tag: _highlight.tags.strikethrough,
textDecoration: 'line-through'
}, {
tag: [_highlight.tags.meta, _highlight.tags.comment],
color: '#6a9955'
}, {
tag: _highlight.tags.link,
color: '#6a9955',
textDecoration: 'underline'
}, {
tag: _highlight.tags.invalid,
color: '#ff0000'
}].concat((0, _toConsumableArray2["default"])(styles))
styles: [].concat(vscodeDarkStyle, (0, _toConsumableArray2["default"])(styles))
});
}
var vscodeDark = exports.vscodeDark = vscodeDarkInit();

@@ -1,4 +0,5 @@

import { CreateThemeOptions } from '@uiw/codemirror-themes';
import { type CreateThemeOptions } from '@uiw/codemirror-themes';
export declare const defaultSettingsVscodeLight: CreateThemeOptions['settings'];
export declare const vscodeLightStyle: CreateThemeOptions['styles'];
export declare function vscodeLightInit(options?: Partial<CreateThemeOptions>): import("@codemirror/state").Extension;
export declare const vscodeLight: import("@codemirror/state").Extension;

@@ -9,2 +9,3 @@ "use strict";

exports.vscodeLightInit = vscodeLightInit;
exports.vscodeLightStyle = void 0;
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));

@@ -30,2 +31,56 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));

};
var vscodeLightStyle = exports.vscodeLightStyle = [{
tag: [_highlight.tags.keyword, _highlight.tags.operatorKeyword, _highlight.tags.modifier, _highlight.tags.color, _highlight.tags.constant(_highlight.tags.name), _highlight.tags.standard(_highlight.tags.name), _highlight.tags.standard(_highlight.tags.tagName), _highlight.tags.special(_highlight.tags.brace), _highlight.tags.atom, _highlight.tags.bool, _highlight.tags.special(_highlight.tags.variableName)],
color: '#0000ff'
}, {
tag: [_highlight.tags.moduleKeyword, _highlight.tags.controlKeyword],
color: '#af00db'
}, {
tag: [_highlight.tags.name, _highlight.tags.deleted, _highlight.tags.character, _highlight.tags.macroName, _highlight.tags.propertyName, _highlight.tags.variableName, _highlight.tags.labelName, _highlight.tags.definition(_highlight.tags.name)],
color: '#0070c1'
}, {
tag: _highlight.tags.heading,
fontWeight: 'bold',
color: '#0070c1'
}, {
tag: [_highlight.tags.typeName, _highlight.tags.className, _highlight.tags.tagName, _highlight.tags.number, _highlight.tags.changed, _highlight.tags.annotation, _highlight.tags.self, _highlight.tags.namespace],
color: '#267f99'
}, {
tag: [_highlight.tags["function"](_highlight.tags.variableName), _highlight.tags["function"](_highlight.tags.propertyName)],
color: '#795e26'
}, {
tag: [_highlight.tags.number],
color: '#098658'
}, {
tag: [_highlight.tags.operator, _highlight.tags.punctuation, _highlight.tags.separator, _highlight.tags.url, _highlight.tags.escape, _highlight.tags.regexp],
color: '#383a42'
}, {
tag: [_highlight.tags.regexp],
color: '#af00db'
}, {
tag: [_highlight.tags.special(_highlight.tags.string), _highlight.tags.processingInstruction, _highlight.tags.string, _highlight.tags.inserted],
color: '#a31515'
}, {
tag: [_highlight.tags.angleBracket],
color: '#383a42'
}, {
tag: _highlight.tags.strong,
fontWeight: 'bold'
}, {
tag: _highlight.tags.emphasis,
fontStyle: 'italic'
}, {
tag: _highlight.tags.strikethrough,
textDecoration: 'line-through'
}, {
tag: [_highlight.tags.meta, _highlight.tags.comment],
color: '#008000'
}, {
tag: _highlight.tags.link,
color: '#4078f2',
textDecoration: 'underline'
}, {
tag: _highlight.tags.invalid,
color: '#e45649'
}];
function vscodeLightInit(options) {

@@ -42,58 +97,5 @@ var _ref = options || {},

settings: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defaultSettingsVscodeLight), settings),
styles: [{
tag: [_highlight.tags.keyword, _highlight.tags.operatorKeyword, _highlight.tags.modifier, _highlight.tags.color, _highlight.tags.constant(_highlight.tags.name), _highlight.tags.standard(_highlight.tags.name), _highlight.tags.standard(_highlight.tags.tagName), _highlight.tags.special(_highlight.tags.brace), _highlight.tags.atom, _highlight.tags.bool, _highlight.tags.special(_highlight.tags.variableName)],
color: '#0000ff'
}, {
tag: [_highlight.tags.moduleKeyword, _highlight.tags.controlKeyword],
color: '#af00db'
}, {
tag: [_highlight.tags.name, _highlight.tags.deleted, _highlight.tags.character, _highlight.tags.macroName, _highlight.tags.propertyName, _highlight.tags.variableName, _highlight.tags.labelName, _highlight.tags.definition(_highlight.tags.name)],
color: '#0070c1'
}, {
tag: _highlight.tags.heading,
fontWeight: 'bold',
color: '#0070c1'
}, {
tag: [_highlight.tags.typeName, _highlight.tags.className, _highlight.tags.tagName, _highlight.tags.number, _highlight.tags.changed, _highlight.tags.annotation, _highlight.tags.self, _highlight.tags.namespace],
color: '#267f99'
}, {
tag: [_highlight.tags["function"](_highlight.tags.variableName), _highlight.tags["function"](_highlight.tags.propertyName)],
color: '#795e26'
}, {
tag: [_highlight.tags.number],
color: '#098658'
}, {
tag: [_highlight.tags.operator, _highlight.tags.punctuation, _highlight.tags.separator, _highlight.tags.url, _highlight.tags.escape, _highlight.tags.regexp],
color: '#383a42'
}, {
tag: [_highlight.tags.regexp],
color: '#af00db'
}, {
tag: [_highlight.tags.special(_highlight.tags.string), _highlight.tags.processingInstruction, _highlight.tags.string, _highlight.tags.inserted],
color: '#a31515'
}, {
tag: [_highlight.tags.angleBracket],
color: '#383a42'
}, {
tag: _highlight.tags.strong,
fontWeight: 'bold'
}, {
tag: _highlight.tags.emphasis,
fontStyle: 'italic'
}, {
tag: _highlight.tags.strikethrough,
textDecoration: 'line-through'
}, {
tag: [_highlight.tags.meta, _highlight.tags.comment],
color: '#008000'
}, {
tag: _highlight.tags.link,
color: '#4078f2',
textDecoration: 'underline'
}, {
tag: _highlight.tags.invalid,
color: '#e45649'
}].concat((0, _toConsumableArray2["default"])(styles))
styles: [].concat(vscodeLightStyle, (0, _toConsumableArray2["default"])(styles))
});
}
var vscodeLight = exports.vscodeLight = vscodeLightInit();

@@ -1,4 +0,5 @@

import { CreateThemeOptions } from '@uiw/codemirror-themes';
import { type CreateThemeOptions } from '@uiw/codemirror-themes';
export declare const defaultSettingsVscodeDark: CreateThemeOptions['settings'];
export declare const vscodeDarkStyle: CreateThemeOptions['styles'];
export declare function vscodeDarkInit(options?: Partial<CreateThemeOptions>): import("@codemirror/state").Extension;
export declare const vscodeDark: import("@codemirror/state").Extension;

@@ -19,2 +19,56 @@ import _extends from "@babel/runtime/helpers/extends";

};
export var vscodeDarkStyle = [{
tag: [t.keyword, t.operatorKeyword, t.modifier, t.color, t.constant(t.name), t.standard(t.name), t.standard(t.tagName), t.special(t.brace), t.atom, t.bool, t.special(t.variableName)],
color: '#569cd6'
}, {
tag: [t.controlKeyword, t.moduleKeyword],
color: '#c586c0'
}, {
tag: [t.name, t.deleted, t.character, t.macroName, t.propertyName, t.variableName, t.labelName, t.definition(t.name)],
color: '#9cdcfe'
}, {
tag: t.heading,
fontWeight: 'bold',
color: '#9cdcfe'
}, {
tag: [t.typeName, t.className, t.tagName, t.number, t.changed, t.annotation, t.self, t.namespace],
color: '#4ec9b0'
}, {
tag: [t.function(t.variableName), t.function(t.propertyName)],
color: '#dcdcaa'
}, {
tag: [t.number],
color: '#b5cea8'
}, {
tag: [t.operator, t.punctuation, t.separator, t.url, t.escape, t.regexp],
color: '#d4d4d4'
}, {
tag: [t.regexp],
color: '#d16969'
}, {
tag: [t.special(t.string), t.processingInstruction, t.string, t.inserted],
color: '#ce9178'
}, {
tag: [t.angleBracket],
color: '#808080'
}, {
tag: t.strong,
fontWeight: 'bold'
}, {
tag: t.emphasis,
fontStyle: 'italic'
}, {
tag: t.strikethrough,
textDecoration: 'line-through'
}, {
tag: [t.meta, t.comment],
color: '#6a9955'
}, {
tag: t.link,
color: '#6a9955',
textDecoration: 'underline'
}, {
tag: t.invalid,
color: '#ff0000'
}];
export function vscodeDarkInit(options) {

@@ -29,58 +83,5 @@ var {

settings: _extends({}, defaultSettingsVscodeDark, settings),
styles: [{
tag: [t.keyword, t.operatorKeyword, t.modifier, t.color, t.constant(t.name), t.standard(t.name), t.standard(t.tagName), t.special(t.brace), t.atom, t.bool, t.special(t.variableName)],
color: '#569cd6'
}, {
tag: [t.controlKeyword, t.moduleKeyword],
color: '#c586c0'
}, {
tag: [t.name, t.deleted, t.character, t.macroName, t.propertyName, t.variableName, t.labelName, t.definition(t.name)],
color: '#9cdcfe'
}, {
tag: t.heading,
fontWeight: 'bold',
color: '#9cdcfe'
}, {
tag: [t.typeName, t.className, t.tagName, t.number, t.changed, t.annotation, t.self, t.namespace],
color: '#4ec9b0'
}, {
tag: [t.function(t.variableName), t.function(t.propertyName)],
color: '#dcdcaa'
}, {
tag: [t.number],
color: '#b5cea8'
}, {
tag: [t.operator, t.punctuation, t.separator, t.url, t.escape, t.regexp],
color: '#d4d4d4'
}, {
tag: [t.regexp],
color: '#d16969'
}, {
tag: [t.special(t.string), t.processingInstruction, t.string, t.inserted],
color: '#ce9178'
}, {
tag: [t.angleBracket],
color: '#808080'
}, {
tag: t.strong,
fontWeight: 'bold'
}, {
tag: t.emphasis,
fontStyle: 'italic'
}, {
tag: t.strikethrough,
textDecoration: 'line-through'
}, {
tag: [t.meta, t.comment],
color: '#6a9955'
}, {
tag: t.link,
color: '#6a9955',
textDecoration: 'underline'
}, {
tag: t.invalid,
color: '#ff0000'
}, ...styles]
styles: [...vscodeDarkStyle, ...styles]
});
}
export var vscodeDark = vscodeDarkInit();

@@ -1,4 +0,5 @@

import { CreateThemeOptions } from '@uiw/codemirror-themes';
import { type CreateThemeOptions } from '@uiw/codemirror-themes';
export declare const defaultSettingsVscodeLight: CreateThemeOptions['settings'];
export declare const vscodeLightStyle: CreateThemeOptions['styles'];
export declare function vscodeLightInit(options?: Partial<CreateThemeOptions>): import("@codemirror/state").Extension;
export declare const vscodeLight: import("@codemirror/state").Extension;

@@ -19,2 +19,56 @@ import _extends from "@babel/runtime/helpers/extends";

};
export var vscodeLightStyle = [{
tag: [t.keyword, t.operatorKeyword, t.modifier, t.color, t.constant(t.name), t.standard(t.name), t.standard(t.tagName), t.special(t.brace), t.atom, t.bool, t.special(t.variableName)],
color: '#0000ff'
}, {
tag: [t.moduleKeyword, t.controlKeyword],
color: '#af00db'
}, {
tag: [t.name, t.deleted, t.character, t.macroName, t.propertyName, t.variableName, t.labelName, t.definition(t.name)],
color: '#0070c1'
}, {
tag: t.heading,
fontWeight: 'bold',
color: '#0070c1'
}, {
tag: [t.typeName, t.className, t.tagName, t.number, t.changed, t.annotation, t.self, t.namespace],
color: '#267f99'
}, {
tag: [t.function(t.variableName), t.function(t.propertyName)],
color: '#795e26'
}, {
tag: [t.number],
color: '#098658'
}, {
tag: [t.operator, t.punctuation, t.separator, t.url, t.escape, t.regexp],
color: '#383a42'
}, {
tag: [t.regexp],
color: '#af00db'
}, {
tag: [t.special(t.string), t.processingInstruction, t.string, t.inserted],
color: '#a31515'
}, {
tag: [t.angleBracket],
color: '#383a42'
}, {
tag: t.strong,
fontWeight: 'bold'
}, {
tag: t.emphasis,
fontStyle: 'italic'
}, {
tag: t.strikethrough,
textDecoration: 'line-through'
}, {
tag: [t.meta, t.comment],
color: '#008000'
}, {
tag: t.link,
color: '#4078f2',
textDecoration: 'underline'
}, {
tag: t.invalid,
color: '#e45649'
}];
export function vscodeLightInit(options) {

@@ -29,58 +83,5 @@ var {

settings: _extends({}, defaultSettingsVscodeLight, settings),
styles: [{
tag: [t.keyword, t.operatorKeyword, t.modifier, t.color, t.constant(t.name), t.standard(t.name), t.standard(t.tagName), t.special(t.brace), t.atom, t.bool, t.special(t.variableName)],
color: '#0000ff'
}, {
tag: [t.moduleKeyword, t.controlKeyword],
color: '#af00db'
}, {
tag: [t.name, t.deleted, t.character, t.macroName, t.propertyName, t.variableName, t.labelName, t.definition(t.name)],
color: '#0070c1'
}, {
tag: t.heading,
fontWeight: 'bold',
color: '#0070c1'
}, {
tag: [t.typeName, t.className, t.tagName, t.number, t.changed, t.annotation, t.self, t.namespace],
color: '#267f99'
}, {
tag: [t.function(t.variableName), t.function(t.propertyName)],
color: '#795e26'
}, {
tag: [t.number],
color: '#098658'
}, {
tag: [t.operator, t.punctuation, t.separator, t.url, t.escape, t.regexp],
color: '#383a42'
}, {
tag: [t.regexp],
color: '#af00db'
}, {
tag: [t.special(t.string), t.processingInstruction, t.string, t.inserted],
color: '#a31515'
}, {
tag: [t.angleBracket],
color: '#383a42'
}, {
tag: t.strong,
fontWeight: 'bold'
}, {
tag: t.emphasis,
fontStyle: 'italic'
}, {
tag: t.strikethrough,
textDecoration: 'line-through'
}, {
tag: [t.meta, t.comment],
color: '#008000'
}, {
tag: t.link,
color: '#4078f2',
textDecoration: 'underline'
}, {
tag: t.invalid,
color: '#e45649'
}, ...styles]
styles: [...vscodeLightStyle, ...styles]
});
}
export var vscodeLight = vscodeLightInit();
{
"name": "@uiw/codemirror-theme-vscode",
"version": "4.22.2",
"version": "4.23.0",
"description": "Theme vscode for CodeMirror.",

@@ -25,3 +25,3 @@ "homepage": "https://uiwjs.github.io/react-codemirror/#/theme/data/vscode",

"dependencies": {
"@uiw/codemirror-themes": "4.22.2"
"@uiw/codemirror-themes": "4.23.0"
},

@@ -28,0 +28,0 @@ "keywords": [

@@ -1,2 +0,1 @@

/**

@@ -6,3 +5,3 @@ * https://github.com/uiwjs/react-codemirror/issues/409

import { tags as t } from '@lezer/highlight';
import { createTheme, CreateThemeOptions } from '@uiw/codemirror-themes';
import { createTheme, type CreateThemeOptions } from '@uiw/codemirror-themes';

@@ -22,2 +21,52 @@ export const defaultSettingsVscodeDark: CreateThemeOptions['settings'] = {

export const vscodeDarkStyle: CreateThemeOptions['styles'] = [
{
tag: [
t.keyword,
t.operatorKeyword,
t.modifier,
t.color,
t.constant(t.name),
t.standard(t.name),
t.standard(t.tagName),
t.special(t.brace),
t.atom,
t.bool,
t.special(t.variableName),
],
color: '#569cd6',
},
{ tag: [t.controlKeyword, t.moduleKeyword], color: '#c586c0' },
{
tag: [
t.name,
t.deleted,
t.character,
t.macroName,
t.propertyName,
t.variableName,
t.labelName,
t.definition(t.name),
],
color: '#9cdcfe',
},
{ tag: t.heading, fontWeight: 'bold', color: '#9cdcfe' },
{
tag: [t.typeName, t.className, t.tagName, t.number, t.changed, t.annotation, t.self, t.namespace],
color: '#4ec9b0',
},
{ tag: [t.function(t.variableName), t.function(t.propertyName)], color: '#dcdcaa' },
{ tag: [t.number], color: '#b5cea8' },
{ tag: [t.operator, t.punctuation, t.separator, t.url, t.escape, t.regexp], color: '#d4d4d4' },
{ tag: [t.regexp], color: '#d16969' },
{ tag: [t.special(t.string), t.processingInstruction, t.string, t.inserted], color: '#ce9178' },
{ tag: [t.angleBracket], color: '#808080' },
{ tag: t.strong, fontWeight: 'bold' },
{ tag: t.emphasis, fontStyle: 'italic' },
{ tag: t.strikethrough, textDecoration: 'line-through' },
{ tag: [t.meta, t.comment], color: '#6a9955' },
{ tag: t.link, color: '#6a9955', textDecoration: 'underline' },
{ tag: t.invalid, color: '#ff0000' },
];
export function vscodeDarkInit(options?: Partial<CreateThemeOptions>) {

@@ -31,67 +80,3 @@ const { theme = 'dark', settings = {}, styles = [] } = options || {};

},
styles: [
{
tag: [
t.keyword,
t.operatorKeyword,
t.modifier,
t.color,
t.constant(t.name),
t.standard(t.name),
t.standard(t.tagName),
t.special(t.brace),
t.atom,
t.bool,
t.special(t.variableName),
],
color: '#569cd6',
},
{
tag: [t.controlKeyword, t.moduleKeyword],
color: '#c586c0',
},
{
tag: [
t.name,
t.deleted,
t.character,
t.macroName,
t.propertyName,
t.variableName,
t.labelName,
t.definition(t.name),
],
color: '#9cdcfe',
},
{ tag: t.heading, fontWeight: 'bold', color: '#9cdcfe' },
{
tag: [t.typeName, t.className, t.tagName, t.number, t.changed, t.annotation, t.self, t.namespace],
color: '#4ec9b0',
},
{
tag: [t.function(t.variableName), t.function(t.propertyName)],
color: '#dcdcaa',
},
{ tag: [t.number], color: '#b5cea8' },
{
tag: [t.operator, t.punctuation, t.separator, t.url, t.escape, t.regexp],
color: '#d4d4d4',
},
{
tag: [t.regexp],
color: '#d16969',
},
{
tag: [t.special(t.string), t.processingInstruction, t.string, t.inserted],
color: '#ce9178',
},
{ tag: [t.angleBracket], color: '#808080' },
{ tag: t.strong, fontWeight: 'bold' },
{ tag: t.emphasis, fontStyle: 'italic' },
{ tag: t.strikethrough, textDecoration: 'line-through' },
{ tag: [t.meta, t.comment], color: '#6a9955' },
{ tag: t.link, color: '#6a9955', textDecoration: 'underline' },
{ tag: t.invalid, color: '#ff0000' },
...styles,
],
styles: [...vscodeDarkStyle, ...styles],
});

@@ -98,0 +83,0 @@ }

@@ -5,3 +5,3 @@ /**

import { tags as t } from '@lezer/highlight';
import { createTheme, CreateThemeOptions } from '@uiw/codemirror-themes';
import { createTheme, type CreateThemeOptions } from '@uiw/codemirror-themes';

@@ -21,2 +21,52 @@ export const defaultSettingsVscodeLight: CreateThemeOptions['settings'] = {

export const vscodeLightStyle: CreateThemeOptions['styles'] = [
{
tag: [
t.keyword,
t.operatorKeyword,
t.modifier,
t.color,
t.constant(t.name),
t.standard(t.name),
t.standard(t.tagName),
t.special(t.brace),
t.atom,
t.bool,
t.special(t.variableName),
],
color: '#0000ff',
},
{ tag: [t.moduleKeyword, t.controlKeyword], color: '#af00db' },
{
tag: [
t.name,
t.deleted,
t.character,
t.macroName,
t.propertyName,
t.variableName,
t.labelName,
t.definition(t.name),
],
color: '#0070c1',
},
{ tag: t.heading, fontWeight: 'bold', color: '#0070c1' },
{
tag: [t.typeName, t.className, t.tagName, t.number, t.changed, t.annotation, t.self, t.namespace],
color: '#267f99',
},
{ tag: [t.function(t.variableName), t.function(t.propertyName)], color: '#795e26' },
{ tag: [t.number], color: '#098658' },
{ tag: [t.operator, t.punctuation, t.separator, t.url, t.escape, t.regexp], color: '#383a42' },
{ tag: [t.regexp], color: '#af00db' },
{ tag: [t.special(t.string), t.processingInstruction, t.string, t.inserted], color: '#a31515' },
{ tag: [t.angleBracket], color: '#383a42' },
{ tag: t.strong, fontWeight: 'bold' },
{ tag: t.emphasis, fontStyle: 'italic' },
{ tag: t.strikethrough, textDecoration: 'line-through' },
{ tag: [t.meta, t.comment], color: '#008000' },
{ tag: t.link, color: '#4078f2', textDecoration: 'underline' },
{ tag: t.invalid, color: '#e45649' },
];
export function vscodeLightInit(options?: Partial<CreateThemeOptions>) {

@@ -30,67 +80,3 @@ const { theme = 'dark', settings = {}, styles = [] } = options || {};

},
styles: [
{
tag: [
t.keyword,
t.operatorKeyword,
t.modifier,
t.color,
t.constant(t.name),
t.standard(t.name),
t.standard(t.tagName),
t.special(t.brace),
t.atom,
t.bool,
t.special(t.variableName),
],
color: '#0000ff',
},
{
tag: [t.moduleKeyword, t.controlKeyword],
color: '#af00db',
},
{
tag: [
t.name,
t.deleted,
t.character,
t.macroName,
t.propertyName,
t.variableName,
t.labelName,
t.definition(t.name),
],
color: '#0070c1',
},
{ tag: t.heading, fontWeight: 'bold', color: '#0070c1' },
{
tag: [t.typeName, t.className, t.tagName, t.number, t.changed, t.annotation, t.self, t.namespace],
color: '#267f99',
},
{
tag: [t.function(t.variableName), t.function(t.propertyName)],
color: '#795e26',
},
{ tag: [t.number], color: '#098658' },
{
tag: [t.operator, t.punctuation, t.separator, t.url, t.escape, t.regexp],
color: '#383a42',
},
{
tag: [t.regexp],
color: '#af00db',
},
{
tag: [t.special(t.string), t.processingInstruction, t.string, t.inserted],
color: '#a31515',
},
{ tag: [t.angleBracket], color: '#383a42' },
{ tag: t.strong, fontWeight: 'bold' },
{ tag: t.emphasis, fontStyle: 'italic' },
{ tag: t.strikethrough, textDecoration: 'line-through' },
{ tag: [t.meta, t.comment], color: '#008000' },
{ tag: t.link, color: '#4078f2', textDecoration: 'underline' },
{ tag: t.invalid, color: '#e45649' },
...styles,
],
styles: [...vscodeLightStyle, ...styles],
});

@@ -97,0 +83,0 @@ }

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc