react-codemirror-editor 0.1.0

package/dist/core/themes/dark/barf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"barf.d.ts","sourceRoot":"","sources":["../../../../src/core/themes/dark/barf.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,eAAO,MAAM,aAAa,uCAyBzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,gBAoD5B,CAAC"}

package/dist/core/themes/dark/barf.js

@@ -0,0 +1,84 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { EditorView } from '@codemirror/view';
+import { HighlightStyle } from '@codemirror/language';
+import { tags } from '@lezer/highlight';
+export const barfDarkTheme = EditorView.theme({
+    '&': {
+        backgroundColor: '#15191EFA',
+        color: '#EEF2F7',
+    },
+    '.cm-content': {
+        caretColor: '#C4C4C4',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: '#C4C4C4',
+    },
+    '.cm-selectionBackground, ::selection': {
+        backgroundColor: '#90B2D557',
+    },
+    '.cm-activeLine': {
+        backgroundColor: '#57575712',
+    },
+    '.cm-gutters': {
+        backgroundColor: '#15191EFA',
+        color: '#aaaaaa95',
+        border: 'none',
+    },
+}, { dark: true });
+export const barfDarkHighlight = HighlightStyle.define([
+    {
+        tag: tags.comment,
+        color: '#6E6E6E',
+    },
+    {
+        tag: [tags.string, tags.regexp, tags.special(tags.brace)],
+        color: '#5C81B3',
+    },
+    {
+        tag: tags.number,
+        color: '#C1E1B8',
+    },
+    {
+        tag: tags.bool,
+        color: '#53667D',
+    },
+    {
+        tag: [
+            tags.definitionKeyword,
+            tags.modifier,
+            tags.function(tags.propertyName),
+        ],
+        color: '#A3D295',
+        fontWeight: 'bold',
+    },
+    {
+        tag: [
+            tags.keyword,
+            tags.moduleKeyword,
+            tags.operatorKeyword,
+            tags.operator,
+        ],
+        color: '#697A8E',
+        fontWeight: 'bold',
+    },
+    {
+        tag: [tags.variableName, tags.attributeName],
+        color: '#708E67',
+    },
+    {
+        tag: [
+            tags.function(tags.variableName),
+            tags.definition(tags.propertyName),
+            tags.derefOperator,
+        ],
+        color: '#ffffff',
+    },
+    {
+        tag: tags.tagName,
+        color: '#A3D295',
+    },
+]);

package/dist/core/themes/dark/base.d.ts

@@ -0,0 +1,4 @@
+import { HighlightStyle } from '@codemirror/language';
+export declare const darkTheme: import("@codemirror/state").Extension;
+export declare const darkHighlight: HighlightStyle;
+//# sourceMappingURL=base.d.ts.map

package/dist/core/themes/dark/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/core/themes/dark/base.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,eAAO,MAAM,SAAS,uCAyBrB,CAAC;AAEF,eAAO,MAAM,aAAa,gBAOxB,CAAC"}

package/dist/core/themes/dark/base.js

@@ -0,0 +1,34 @@
+import { EditorView } from '@codemirror/view';
+import { HighlightStyle } from '@codemirror/language';
+import { tags } from '@lezer/highlight';
+export const darkTheme = EditorView.theme({
+    '&': {
+        backgroundColor: '#0f172a',
+        color: '#e5e7eb',
+    },
+    '.cm-content': {
+        caretColor: '#38bdf8',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: '#38bdf8',
+    },
+    '.cm-activeLine': {
+        backgroundColor: '#1e293b',
+    },
+    '.cm-selectionBackground, ::selection': {
+        backgroundColor: '#334155',
+    },
+    '.cm-gutters': {
+        backgroundColor: '#020617',
+        color: '#64748b',
+        border: 'none',
+    },
+}, { dark: true });
+export const darkHighlight = HighlightStyle.define([
+    { tag: tags.keyword, color: '#c084fc' },
+    { tag: tags.string, color: '#4ade80' },
+    { tag: tags.number, color: '#38bdf8' },
+    { tag: tags.comment, color: '#64748b', fontStyle: 'italic' },
+    { tag: tags.function(tags.variableName), color: '#2dd4bf' },
+    { tag: tags.typeName, color: '#f472b6' },
+]);

