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

@uiw/codemirror-theme-duotone

Package Overview
Dependencies
Maintainers
2
Versions
98
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 4.22.2 to 4.23.0

4

cjs/index.d.ts

@@ -1,7 +0,9 @@

import { CreateThemeOptions } from '@uiw/codemirror-themes';
import { type CreateThemeOptions } from '@uiw/codemirror-themes';
export declare const defaultSettingsDuotoneLight: CreateThemeOptions['settings'];
export declare const douToneLightStyle: CreateThemeOptions['styles'];
export declare const duotoneLightInit: (options?: Partial<CreateThemeOptions>) => import("@codemirror/state").Extension;
export declare const duotoneLight: import("@codemirror/state").Extension;
export declare const defaultSettingsDuotoneDark: CreateThemeOptions['settings'];
export declare const duotoneDarkStyle: CreateThemeOptions['styles'];
export declare const duotoneDarkInit: (options?: Partial<CreateThemeOptions>) => import("@codemirror/state").Extension;
export declare const duotoneDark: import("@codemirror/state").Extension;

@@ -7,3 +7,3 @@ "use strict";

});
exports.duotoneLightInit = exports.duotoneLight = exports.duotoneDarkInit = exports.duotoneDark = exports.defaultSettingsDuotoneLight = exports.defaultSettingsDuotoneDark = void 0;
exports.duotoneLightInit = exports.duotoneLight = exports.duotoneDarkStyle = exports.duotoneDarkInit = exports.duotoneDark = exports.douToneLightStyle = exports.defaultSettingsDuotoneLight = exports.defaultSettingsDuotoneDark = void 0;
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));

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

};
var douToneLightStyle = exports.douToneLightStyle = [{
tag: [_highlight.tags.comment, _highlight.tags.bracket],
color: '#b6ad9a'
}, {
tag: [_highlight.tags.atom, _highlight.tags.number, _highlight.tags.keyword, _highlight.tags.link, _highlight.tags.attributeName, _highlight.tags.quote],
color: '#063289'
}, {
tag: [_highlight.tags.emphasis, _highlight.tags.heading, _highlight.tags.tagName, _highlight.tags.propertyName, _highlight.tags.variableName],
color: '#2d2006'
}, {
tag: [_highlight.tags.typeName, _highlight.tags.url, _highlight.tags.string],
color: '#896724'
}, {
tag: [_highlight.tags.operator, _highlight.tags.string],
color: '#1659df'
}, {
tag: [_highlight.tags.propertyName],
color: '#b29762'
}, {
tag: [_highlight.tags.unit, _highlight.tags.punctuation],
color: '#063289'
}];
var duotoneLightInit = exports.duotoneLightInit = function duotoneLightInit(options) {

@@ -42,24 +64,3 @@ var _ref = options || {},

settings: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defaultSettingsDuotoneLight), settings),
styles: [{
tag: [_highlight.tags.comment, _highlight.tags.bracket],
color: '#b6ad9a'
}, {
tag: [_highlight.tags.atom, _highlight.tags.number, _highlight.tags.keyword, _highlight.tags.link, _highlight.tags.attributeName, _highlight.tags.quote],
color: '#063289'
}, {
tag: [_highlight.tags.emphasis, _highlight.tags.heading, _highlight.tags.tagName, _highlight.tags.propertyName, _highlight.tags.variableName],
color: '#2d2006'
}, {
tag: [_highlight.tags.typeName, _highlight.tags.url, _highlight.tags.string],
color: '#896724'
}, {
tag: [_highlight.tags.operator, _highlight.tags.string],
color: '#1659df'
}, {
tag: [_highlight.tags.propertyName],
color: '#b29762'
}, {
tag: [_highlight.tags.unit, _highlight.tags.punctuation],
color: '#063289'
}].concat((0, _toConsumableArray2["default"])(styles))
styles: [].concat(douToneLightStyle, (0, _toConsumableArray2["default"])(styles))
});

