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.14.3 to 4.15.0

2

cjs/index.d.ts

@@ -0,1 +1,3 @@

import { CreateThemeOptions } from '@uiw/codemirror-themes';
export declare function vscodeDarkInit(options?: CreateThemeOptions): import("@codemirror/state").Extension;
export declare const vscodeDark: import("@codemirror/state").Extension;

207

cjs/index.js
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
Object.defineProperty(exports, "__esModule", {

@@ -7,104 +8,118 @@ value: true

exports.vscodeDark = void 0;
exports.vscodeDarkInit = vscodeDarkInit;
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _highlight = require("@lezer/highlight");
var _codemirrorThemes = require("@uiw/codemirror-themes");
/**
* @name github
* https://github.com/uiwjs/react-codemirror/issues/409
*/
var vscodeDark = (0, _codemirrorThemes.createTheme)({
theme: 'dark',
settings: {
background: '#1e1e1e',
foreground: '#9cdcfe',
caret: '#c6c6c6',
selection: '#6199ff2f',
selectionMatch: '#72a1ff59',
lineHighlight: '#ffffff0f',
gutterBackground: '#1e1e1e',
gutterForeground: '#838383',
gutterActiveForeground: '#fff'
},
styles: [{
tag: _highlight.tags.keyword,
color: '#569cd6'
}, {
tag: [_highlight.tags.controlKeyword, _highlight.tags.moduleKeyword],
color: '#c586c0'
}, {
tag: [_highlight.tags.name, _highlight.tags.deleted, _highlight.tags.character, _highlight.tags.macroName],
color: '#9cdcfe'
}, {
tag: [_highlight.tags.propertyName],
color: '#9cdcfe'
}, {
tag: [_highlight.tags.variableName, _highlight.tags.labelName],
color: '#9cdcfe'
}, {
tag: [_highlight.tags.color, _highlight.tags.constant(_highlight.tags.name), _highlight.tags.standard(_highlight.tags.name)],
color: '#569cd6'
}, {
tag: [_highlight.tags.definition(_highlight.tags.name)],
color: '#9cdcfe'
}, {
tag: [_highlight.tags.typeName, _highlight.tags.className, _highlight.tags.number, _highlight.tags.changed, _highlight.tags.annotation, _highlight.tags.modifier, _highlight.tags.self, _highlight.tags.namespace],
color: '#4ec9b0'
}, {
tag: [_highlight.tags.tagName],
color: '#569cd6'
}, {
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.operatorKeyword, _highlight.tags.url, _highlight.tags.escape, _highlight.tags.regexp, _highlight.tags.link, _highlight.tags.special(_highlight.tags.string)],
color: '#d4d4d4'
}, {
tag: [_highlight.tags.regexp],
color: '#d16969'
}, {
tag: [_highlight.tags.special(_highlight.tags.string)],
color: '#ce9178'
}, {
tag: [_highlight.tags.meta, _highlight.tags.comment],
color: '#6a9955'
}, {
tag: [_highlight.tags.punctuation, _highlight.tags.separator],
color: '#d4d4d4'
}, {
tag: [_highlight.tags.angleBracket],
color: '#808080'
}, {
tag: _highlight.tags.special(_highlight.tags.brace),
color: '#569cd6'
}, {
tag: _highlight.tags.strong,
fontWeight: 'bold'
}, {
tag: _highlight.tags.emphasis,
fontStyle: 'italic'
}, {
tag: _highlight.tags.strikethrough,
textDecoration: 'line-through'
}, {
tag: _highlight.tags.link,
color: '#6a9955',
textDecoration: 'underline'
}, {
tag: _highlight.tags.heading,
fontWeight: 'bold',
color: '#9cdcfe'
}, {
tag: [_highlight.tags.atom, _highlight.tags.bool, _highlight.tags.special(_highlight.tags.variableName)],
color: '#569cd6'
}, {
tag: [_highlight.tags.processingInstruction, _highlight.tags.string, _highlight.tags.inserted],
color: '#ce9178'
}, {
tag: _highlight.tags.invalid,
color: '#ff0000'
}]
});
function vscodeDarkInit(options) {
var _ref = options || {},
_ref$theme = _ref.theme,
theme = _ref$theme === void 0 ? 'dark' : _ref$theme,
_ref$settings = _ref.settings,
settings = _ref$settings === void 0 ? {} : _ref$settings,
_ref$styles = _ref.styles,
styles = _ref$styles === void 0 ? [] : _ref$styles;
return (0, _codemirrorThemes.createTheme)({
theme: theme,
settings: (0, _objectSpread2["default"])({
background: '#1e1e1e',
foreground: '#9cdcfe',
caret: '#c6c6c6',
selection: '#6199ff2f',
selectionMatch: '#72a1ff59',
lineHighlight: '#ffffff0f',
gutterBackground: '#1e1e1e',
gutterForeground: '#838383',
gutterActiveForeground: '#fff',
fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace'
}, settings),
styles: [{
tag: _highlight.tags.keyword,
color: '#569cd6'
}, {
tag: [_highlight.tags.controlKeyword, _highlight.tags.moduleKeyword],
color: '#c586c0'
}, {
tag: [_highlight.tags.name, _highlight.tags.deleted, _highlight.tags.character, _highlight.tags.macroName],
color: '#9cdcfe'
}, {
tag: [_highlight.tags.propertyName],
color: '#9cdcfe'
}, {
tag: [_highlight.tags.variableName, _highlight.tags.labelName],
color: '#9cdcfe'
}, {
tag: [_highlight.tags.color, _highlight.tags.constant(_highlight.tags.name), _highlight.tags.standard(_highlight.tags.name)],
color: '#569cd6'
}, {
tag: [_highlight.tags.definition(_highlight.tags.name)],
color: '#9cdcfe'
}, {
tag: [_highlight.tags.typeName, _highlight.tags.className, _highlight.tags.number, _highlight.tags.changed, _highlight.tags.annotation, _highlight.tags.modifier, _highlight.tags.self, _highlight.tags.namespace],
color: '#4ec9b0'
}, {
tag: [_highlight.tags.tagName],
color: '#569cd6'
}, {
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.operatorKeyword, _highlight.tags.url, _highlight.tags.escape, _highlight.tags.regexp, _highlight.tags.link, _highlight.tags.special(_highlight.tags.string)],
color: '#d4d4d4'
}, {
tag: [_highlight.tags.regexp],
color: '#d16969'
}, {
tag: [_highlight.tags.special(_highlight.tags.string)],
color: '#ce9178'
}, {
tag: [_highlight.tags.meta, _highlight.tags.comment],
color: '#6a9955'
}, {
tag: [_highlight.tags.punctuation, _highlight.tags.separator],
color: '#d4d4d4'
}, {
tag: [_highlight.tags.angleBracket],
color: '#808080'
}, {
tag: _highlight.tags.special(_highlight.tags.brace),
color: '#569cd6'
}, {
tag: _highlight.tags.strong,
fontWeight: 'bold'
}, {
tag: _highlight.tags.emphasis,
fontStyle: 'italic'
}, {
tag: _highlight.tags.strikethrough,
textDecoration: 'line-through'
}, {
tag: _highlight.tags.link,
color: '#6a9955',
textDecoration: 'underline'
}, {
tag: _highlight.tags.heading,
fontWeight: 'bold',
color: '#9cdcfe'
}, {
tag: [_highlight.tags.atom, _highlight.tags.bool, _highlight.tags.special(_highlight.tags.variableName)],
color: '#569cd6'
}, {
tag: [_highlight.tags.processingInstruction, _highlight.tags.string, _highlight.tags.inserted],
color: '#ce9178'
}, {
tag: _highlight.tags.invalid,
color: '#ff0000'
}].concat((0, _toConsumableArray2["default"])(styles))
});
}
var vscodeDark = vscodeDarkInit();
exports.vscodeDark = vscodeDark;
//# sourceMappingURL=index.js.map