package/dist/core/themes/dark/cobalt.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { HighlightStyle } from '@codemirror/language';
+export declare const cobaltDarkTheme: import("@codemirror/state").Extension;
+export declare const cobaltDarkHighlight: HighlightStyle;
+//# sourceMappingURL=cobalt.d.ts.map

package/dist/core/themes/dark/cobalt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cobalt.d.ts","sourceRoot":"","sources":["../../../../src/core/themes/dark/cobalt.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,eAAO,MAAM,eAAe,uCAyB3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,gBA2D9B,CAAC"}

package/dist/core/themes/dark/cobalt.js

@@ -0,0 +1,91 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { EditorView } from '@codemirror/view';
+import { HighlightStyle } from '@codemirror/language';
+import { tags } from '@lezer/highlight';
+export const cobaltDarkTheme = EditorView.theme({
+    '&': {
+        backgroundColor: '#00254b',
+        color: '#FFFFFF',
+    },
+    '.cm-content': {
+        caretColor: '#FFFFFF',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: '#FFFFFF',
+    },
+    '.cm-selectionBackground, ::selection': {
+        backgroundColor: '#B36539BF',
+    },
+    '.cm-activeLine': {
+        backgroundColor: '#00000059',
+    },
+    '.cm-gutters': {
+        backgroundColor: '#00254b',
+        color: '#FFFFFF70',
+        border: 'none',
+    },
+}, { dark: true });
+export const cobaltDarkHighlight = HighlightStyle.define([
+    {
+        tag: tags.comment,
+        color: '#0088FF',
+    },
+    {
+        tag: tags.string,
+        color: '#3AD900',
+    },
+    {
+        tag: tags.regexp,
+        color: '#80FFC2',
+    },
+    {
+        tag: [tags.number, tags.bool, tags.null],
+        color: '#FF628C',
+    },
+    {
+        tag: [tags.definitionKeyword, tags.modifier],
+        color: '#FFEE80',
+    },
+    {
+        tag: tags.variableName,
+        color: '#CCCCCC',
+    },
+    {
+        tag: tags.self,
+        color: '#FF80E1',
+    },
+    {
+        tag: [
+            tags.className,
+            tags.definition(tags.propertyName),
+            tags.function(tags.variableName),
+            tags.definition(tags.typeName),
+            tags.labelName,
+        ],
+        color: '#FFDD00',
+    },
+    {
+        tag: [tags.keyword, tags.operator],
+        color: '#FF9D00',
+    },
+    {
+        tag: [tags.propertyName, tags.typeName],
+        color: '#80FFBB',
+    },
+    {
+        tag: tags.special(tags.brace),
+        color: '#EDEF7D',
+    },
+    {
+        tag: tags.attributeName,
+        color: '#9EFFFF',
+    },
+    {
+        tag: tags.derefOperator,
+        color: '#ffffff',
+    },
+]);

package/dist/core/themes/dark/cool-glow.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { HighlightStyle } from '@codemirror/language';
+export declare const coolGlowDarkTheme: import("@codemirror/state").Extension;
+export declare const coolGlowDarkHighlight: HighlightStyle;
+//# sourceMappingURL=cool-glow.d.ts.map

package/dist/core/themes/dark/cool-glow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cool-glow.d.ts","sourceRoot":"","sources":["../../../../src/core/themes/dark/cool-glow.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,eAAO,MAAM,iBAAiB,uCAyB7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,gBAoDhC,CAAC"}

package/dist/core/themes/dark/cool-glow.js