@@ -78,2 +79,27 @@ };

};
var duotoneDarkStyle = exports.duotoneDarkStyle = [{
tag: [_highlight.tags.comment, _highlight.tags.bracket],
color: '#6c6783'
}, {
tag: [_highlight.tags.atom, _highlight.tags.number, _highlight.tags.keyword, _highlight.tags.link, _highlight.tags.attributeName, _highlight.tags.quote],
color: '#ffcc99'
}, {
tag: [_highlight.tags.emphasis, _highlight.tags.heading, _highlight.tags.tagName, _highlight.tags.propertyName, _highlight.tags.className, _highlight.tags.variableName],
color: '#eeebff'
}, {
tag: [_highlight.tags.typeName, _highlight.tags.url],
color: '#7a63ee'
}, {
tag: _highlight.tags.operator,
color: '#ffad5c'
}, {
tag: _highlight.tags.string,
color: '#ffb870'
}, {
tag: [_highlight.tags.propertyName],
color: '#9a86fd'
}, {
tag: [_highlight.tags.unit, _highlight.tags.punctuation],
color: '#e09142'
}];
var duotoneDarkInit = exports.duotoneDarkInit = function duotoneDarkInit(options) {

@@ -90,29 +116,5 @@ var _ref2 = options || {},

settings: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defaultSettingsDuotoneDark), settings),
styles: [{
tag: [_highlight.tags.comment, _highlight.tags.bracket],
color: '#6c6783'
}, {
tag: [_highlight.tags.atom, _highlight.tags.number, _highlight.tags.keyword, _highlight.tags.link, _highlight.tags.attributeName, _highlight.tags.quote],
color: '#ffcc99'
}, {
tag: [_highlight.tags.emphasis, _highlight.tags.heading, _highlight.tags.tagName, _highlight.tags.propertyName, _highlight.tags.className, _highlight.tags.variableName],
color: '#eeebff'
}, {
tag: [_highlight.tags.typeName, _highlight.tags.url],
color: '#7a63ee'
}, {
tag: _highlight.tags.operator,
color: '#ffad5c'
}, {
tag: _highlight.tags.string,
color: '#ffb870'
}, {
tag: [_highlight.tags.propertyName],
color: '#9a86fd'
}, {
tag: [_highlight.tags.unit, _highlight.tags.punctuation],
color: '#e09142'
}].concat((0, _toConsumableArray2["default"])(styles))
styles: [].concat(duotoneDarkStyle, (0, _toConsumableArray2["default"])(styles))
});
};
var duotoneDark = exports.duotoneDark = duotoneDarkInit();

@@ -1,7 +0,9 @@

import { CreateThemeOptions } from '@uiw/codemirror-themes';
import { type CreateThemeOptions } from '@uiw/codemirror-themes';
export declare const defaultSettingsDuotoneLight: CreateThemeOptions['settings'];
export declare const douToneLightStyle: CreateThemeOptions['styles'];
export declare const duotoneLightInit: (options?: Partial<CreateThemeOptions>) => import("@codemirror/state").Extension;
export declare const duotoneLight: import("@codemirror/state").Extension;
export declare const defaultSettingsDuotoneDark: CreateThemeOptions['settings'];
export declare const duotoneDarkStyle: CreateThemeOptions['styles'];
export declare const duotoneDarkInit: (options?: Partial<CreateThemeOptions>) => import("@codemirror/state").Extension;
export declare const duotoneDark: import("@codemirror/state").Extension;

@@ -20,2 +20,24 @@ import _extends from "@babel/runtime/helpers/extends";

};
export var douToneLightStyle = [{
tag: [t.comment, t.bracket],
color: '#b6ad9a'
}, {
tag: [t.atom, t.number, t.keyword, t.link, t.attributeName, t.quote],
color: '#063289'
}, {
tag: [t.emphasis, t.heading, t.tagName, t.propertyName, t.variableName],
color: '#2d2006'
}, {
tag: [t.typeName, t.url, t.string],
color: '#896724'
}, {
tag: [t.operator, t.string],
color: '#1659df'
}, {
tag: [t.propertyName],
color: '#b29762'
}, {
tag: [t.unit, t.punctuation],
color: '#063289'
}];
export var duotoneLightInit = options => {

@@ -30,24 +52,3 @@ var {

settings: _extends({}, defaultSettingsDuotoneLight, settings),
styles: [{
tag: [t.comment, t.bracket],
color: '#b6ad9a'
}, {
tag: [t.atom, t.number, t.keyword, t.link, t.attributeName, t.quote],
color: '#063289'
}, {
tag: [t.emphasis, t.heading, t.tagName, t.propertyName, t.variableName],
color: '#2d2006'
}, {
tag: [t.typeName, t.url, t.string],
color: '#896724'
}, {
tag: [t.operator, t.string],
color: '#1659df'
}, {
tag: [t.propertyName],
color: '#b29762'
}, {
tag: [t.unit, t.punctuation],
color: '#063289'
}, ...styles]
styles: [...douToneLightStyle, ...styles]
});