@@ -0,1 +1,3 @@

import { CreateThemeOptions } from '@uiw/codemirror-themes';
export declare function vscodeDarkInit(options?: CreateThemeOptions): import("@codemirror/state").Extension;
export declare const vscodeDark: import("@codemirror/state").Extension;

@@ -0,101 +1,111 @@

import _extends from "@babel/runtime/helpers/extends";
/**
* @name github
* https://github.com/uiwjs/react-codemirror/issues/409
*/
import { tags as t } from '@lezer/highlight';
import { createTheme } from '@uiw/codemirror-themes';
export var vscodeDark = createTheme({
theme: 'dark',
settings: {
background: '#1e1e1e',
foreground: '#9cdcfe',
caret: '#c6c6c6',
selection: '#6199ff2f',
selectionMatch: '#72a1ff59',
lineHighlight: '#ffffff0f',
gutterBackground: '#1e1e1e',
gutterForeground: '#838383',
gutterActiveForeground: '#fff'
},
styles: [{
tag: t.keyword,
color: '#569cd6'
}, {
tag: [t.controlKeyword, t.moduleKeyword],
color: '#c586c0'
}, {
tag: [t.name, t.deleted, t.character, t.macroName],
color: '#9cdcfe'
}, {
tag: [t.propertyName],
color: '#9cdcfe'
}, {
tag: [t.variableName, t.labelName],
color: '#9cdcfe'
}, {
tag: [t.color, t.constant(t.name), t.standard(t.name)],
color: '#569cd6'
}, {
tag: [t.definition(t.name)],
color: '#9cdcfe'
}, {
tag: [t.typeName, t.className, t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace],
color: '#4ec9b0'
}, {
tag: [t.tagName],
color: '#569cd6'
}, {
tag: [t.function(t.variableName), t.function(t.propertyName)],
color: '#dcdcaa'
}, {
tag: [t.number],
color: '#b5cea8'
}, {
tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],
color: '#d4d4d4'
}, {
tag: [t.regexp],
color: '#d16969'
}, {
tag: [t.special(t.string)],
color: '#ce9178'
}, {
tag: [t.meta, t.comment],
color: '#6a9955'
}, {
tag: [t.punctuation, t.separator],
color: '#d4d4d4'
}, {
tag: [t.angleBracket],
color: '#808080'
}, {
tag: t.special(t.brace),
color: '#569cd6'
}, {
tag: t.strong,
fontWeight: 'bold'
}, {
tag: t.emphasis,
fontStyle: 'italic'
}, {
tag: t.strikethrough,
textDecoration: 'line-through'
}, {
tag: t.link,
color: '#6a9955',
textDecoration: 'underline'
}, {
tag: t.heading,
fontWeight: 'bold',
color: '#9cdcfe'
}, {
tag: [t.atom, t.bool, t.special(t.variableName)],
color: '#569cd6'
}, {
tag: [t.processingInstruction, t.string, t.inserted],
color: '#ce9178'
}, {
tag: t.invalid,
color: '#ff0000'
}]
});
export function vscodeDarkInit(options) {
var {
theme = 'dark',
settings = {},
styles = []
} = options || {};
return createTheme({
theme: theme,
settings: _extends({
background: '#1e1e1e',
foreground: '#9cdcfe',
caret: '#c6c6c6',
selection: '#6199ff2f',
selectionMatch: '#72a1ff59',
lineHighlight: '#ffffff0f',
gutterBackground: '#1e1e1e',
gutterForeground: '#838383',
gutterActiveForeground: '#fff',
fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace'
}, settings),
styles: [{
tag: t.keyword,
color: '#569cd6'
}, {
tag: [t.controlKeyword, t.moduleKeyword],
color: '#c586c0'
}, {
tag: [t.name, t.deleted, t.character, t.macroName],
color: '#9cdcfe'
}, {
tag: [t.propertyName],
color: '#9cdcfe'
}, {
tag: [t.variableName, t.labelName],
color: '#9cdcfe'
}, {
tag: [t.color, t.constant(t.name), t.standard(t.name)],
color: '#569cd6'
}, {
tag: [t.definition(t.name)],
color: '#9cdcfe'
}, {
tag: [t.typeName, t.className, t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace],
color: '#4ec9b0'
}, {
tag: [t.tagName],
color: '#569cd6'
}, {
tag: [t.function(t.variableName), t.function(t.propertyName)],
color: '#dcdcaa'
}, {
tag: [t.number],
color: '#b5cea8'
}, {
tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],
color: '#d4d4d4'
}, {
tag: [t.regexp],
color: '#d16969'
}, {
tag: [t.special(t.string)],
color: '#ce9178'
}, {
tag: [t.meta, t.comment],
color: '#6a9955'
}, {
tag: [t.punctuation, t.separator],
color: '#d4d4d4'
}, {
tag: [t.angleBracket],
color: '#808080'
}, {
tag: t.special(t.brace),
color: '#569cd6'
}, {
tag: t.strong,
fontWeight: 'bold'
}, {
tag: t.emphasis,
fontStyle: 'italic'
}, {
tag: t.strikethrough,
textDecoration: 'line-through'
}, {
tag: t.link,
color: '#6a9955',
textDecoration: 'underline'
}, {
tag: t.heading,
fontWeight: 'bold',
color: '#9cdcfe'
}, {
tag: [t.atom, t.bool, t.special(t.variableName)],
color: '#569cd6'
}, {
tag: [t.processingInstruction, t.string, t.inserted],
color: '#ce9178'
}, {
tag: t.invalid,
color: '#ff0000'
}, ...styles]
});
}
export var vscodeDark = vscodeDarkInit();
//# sourceMappingURL=index.js.map
{
"name": "@uiw/codemirror-theme-vscode",
"version": "4.14.3",
"version": "4.15.0",
"description": "Theme vscode for CodeMirror.",

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

"dependencies": {
"@uiw/codemirror-themes": "4.14.3"
"@uiw/codemirror-themes": "4.15.0"
},

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

@@ -10,3 +10,3 @@ <!--rehype:ignore:start-->

<a href="https://uiwjs.github.io/react-codemirror/#/theme/data/vscode/dark">
<img width="436" alt="codemirror-theme-vscode dark" src="https://user-images.githubusercontent.com/1680273/202441061-48b89163-04b9-47a1-9d2c-1608a2d21f51.png">
<img width="436" alt="codemirror-theme-vscode dark" src="https://user-images.githubusercontent.com/1935696/202500700-11643593-5385-4d5b-9f41-1414dc4ddba5.png">
</a>

@@ -20,2 +20,14 @@

```jsx
import { vscodeDark, vscodeDarkInit } from '@uiw/codemirror-theme-vscode';
<CodeMirror theme={vscodeDark} />
<CodeMirror
theme={vscodeDarkInit({
fontFamily: 'monospace',
})}
/>
```
## Usage

@@ -22,0 +34,0 @@

/**
* @name github
* https://github.com/uiwjs/react-codemirror/issues/409
*/
import { tags as t } from '@lezer/highlight';
import { createTheme } from '@uiw/codemirror-themes';
import { createTheme, CreateThemeOptions } from '@uiw/codemirror-themes';
export const vscodeDark = createTheme({
theme: 'dark',
settings: {
background: '#1e1e1e',
foreground: '#9cdcfe',
caret: '#c6c6c6',
selection: '#6199ff2f',
selectionMatch: '#72a1ff59',
lineHighlight: '#ffffff0f',
gutterBackground: '#1e1e1e',
gutterForeground: '#838383',
gutterActiveForeground: '#fff',
},
styles: [
{ tag: t.keyword, color: '#569cd6' },
{
tag: [t.controlKeyword, t.moduleKeyword],
color: '#c586c0',
export function vscodeDarkInit(options?: CreateThemeOptions) {
const { theme = 'dark', settings = {}, styles = [] } = options || {};
return createTheme({
theme: theme,
settings: {
background: '#1e1e1e',
foreground: '#9cdcfe',
caret: '#c6c6c6',
selection: '#6199ff2f',
selectionMatch: '#72a1ff59',
lineHighlight: '#ffffff0f',
gutterBackground: '#1e1e1e',
gutterForeground: '#838383',
gutterActiveForeground: '#fff',
fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
...settings,
},
{
tag: [t.name, t.deleted, t.character, t.macroName],
color: '#9cdcfe',
},
{
tag: [t.propertyName],
color: '#9cdcfe',
},
styles: [
{ tag: t.keyword, color: '#569cd6' },
{
tag: [t.controlKeyword, t.moduleKeyword],
color: '#c586c0',
},
{
tag: [t.name, t.deleted, t.character, t.macroName],
color: '#9cdcfe',
},
{
tag: [t.propertyName],
color: '#9cdcfe',
},
{ tag: [t.variableName, t.labelName], color: '#9cdcfe' },
{
tag: [t.color, t.constant(t.name), t.standard(t.name)],
color: '#569cd6',
},
{ tag: [t.definition(t.name)], color: '#9cdcfe' },
{
tag: [t.typeName, t.className, t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace],
color: '#4ec9b0',
},
{ tag: [t.tagName], color: '#569cd6' },
{
tag: [t.function(t.variableName), t.function(t.propertyName)],
color: '#dcdcaa',
},
{ tag: [t.number], color: '#b5cea8' },
{
tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],
color: '#d4d4d4',
},
{
tag: [t.regexp],
color: '#d16969',
},
{
tag: [t.special(t.string)],
color: '#ce9178',
},
{ tag: [t.meta, t.comment], color: '#6a9955' },
{ tag: [t.punctuation, t.separator], color: '#d4d4d4' },
{ tag: [t.angleBracket], color: '#808080' },
{ tag: t.special(t.brace), color: '#569cd6' },
{ tag: t.strong, fontWeight: 'bold' },
{ tag: t.emphasis, fontStyle: 'italic' },
{ tag: t.strikethrough, textDecoration: 'line-through' },
{ tag: t.link, color: '#6a9955', textDecoration: 'underline' },
{ tag: t.heading, fontWeight: 'bold', color: '#9cdcfe' },
{
tag: [t.atom, t.bool, t.special(t.variableName)],
color: '#569cd6',
},
{
tag: [t.processingInstruction, t.string, t.inserted],
color: '#ce9178',
},
{ tag: t.invalid, color: '#ff0000' },
],
});
{ tag: [t.variableName, t.labelName], color: '#9cdcfe' },
{
tag: [t.color, t.constant(t.name), t.standard(t.name)],
color: '#569cd6',
},
{ tag: [t.definition(t.name)], color: '#9cdcfe' },
{
tag: [t.typeName, t.className, t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace],
color: '#4ec9b0',
},
{ tag: [t.tagName], color: '#569cd6' },
{
tag: [t.function(t.variableName), t.function(t.propertyName)],
color: '#dcdcaa',
},
{ tag: [t.number], color: '#b5cea8' },
{
tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],
color: '#d4d4d4',
},
{
tag: [t.regexp],
color: '#d16969',
},
{
tag: [t.special(t.string)],
color: '#ce9178',
},
{ tag: [t.meta, t.comment], color: '#6a9955' },
{ tag: [t.punctuation, t.separator], color: '#d4d4d4' },
{ tag: [t.angleBracket], color: '#808080' },
{ tag: t.special(t.brace), color: '#569cd6' },
{ tag: t.strong, fontWeight: 'bold' },
{ tag: t.emphasis, fontStyle: 'italic' },
{ tag: t.strikethrough, textDecoration: 'line-through' },
{ tag: t.link, color: '#6a9955', textDecoration: 'underline' },
{ tag: t.heading, fontWeight: 'bold', color: '#9cdcfe' },
{
tag: [t.atom, t.bool, t.special(t.variableName)],
color: '#569cd6',
},
{
tag: [t.processingInstruction, t.string, t.inserted],
color: '#ce9178',
},
{ tag: t.invalid, color: '#ff0000' },
...styles,
],
});
}
export const vscodeDark = vscodeDarkInit();

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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