@@ -0,0 +1,84 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { EditorView } from '@codemirror/view';
+import { HighlightStyle } from '@codemirror/language';
+import { tags } from '@lezer/highlight';
+export const coolGlowDarkTheme = EditorView.theme({
+    '&': {
+        backgroundColor: '#060521',
+        color: '#E0E0E0',
+    },
+    '.cm-content': {
+        caretColor: '#FFFFFFA6',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: '#FFFFFFA6',
+    },
+    '.cm-selectionBackground, ::selection': {
+        backgroundColor: '#122BBB',
+    },
+    '.cm-activeLine': {
+        backgroundColor: '#FFFFFF0F',
+    },
+    '.cm-gutters': {
+        backgroundColor: '#060521',
+        color: '#E0E0E090',
+        border: 'none',
+    },
+}, { dark: true });
+export const coolGlowDarkHighlight = HighlightStyle.define([
+    {
+        tag: tags.comment,
+        color: '#AEAEAE',
+    },
+    {
+        tag: [tags.string, tags.special(tags.brace), tags.regexp],
+        color: '#8DFF8E',
+    },
+    {
+        tag: [
+            tags.className,
+            tags.definition(tags.propertyName),
+            tags.function(tags.variableName),
+            tags.function(tags.definition(tags.variableName)),
+            tags.definition(tags.typeName),
+        ],
+        color: '#A3EBFF',
+    },
+    {
+        tag: [tags.number, tags.bool, tags.null],
+        color: '#62E9BD',
+    },
+    {
+        tag: [tags.keyword, tags.operator],
+        color: '#2BF1DC',
+    },
+    {
+        tag: [tags.definitionKeyword, tags.modifier],
+        color: '#F8FBB1',
+    },
+    {
+        tag: [tags.variableName, tags.self],
+        color: '#B683CA',
+    },
+    {
+        tag: [
+            tags.angleBracket,
+            tags.tagName,
+            tags.typeName,
+            tags.propertyName,
+        ],
+        color: '#60A4F1',
+    },
+    {
+        tag: tags.derefOperator,
+        color: '#E0E0E0',
+    },
+    {
+        tag: tags.attributeName,
+        color: '#7BACCA',
+    },
+]);

package/dist/core/themes/dark/dracula.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { HighlightStyle } from '@codemirror/language';
+export declare const draculaTheme: import("@codemirror/state").Extension;
+export declare const draculaHighlight: HighlightStyle;
+//# sourceMappingURL=dracula.d.ts.map

package/dist/core/themes/dark/dracula.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dracula.d.ts","sourceRoot":"","sources":["../../../../src/core/themes/dark/dracula.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,eAAO,MAAM,YAAY,uCAyBxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,gBAkC3B,CAAC"}

package/dist/core/themes/dark/dracula.js

@@ -0,0 +1,66 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { EditorView } from '@codemirror/view';
+import { HighlightStyle } from '@codemirror/language';
+import { tags } from '@lezer/highlight';
+export const draculaTheme = EditorView.theme({
+    '&': {
+        backgroundColor: '#2d2f3f',
+        color: '#f8f8f2',
+    },
+    '.cm-content': {
+        caretColor: '#f8f8f0',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: '#f8f8f0',
+    },
+    '.cm-selectionBackground, ::selection': {
+        backgroundColor: '#44475a',
+    },
+    '.cm-activeLine': {
+        backgroundColor: '#44475a',
+    },
+    '.cm-gutters': {
+        backgroundColor: '#282a36',
+        color: 'rgb(144, 145, 148)',
+        border: 'none',
+    },
+}, { dark: true });
+export const draculaHighlight = HighlightStyle.define([
+    {
+        tag: tags.comment,
+        color: '#6272a4',
+    },
+    {
+        tag: [tags.string, tags.special(tags.brace)],
+        color: '#f1fa8c',
+    },
+    {
+        tag: [tags.number, tags.self, tags.bool, tags.null],
+        color: '#bd93f9',
+    },
+    {
+        tag: [tags.keyword, tags.operator],
+        color: '#ff79c6',
+    },
+    {
+        tag: [tags.definitionKeyword, tags.typeName],
+        color: '#8be9fd',
+    },
+    {
+        tag: tags.definition(tags.typeName),
+        color: '#f8f8f2',
+    },
+    {
+        tag: [
+            tags.className,
+            tags.definition(tags.propertyName),
+            tags.function(tags.variableName),
+            tags.attributeName,
+        ],
+        color: '#50fa7b',
+    },
+]);

package/dist/core/themes/dark/index.d.ts

@@ -0,0 +1,3 @@
+import type { Extension } from '@codemirror/state';
+export declare const darkThemes: Record<string, Extension>;
+//# sourceMappingURL=index.d.ts.map

package/dist/core/themes/dark/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/themes/dark/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AASnD,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAShD,CAAC"}

package/dist/core/themes/dark/index.js