@@ -66,2 +67,27 @@ };

};
export var duotoneDarkStyle = [{
tag: [t.comment, t.bracket],
color: '#6c6783'
}, {
tag: [t.atom, t.number, t.keyword, t.link, t.attributeName, t.quote],
color: '#ffcc99'
}, {
tag: [t.emphasis, t.heading, t.tagName, t.propertyName, t.className, t.variableName],
color: '#eeebff'
}, {
tag: [t.typeName, t.url],
color: '#7a63ee'
}, {
tag: t.operator,
color: '#ffad5c'
}, {
tag: t.string,
color: '#ffb870'
}, {
tag: [t.propertyName],
color: '#9a86fd'
}, {
tag: [t.unit, t.punctuation],
color: '#e09142'
}];
export var duotoneDarkInit = options => {

@@ -76,29 +102,5 @@ var {

settings: _extends({}, defaultSettingsDuotoneDark, settings),
styles: [{
tag: [t.comment, t.bracket],
color: '#6c6783'
}, {
tag: [t.atom, t.number, t.keyword, t.link, t.attributeName, t.quote],
color: '#ffcc99'
}, {
tag: [t.emphasis, t.heading, t.tagName, t.propertyName, t.className, t.variableName],
color: '#eeebff'
}, {
tag: [t.typeName, t.url],
color: '#7a63ee'
}, {
tag: t.operator,
color: '#ffad5c'
}, {
tag: t.string,
color: '#ffb870'
}, {
tag: [t.propertyName],
color: '#9a86fd'
}, {
tag: [t.unit, t.punctuation],
color: '#e09142'
}, ...styles]
styles: [...duotoneDarkStyle, ...styles]
});
};
export var duotoneDark = duotoneDarkInit();
{
"name": "@uiw/codemirror-theme-duotone",
"version": "4.22.2",
"version": "4.23.0",
"description": "Theme duotone for CodeMirror.",

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

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

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

@@ -7,3 +7,3 @@ /**

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

@@ -22,2 +22,12 @@ export const defaultSettingsDuotoneLight: CreateThemeOptions['settings'] = {

export const douToneLightStyle: CreateThemeOptions['styles'] = [
{ tag: [t.comment, t.bracket], color: '#b6ad9a' },
{ tag: [t.atom, t.number, t.keyword, t.link, t.attributeName, t.quote], color: '#063289' },
{ tag: [t.emphasis, t.heading, t.tagName, t.propertyName, t.variableName], color: '#2d2006' },
{ tag: [t.typeName, t.url, t.string], color: '#896724' },
{ tag: [t.operator, t.string], color: '#1659df' },
{ tag: [t.propertyName], color: '#b29762' },
{ tag: [t.unit, t.punctuation], color: '#063289' },
];
export const duotoneLightInit = (options?: Partial<CreateThemeOptions>) => {

@@ -31,12 +41,3 @@ const { theme = 'light', settings = {}, styles = [] } = options || {};

},
styles: [
{ tag: [t.comment, t.bracket], color: '#b6ad9a' },
{ tag: [t.atom, t.number, t.keyword, t.link, t.attributeName, t.quote], color: '#063289' },
{ tag: [t.emphasis, t.heading, t.tagName, t.propertyName, t.variableName], color: '#2d2006' },
{ tag: [t.typeName, t.url, t.string], color: '#896724' },
{ tag: [t.operator, t.string], color: '#1659df' },
{ tag: [t.propertyName], color: '#b29762' },
{ tag: [t.unit, t.punctuation], color: '#063289' },
...styles,
],
styles: [...douToneLightStyle, ...styles],
});

@@ -58,2 +59,13 @@ };

export const duotoneDarkStyle: CreateThemeOptions['styles'] = [
{ tag: [t.comment, t.bracket], color: '#6c6783' },
{ tag: [t.atom, t.number, t.keyword, t.link, t.attributeName, t.quote], color: '#ffcc99' },
{ tag: [t.emphasis, t.heading, t.tagName, t.propertyName, t.className, t.variableName], color: '#eeebff' },
{ tag: [t.typeName, t.url], color: '#7a63ee' },
{ tag: t.operator, color: '#ffad5c' },
{ tag: t.string, color: '#ffb870' },
{ tag: [t.propertyName], color: '#9a86fd' },
{ tag: [t.unit, t.punctuation], color: '#e09142' },
];
export const duotoneDarkInit = (options?: Partial<CreateThemeOptions>) => {

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

},
styles: [
{ tag: [t.comment, t.bracket], color: '#6c6783' },
{ tag: [t.atom, t.number, t.keyword, t.link, t.attributeName, t.quote], color: '#ffcc99' },
{ tag: [t.emphasis, t.heading, t.tagName, t.propertyName, t.className, t.variableName], color: '#eeebff' },
{ tag: [t.typeName, t.url], color: '#7a63ee' },
{ tag: t.operator, color: '#ffad5c' },
{ tag: t.string, color: '#ffb870' },
{ tag: [t.propertyName], color: '#9a86fd' },
{ tag: [t.unit, t.punctuation], color: '#e09142' },
...styles,
],
styles: [...duotoneDarkStyle, ...styles],
});

@@ -80,0 +82,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