@@ -0,0 +1,16 @@
+import { syntaxHighlighting } from '@codemirror/language';
+import { darkTheme, darkHighlight } from './base';
+import { barfDarkTheme, barfDarkHighlight } from './barf';
+import { cobaltDarkTheme, cobaltDarkHighlight } from './cobalt';
+import { coolGlowDarkTheme, coolGlowDarkHighlight } from './cool-glow';
+import { draculaTheme, draculaHighlight } from './dracula';
+export const darkThemes = {
+    dark: [darkTheme, syntaxHighlighting(darkHighlight)],
+    barf_dark: [barfDarkTheme, syntaxHighlighting(barfDarkHighlight)],
+    cobalt_dark: [cobaltDarkTheme, syntaxHighlighting(cobaltDarkHighlight)],
+    cool_glow_dark: [
+        coolGlowDarkTheme,
+        syntaxHighlighting(coolGlowDarkHighlight),
+    ],
+    dracula_dark: [draculaTheme, syntaxHighlighting(draculaHighlight)],
+};

package/dist/core/themes/index.d.ts

@@ -0,0 +1,4 @@
+import type { Extension } from '@codemirror/state';
+import { ThemeName } from '../../types';
+export declare const getThemeExtension: (theme?: ThemeName) => Extension;
+//# sourceMappingURL=index.d.ts.map

package/dist/core/themes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAUxC,eAAO,MAAM,iBAAiB,WAAW,SAAS,cAEjD,CAAC"}

package/dist/core/themes/index.js

@@ -0,0 +1,9 @@
+import { lightThemes } from './light';
+import { darkThemes } from './dark';
+const themeRegistry = {
+    ...lightThemes,
+    ...darkThemes,
+};
+export const getThemeExtension = (theme = 'light') => {
+    return themeRegistry[theme];
+};

package/dist/core/themes/light/ayu.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { HighlightStyle } from '@codemirror/language';
+export declare const ayuLightTheme: import("@codemirror/state").Extension;
+export declare const ayuLightHighlight: HighlightStyle;
+//# sourceMappingURL=ayu.d.ts.map

package/dist/core/themes/light/ayu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ayu.d.ts","sourceRoot":"","sources":["../../../../src/core/themes/light/ayu.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,eAAO,MAAM,aAAa,uCAyBzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,gBA4B5B,CAAC"}

package/dist/core/themes/light/ayu.js

@@ -0,0 +1,60 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { EditorView } from '@codemirror/view';
+import { HighlightStyle } from '@codemirror/language';
+import { tags } from '@lezer/highlight';
+export const ayuLightTheme = EditorView.theme({
+    '&': {
+        backgroundColor: '#fcfcfc',
+        color: '#5c6166',
+    },
+    '.cm-content': {
+        caretColor: '#ffaa33',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: '#ffaa33',
+    },
+    '.cm-activeLine': {
+        backgroundColor: '#8a91991a',
+    },
+    '.cm-selectionBackground, ::selection': {
+        backgroundColor: '#036dd626',
+    },
+    '.cm-gutters': {
+        backgroundColor: '#fcfcfc',
+        color: '#8a919966',
+        border: 'none',
+    },
+}, { dark: false });
+export const ayuLightHighlight = HighlightStyle.define([
+    { tag: tags.comment, color: '#787b8099' },
+    { tag: tags.string, color: '#86b300' },
+    { tag: tags.regexp, color: '#4cbf99' },
+    { tag: [tags.number, tags.bool, tags.null], color: '#ffaa33' },
+    { tag: tags.variableName, color: '#5c6166' },
+    { tag: [tags.definitionKeyword, tags.modifier], color: '#fa8d3e' },
+    { tag: [tags.keyword, tags.special(tags.brace)], color: '#fa8d3e' },
+    { tag: tags.operator, color: '#ed9366' },
+    { tag: tags.separator, color: '#5c6166b3' },
+    { tag: tags.punctuation, color: '#5c6166' },
+    {
+        tag: [
+            tags.definition(tags.propertyName),
+            tags.function(tags.variableName),
+        ],
+        color: '#f2ae49',
+    },
+    {
+        tag: [tags.className, tags.definition(tags.typeName)],
+        color: '#22a4e6',
+    },
+    {
+        tag: [tags.tagName, tags.typeName, tags.self, tags.labelName],
+        color: '#55b4d4',
+    },
+    { tag: tags.angleBracket, color: '#55b4d480' },
+    { tag: tags.attributeName, color: '#f2ae49' },
+]);

package/dist/core/themes/light/base.d.ts

@@ -0,0 +1,4 @@
+import { HighlightStyle } from '@codemirror/language';
+export declare const lightTheme: import("@codemirror/state").Extension;
+export declare const lightHighlight: HighlightStyle;
+//# sourceMappingURL=base.d.ts.map

package/dist/core/themes/light/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/core/themes/light/base.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,eAAO,MAAM,UAAU,uCAyBtB,CAAC;AAEF,eAAO,MAAM,cAAc,gBAOzB,CAAC"}

package/dist/core/themes/light/base.js

@@ -0,0 +1,34 @@
+import { EditorView } from '@codemirror/view';
+import { HighlightStyle } from '@codemirror/language';
+import { tags } from '@lezer/highlight';
+export const lightTheme = EditorView.theme({
+    '&': {
+        backgroundColor: '#fafafa',
+        color: '#1f2937',
+    },
+    '.cm-content': {
+        caretColor: '#2563eb',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: '#2563eb',
+    },
+    '.cm-activeLine': {
+        backgroundColor: '#e5e7eb55',
+    },
+    '.cm-selectionBackground, ::selection': {
+        backgroundColor: '#bfdbfe',
+    },
+    '.cm-gutters': {
+        backgroundColor: '#f3f4f6',
+        color: '#6b7280',
+        border: 'none',
+    },
+}, { dark: false });
+export const lightHighlight = HighlightStyle.define([
+    { tag: tags.keyword, color: '#7c3aed' },
+    { tag: tags.string, color: '#059669' },
+    { tag: tags.number, color: '#2563eb' },
+    { tag: tags.comment, color: '#9ca3af', fontStyle: 'italic' },
+    { tag: tags.function(tags.variableName), color: '#0f766e' },
+    { tag: tags.typeName, color: '#9333ea' },
+]);

package/dist/core/themes/light/clouds.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { HighlightStyle } from '@codemirror/language';
+export declare const cloudsLightTheme: import("@codemirror/state").Extension;
+export declare const cloudsLightHighlight: HighlightStyle;
+//# sourceMappingURL=clouds.d.ts.map

package/dist/core/themes/light/clouds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clouds.d.ts","sourceRoot":"","sources":["../../../../src/core/themes/light/clouds.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,eAAO,MAAM,gBAAgB,uCAyB5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,gBAe/B,CAAC"}

package/dist/core/themes/light/clouds.js

@@ -0,0 +1,46 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { EditorView } from '@codemirror/view';
+import { HighlightStyle } from '@codemirror/language';
+import { tags } from '@lezer/highlight';
+export const cloudsLightTheme = EditorView.theme({
+    '&': {
+        backgroundColor: '#ffffff',
+        color: '#000000',
+    },
+    '.cm-content': {
+        caretColor: '#000000',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: '#000000',
+    },
+    '.cm-activeLine': {
+        backgroundColor: '#FFFBD1',
+    },
+    '.cm-selectionBackground, ::selection': {
+        backgroundColor: '#BDD5FC',
+    },
+    '.cm-gutters': {
+        backgroundColor: '#ffffff',
+        color: '#00000070',
+        border: 'none',
+    },
+}, { dark: false });
+export const cloudsLightHighlight = HighlightStyle.define([
+    { tag: tags.comment, color: '#BCC8BA' },
+    {
+        tag: [tags.string, tags.special(tags.brace), tags.regexp],
+        color: '#5D90CD',
+    },
+    { tag: [tags.number, tags.bool, tags.null], color: '#46A609' },
+    { tag: tags.keyword, color: '#AF956F' },
+    { tag: [tags.definitionKeyword, tags.modifier], color: '#C52727' },
+    {
+        tag: [tags.angleBracket, tags.tagName, tags.attributeName],
+        color: '#606060',
+    },
+    { tag: tags.self, color: '#000000' },
+]);

package/dist/core/themes/light/espresso.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Theme inspired by Thememirror
+ * https://github.com/vadimdemedes/thememirror
+ * MIT License
+ */
+import { HighlightStyle } from '@codemirror/language';
+export declare const espressoLightTheme: import("@codemirror/state").Extension;
+export declare const espressoLightHighlight: HighlightStyle;
+//# sourceMappingURL=espresso.d.ts.map

package/dist/core/themes/light/espresso.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"espresso.d.ts","sourceRoot":"","sources":["../../../../src/core/themes/light/espresso.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,eAAO,MAAM,kBAAkB,uCAyB9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,gBA8BjC,CAAC"}