@fsegurai/codemirror-theme-cobalt2 6.0.0

package/dist/index.cjs

@@ -0,0 +1,602 @@
+'use strict';
+
+var view = require('@codemirror/view');
+var language = require('@codemirror/language');
+var highlight = require('@lezer/highlight');
+
+// Helper module for styling options
+const generalContent = {
+    fontSize: '14px',
+    fontFamily: 'JetBrains Mono, Consolas, monospace',
+    lineHeight: '1.6',
+};
+const generalCursor = {
+    borderLeftWidth: '2px',
+};
+const generalDiff = {
+    insertedTextDecoration: 'none',
+    deletedTextDecoration: 'line-through',
+    insertedLinePadding: '1px 3px',
+    borderRadious: '3px'};
+const generalGutter = {
+    border: 'none',
+    paddingRight: '8px',
+    fontSize: '0.9em',
+    fontWeight: '500',
+};
+const generalPanel = {
+    borderRadius: '4px',
+    padding: '2px 10px',
+};
+const generalLine = {
+    borderRadius: '2px',
+};
+const generalMatching = {
+    borderRadius: '2px',
+};
+const generalPlaceholder = {
+    borderRadius: '4px',
+    padding: '0 5px',
+    margin: '0 2px',
+};
+const generalScroller = {
+    width: '12px',
+    height: '12px',
+    borderRadius: '6px',
+};
+const generalSearchField = {
+    borderRadius: '4px',
+    padding: '2px 6px',
+};
+const generalTooltip = {
+    borderRadius: '4px',
+    borderRadiusSelected: '3px',
+    lineHeight: '1.3',
+    padding: '4px 8px',
+    paddingRight: '8px',
+};
+/**
+ * Function to apply merge revert styles for a theme
+ * @param styles Styles for the merge revert buttons
+ * @param styles.backgroundColor Background color of the revert area
+ * @param styles.borderColor Border color of the revert area
+ * @param styles.buttonColor Color of the revert buttons
+ * @param styles.buttonHoverColor Hover color of the revert buttons
+ */
+function applyMergeRevertStyles(styles) {
+    // Create a stylesheet
+    const styleEl = document.createElement('style');
+    styleEl.id = 'cm-merge-revert-styles';
+    // Define CSS with the theme-specific values
+    styleEl.textContent = `
+    .cm-merge-revert {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: flex-start;
+      padding: 4px;
+      background-color: ${styles.backgroundColor};
+      border-left: 1px solid ${styles.borderColor};
+      border-right: 1px solid ${styles.borderColor};
+      width: 32px;
+    }
+    
+    .cm-merge-revert button {
+      width: 100%;
+      height: auto;
+      background-color: transparent;
+      border: none;
+      color: ${styles.buttonColor};
+      cursor: pointer;
+      margin: 0 auto;
+      font-size: 20px;
+    }
+    
+    .cm-merge-revert button:hover {
+      background-color: ${styles.buttonHoverColor};
+    }
+  `;
+    // Remove any existing merge styles
+    const existingStyle = document.getElementById('cm-merge-revert-styles');
+    if (existingStyle)
+        existingStyle.remove();
+    // Add the new styles
+    document.head.appendChild(styleEl);
+}
+
+/**
+ * Cobalt2 theme color palette
+ * ---------------------------------------------------------------------
+ * Colors are organized by function with visual color blocks for quick reference
+ */
+// Base colors from the original Cobalt2 theme (exact match)
+const background = '#193549', // Main editor background
+foreground = '#fff', // Main text color (exact from original)
+cursor = '#ffc600', // Cursor color (bright yellow)
+selection = '#0050A4', // Selection background
+selectionInactive = '#003b8b', // Inactive selection
+selectionHighlight = '#0050A480', // Selection highlights (with transparency)
+lineHighlight = '#99eeff33', // The current line highlights
+// UI backgrounds (exact from original)
+darkBackground = '#122738', // Sidebar, panels, gutter
+panelBackground = '#15232d', // Panel background
+gutterBackground = '#12273866', // Gutter background with transparency
+// Searches and finds colors (exact from original)
+findMatchCurrent = '#FF720066', // Currently found item
+findMatchOther = '#CAD40F66', // Other found items
+hoverHighlight = '#ffc60033', // Hover highlight
+// Word highlights (exact from original)
+wordHighlight = '#ffffff21', // Word highlight background
+// Accent colors from tokenColors (exact from original)
+blue = '#0088ff', // Comments, links
+cyan = '#80fcff', // Special keywords, module exports
+lightBlue = '#9effff', // Meta, variables, properties
+yellow = '#ffc600', // Entities, storage, functions
+orange = '#ff9d00', // Keywords, support functions
+pink = '#ff628c', // Constants, deleted text
+hotPink = '#fb94ff', // Language variables, storage.type.function
+lightPink = '#FF68B8', // Types, interfaces (semantic)
+green = '#3ad900', // Template strings
+lightGreen = '#a5ff90', // Regular strings, markup inserted
+red = '#f44542', // Invalid, errors
+errorRed = '#A22929', // Error foreground
+// Additional colors from the original palette
+gray = '#aaa', // Comments, secondary text
+lightGray = '#e1efff', // Punctuation, variables
+darkGray = '#0d3a58', // Borders, inactive elements
+parameterYellow = '#ffee80', // Parameters, template expressions
+stringQuotes = '#92fc79', // String quotes (special)
+supportTeal = '#80ffbb'; // Support classes, TypeScript types
+// Diff/merge specific colors (exact from original)
+const addedBackground = '#3ad90033', // Light green with transparency for insertions
+removedBackground = '#ee3a4333', // Light red with transparency for deletions
+addedText = lightGreen, // Green for added text
+removedText = pink; // Pink for removed text
+/**
+ * Enhanced editor theme styles for Cobalt2
+ */
+const cobalt2Theme = view.EditorView.theme({
+    // Base editor styles
+    '&': {
+        color: foreground,
+        backgroundColor: background,
+        fontSize: generalContent.fontSize,
+        fontFamily: generalContent.fontFamily,
+    },
+    // Content and cursor
+    '.cm-content': {
+        caretColor: cursor,
+        lineHeight: generalContent.lineHeight,
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: cursor,
+        borderLeftWidth: generalCursor.borderLeftWidth,
+    },
+    '.cm-fat-cursor': {
+        backgroundColor: `${cursor}99`,
+        color: background,
+    },
+    // Selection
+    '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
+        backgroundColor: selection,
+        color: foreground,
+    },
+    // Make sure selection appears above active line
+    '.cm-selectionLayer': {
+        zIndex: 100,
+    },
+    '.cm-activeLine .cm-selectionBackground': {
+        backgroundColor: `${selection}DD`,
+        border: `1px solid ${cyan}40`,
+        borderRadius: '2px',
+    },
+    '&.cm-focused .cm-activeLine .cm-selectionBackground': {
+        backgroundColor: `${selection}FF`,
+        border: `1px solid ${cyan}60`,
+        boxShadow: `0 0 3px ${cyan}30`,
+    },
+    '&:not(.cm-focused) .cm-selectionBackground': {
+        backgroundColor: selectionInactive,
+    },
+    '&:not(.cm-focused) .cm-activeLine .cm-selectionBackground': {
+        backgroundColor: `${selectionInactive}CC`,
+        border: `1px solid ${darkGray}80`,
+    },
+    // Search functionality
+    '.cm-searchMatch': {
+        backgroundColor: findMatchCurrent,
+        outline: `1px solid ${orange}`,
+        color: foreground,
+        borderRadius: generalSearchField.borderRadius,
+    },
+    '.cm-searchMatch.cm-searchMatch-selected': {
+        backgroundColor: findMatchOther,
+        color: foreground,
+    },
+    '.cm-search.cm-panel.cm-textfield': {
+        color: yellow,
+        backgroundColor: background,
+        border: `1px solid ${darkGray}`,
+        borderRadius: generalSearchField.borderRadius,
+        padding: generalSearchField.padding,
+    },
+    // Panels
+    '.cm-panels': {
+        backgroundColor: darkBackground,
+        color: gray,
+        borderRadius: '4px',
+    },
+    '.cm-panels.cm-panels-top': {
+        borderBottom: `1px solid ${yellow}`,
+    },
+    '.cm-panels.cm-panels-bottom': {
+        borderTop: `1px solid ${yellow}`,
+    },
+    '.cm-panel button': {
+        backgroundColor: blue,
+        color: foreground,
+        border: `1px solid ${darkGray}`,
+        borderRadius: generalPanel.borderRadius,
+        padding: generalPanel.padding,
+    },
+    '.cm-panel button:hover': {
+        backgroundColor: orange,
+        color: foreground,
+    },
+    // Line highlighting
+    '.cm-activeLine': {
+        backgroundColor: lineHighlight,
+        borderRadius: generalLine.borderRadius,
+    },
+    // Gutters
+    '.cm-gutters': {
+        backgroundColor: gutterBackground,
+        color: gray,
+        border: generalGutter.border,
+        borderRight: `1px solid ${darkGray}`,
+        paddingRight: generalGutter.paddingRight,
+    },
+    '.cm-activeLineGutter': {
+        backgroundColor: 'transparent',
+        color: foreground,
+        fontWeight: generalGutter.fontWeight,
+    },
+    '.cm-lineNumbers': {
+        fontSize: generalGutter.fontSize,
+        color: gray,
+    },
+    '.cm-foldGutter': {
+        fontSize: generalGutter.fontSize,
+    },
+    '.cm-foldGutter .cm-gutterElement': {
+        color: gray,
+        cursor: 'pointer',
+    },
+    '.cm-foldGutter .cm-gutterElement:hover': {
+        color: yellow,
+    },
+    // Diff/Merge View Styles
+    // Inserted/Added Content
+    '.cm-insertedLine': {
+        textDecoration: generalDiff.insertedTextDecoration,
+        backgroundColor: addedBackground,
+        color: addedText,
+        padding: generalDiff.insertedLinePadding,
+        borderRadius: generalDiff.borderRadious,
+    },
+    'ins.cm-insertedLine, ins.cm-insertedLine:not(:has(.cm-changedText))': {
+        textDecoration: generalDiff.insertedTextDecoration,
+        backgroundColor: `${addedBackground} !important`,
+        color: addedText,
+        padding: generalDiff.insertedLinePadding,
+        borderRadius: generalDiff.borderRadious,
+        border: `1px solid ${addedText}30`,
+    },
+    'ins.cm-insertedLine .cm-changedText': {
+        background: 'transparent !important',
+    },
+    // Deleted/Removed Content
+    '.cm-deletedLine': {
+        textDecoration: generalDiff.deletedTextDecoration,
+        backgroundColor: removedBackground,
+        color: removedText,
+        padding: generalDiff.insertedLinePadding,
+        borderRadius: generalDiff.borderRadious,
+    },
+    'del.cm-deletedLine, del, del:not(:has(.cm-deletedText))': {
+        textDecoration: generalDiff.deletedTextDecoration,
+        backgroundColor: `${removedBackground} !important`,
+        color: removedText,
+        padding: generalDiff.insertedLinePadding,
+        borderRadius: generalDiff.borderRadious,
+        border: `1px solid ${removedText}30`,
+    },
+    'del .cm-deletedText, del .cm-changedText': {
+        background: 'transparent !important',
+    },
+    // Tooltips and autocomplete
+    '.cm-tooltip': {
+        backgroundColor: panelBackground,
+        border: `1px solid ${darkGray}`,
+        borderRadius: generalTooltip.borderRadius,
+        padding: generalTooltip.padding,
+        boxShadow: '0 4px 12px rgba(0, 0, 0, 0.3)',
+        color: gray, // Tooltip text color from the original
+    },
+    '.cm-tooltip-autocomplete': {
+        '& > ul': {
+            backgroundColor: panelBackground,
+            border: 'none',
+        },
+        '& > ul > li': {
+            padding: generalTooltip.padding,
+            lineHeight: generalTooltip.lineHeight,
+            color: gray,
+        },
+        '& > ul > li[aria-selected]': {
+            backgroundColor: background,
+            color: yellow,
+            borderRadius: generalTooltip.borderRadiusSelected,
+        },
+        '& > ul > li > span.cm-completionIcon': {
+            color: blue,
+            paddingRight: generalTooltip.paddingRight,
+        },
+        '& > ul > li > span.cm-completionDetail': {
+            color: gray,
+            fontStyle: 'italic',
+        },
+    },
+    // Diagnostics styling
+    '.cm-diagnostic': {
+        '&-error': {
+            borderLeft: `3px solid ${errorRed}`,
+        },
+        '&-warning': {
+            borderLeft: `3px solid ${yellow}`,
+        },
+        '&-info': {
+            borderLeft: `3px solid ${blue}`,
+        },
+    },
+    '.cm-lintPoint-error': {
+        borderBottom: `2px wavy ${errorRed}`,
+    },
+    '.cm-lintPoint-warning': {
+        borderBottom: `2px wavy ${yellow}`,
+    },
+    // Matching brackets
+    '.cm-matchingBracket': {
+        backgroundColor: darkGray,
+        outline: `1px solid ${cursor}80`,
+        borderRadius: generalMatching.borderRadius,
+    },
+    '.cm-nonmatchingBracket': {
+        backgroundColor: `${errorRed}20`,
+        outline: `1px solid ${errorRed}`,
+        borderRadius: generalMatching.borderRadius,
+    },
+    // Selection matches
+    '.cm-selectionMatch': {
+        backgroundColor: selectionHighlight,
+        borderRadius: generalMatching.borderRadius,
+    },
+    '.cm-hoverHighlight': {
+        backgroundColor: hoverHighlight,
+    },
+    '.cm-wordHighlight': {
+        backgroundColor: wordHighlight,
+        borderRadius: generalMatching.borderRadius,
+    },
+    // Fold placeholder
+    '.cm-foldPlaceholder': {
+        backgroundColor: 'transparent',
+        color: gray,
+        border: `1px dotted ${blue}50`,
+        borderRadius: generalPlaceholder.borderRadius,
+        padding: generalPlaceholder.padding,
+        margin: generalPlaceholder.margin,
+    },
+    // Focus outline
+    '&.cm-focused': {
+        outline: 'none',
+    },
+    // Scrollbars - exact from original
+    '& .cm-scroller::-webkit-scrollbar': {
+        width: generalScroller.width,
+        height: generalScroller.height,
+    },
+    '& .cm-scroller::-webkit-scrollbar-track': {
+        background: darkBackground,
+    },
+    '& .cm-scroller::-webkit-scrollbar-thumb': {
+        backgroundColor: '#406179cc',
+        borderRadius: generalScroller.borderRadius,
+        border: `3px solid ${darkBackground}`,
+    },
+    '& .cm-scroller::-webkit-scrollbar-thumb:hover': {
+        backgroundColor: '#437da3cc',
+    },
+    // Ghost text
+    '.cm-ghostText': {
+        opacity: '0.5',
+        color: gray,
+    },
+    // Whitespace characters
+    '.cm-specialChar': {
+        color: '#ffffff52',
+    },
+    // Indent guides
+    '.cm-indentGuide': {
+        borderLeft: '1px solid #3B5364',
+    },
+}, { dark: true });
+/**
+ * Enhanced syntax highlighting for the Cobalt2 theme
+ */
+const cobalt2HighlightStyle = language.HighlightStyle.define([
+    // Keywords and control flow
+    { tag: highlight.tags.keyword, color: orange },
+    { tag: highlight.tags.controlKeyword, color: orange },
+    { tag: highlight.tags.operatorKeyword, color: orange },
+    { tag: highlight.tags.moduleKeyword, color: cyan },
+    { tag: highlight.tags.definitionKeyword, color: hotPink },
+    // Variables - Enhanced for better distinction
+    { tag: highlight.tags.variableName, color: foreground },
+    { tag: highlight.tags.definition(highlight.tags.variableName), color: foreground },
+    { tag: highlight.tags.local(highlight.tags.variableName), color: foreground },
+    // Classes and types
+    { tag: highlight.tags.typeName, color: lightPink, fontStyle: 'italic' },
+    { tag: highlight.tags.className, color: lightPink, fontStyle: 'italic' },
+    { tag: highlight.tags.namespace, color: lightPink, fontStyle: 'italic' },
+    { tag: highlight.tags.macroName, color: lightPink, fontStyle: 'italic' },
+    { tag: highlight.tags.standard(highlight.tags.tagName), color: supportTeal },
+    { tag: highlight.tags.standard(highlight.tags.propertyName), color: supportTeal },
+    // Operators and punctuation
+    { tag: highlight.tags.operator, color: lightGray },
+    { tag: highlight.tags.derefOperator, color: lightGray },
+    { tag: highlight.tags.arithmeticOperator, color: lightGray },
+    { tag: highlight.tags.logicOperator, color: lightGray },
+    { tag: highlight.tags.bitwiseOperator, color: lightGray },
+    { tag: highlight.tags.compareOperator, color: lightGray },
+    { tag: highlight.tags.updateOperator, color: lightGray },
+    { tag: highlight.tags.punctuation, color: lightGray },
+    { tag: highlight.tags.bracket, color: lightGray },
+    { tag: highlight.tags.brace, color: lightGray },
+    { tag: highlight.tags.squareBracket, color: lightGray },
+    { tag: highlight.tags.paren, color: yellow },
+    { tag: highlight.tags.angleBracket, color: lightGray },
+    { tag: [highlight.tags.operator, highlight.tags.punctuation], color: lightGray },
+    // Functions
+    { tag: highlight.tags.function(highlight.tags.variableName), color: yellow },
+    { tag: highlight.tags.function(highlight.tags.definition(highlight.tags.variableName)), color: yellow },
+    { tag: highlight.tags.function(highlight.tags.propertyName), color: yellow },
+    { tag: [highlight.tags.moduleKeyword, highlight.tags.special(highlight.tags.keyword)], color: cyan },
+    { tag: [highlight.tags.definitionKeyword], color: hotPink },
+    // Comments
+    { tag: highlight.tags.comment, color: blue, fontStyle: 'italic' },
+    { tag: highlight.tags.docComment, color: blue, fontStyle: 'italic' },
+    { tag: highlight.tags.lineComment, color: blue, fontStyle: 'italic' },
+    { tag: highlight.tags.blockComment, color: blue, fontStyle: 'italic' },
+    // Storage and function keywords
+    { tag: highlight.tags.modifier, color: yellow, fontStyle: 'italic' },
+    // Special variables and exports
+    { tag: highlight.tags.special(highlight.tags.variableName), color: cyan },
+    // Properties
+    { tag: highlight.tags.propertyName, color: lightBlue },
+    { tag: highlight.tags.definition(highlight.tags.propertyName), color: lightBlue },
+    // Constants
+    { tag: highlight.tags.constant(highlight.tags.name), color: pink },
+    { tag: highlight.tags.standard(highlight.tags.name), color: pink },
+    { tag: highlight.tags.number, color: pink },
+    { tag: highlight.tags.integer, color: pink },
+    { tag: highlight.tags.float, color: pink },
+    { tag: highlight.tags.bool, color: pink },
+    { tag: highlight.tags.atom, color: pink },
+    { tag: highlight.tags.null, color: pink },
+    // Strings
+    { tag: highlight.tags.string, color: lightGreen },
+    { tag: highlight.tags.special(highlight.tags.string), color: green },
+    { tag: highlight.tags.regexp, color: lightGreen },
+    // String quotes
+    { tag: highlight.tags.quote, color: stringQuotes },
+    // Parameters
+    { tag: highlight.tags.definition(highlight.tags.function(highlight.tags.variableName)), color: parameterYellow },
+    // HTML/XML elements
+    { tag: highlight.tags.tagName, color: lightBlue },
+    { tag: highlight.tags.attributeName, color: yellow, fontStyle: 'italic' },
+    { tag: highlight.tags.attributeValue, color: lightGreen },
+    // Special language constructs
+    { tag: highlight.tags.self, color: hotPink },
+    // Meta and annotations
+    { tag: highlight.tags.meta, color: lightBlue },
+    { tag: highlight.tags.annotation, color: yellow, fontStyle: 'italic' },
+    { tag: highlight.tags.processingInstruction, color: yellow },
+    { tag: highlight.tags.heading, color: yellow, fontWeight: 'bold' },
+    { tag: highlight.tags.heading1, color: yellow, fontWeight: 'bold' },
+    { tag: highlight.tags.heading2, color: yellow, fontWeight: 'bold' },
+    { tag: highlight.tags.heading3, color: yellow, fontWeight: 'bold' },
+    { tag: highlight.tags.heading4, color: yellow, fontWeight: 'bold' },
+    { tag: highlight.tags.heading5, color: yellow, fontWeight: 'bold' },
+    { tag: highlight.tags.heading6, color: yellow, fontWeight: 'bold' },
+    { tag: highlight.tags.contentSeparator, color: yellow },
+    { tag: highlight.tags.strong, color: lightBlue, fontWeight: 'bold' },
+    { tag: highlight.tags.emphasis, color: lightBlue, fontStyle: 'italic' },
+    { tag: highlight.tags.list, color: yellow },
+    { tag: highlight.tags.quote, color: lightBlue, fontStyle: 'italic' },
+    // Code blocks and inline code - Enhanced styling
+    { tag: highlight.tags.monospace, color: lightBlue },
+    { tag: highlight.tags.special(highlight.tags.monospace), color: green },
+    { tag: highlight.tags.strikethrough, color: gray, textDecoration: 'line-through' },
+    // Links and URLs
+    { tag: highlight.tags.link, color: blue },
+    { tag: highlight.tags.url, color: lightBlue },
+    // Special states
+    { tag: highlight.tags.invalid, color: red },
+    { tag: highlight.tags.deleted, color: pink },
+    { tag: highlight.tags.inserted, color: lightGreen },
+    { tag: highlight.tags.changed, color: yellow },
+    // Module system - exports, require, module should be cyan
+    { tag: highlight.tags.special(highlight.tags.keyword), color: cyan }, // Special keywords like exports
+    // Function declarations and expressions - function keyword should be magenta
+    { tag: highlight.tags.definitionKeyword, color: hotPink }, // function, class, etc.
+    // Method names and function assignments - yellow
+    { tag: highlight.tags.function(highlight.tags.propertyName), color: yellow }, // obj.method, exports.functionName
+    // Arrow functions and anonymous functions
+    { tag: highlight.tags.function(highlight.tags.definition(highlight.tags.variableName)), color: yellow },
+    // Object property access - cyan for special objects like exports
+    { tag: highlight.tags.special(highlight.tags.propertyName), color: cyan }, // exports.something
+    // Language-specific: CSS
+    { tag: highlight.tags.unit, color: parameterYellow }, // CSS units
+    // Enhanced code block syntax highlighting for better JavaScript support
+    // ====================================================================
+    // JavaScript/TypeScript keywords in code blocks
+    { tag: [highlight.tags.controlKeyword, highlight.tags.keyword], color: orange }, // return, if, else, etc.
+    // Variables in code blocks - white for better readability
+    { tag: [highlight.tags.variableName, highlight.tags.local(highlight.tags.variableName)], color: foreground },
+    // Functions in code blocks - yellow
+    {
+        tag: [highlight.tags.function(highlight.tags.variableName), highlight.tags.function(highlight.tags.definition(highlight.tags.variableName))],
+        color: yellow,
+    },
+    // Strings in code blocks
+    { tag: [highlight.tags.string, highlight.tags.special(highlight.tags.string)], color: lightGreen },
+    // Numbers in code blocks
+    { tag: [highlight.tags.number, highlight.tags.integer, highlight.tags.float], color: pink },
+    // Comments in code blocks
+    {
+        tag: [highlight.tags.comment, highlight.tags.lineComment, highlight.tags.blockComment],
+        color: blue,
+        fontStyle: 'italic',
+    },
+    // HTML/XML in code blocks
+    { tag: [highlight.tags.tagName, highlight.tags.angleBracket], color: lightBlue },
+    { tag: [highlight.tags.attributeName], color: yellow, fontStyle: 'italic' },
+    { tag: [highlight.tags.attributeValue], color: lightGreen },
+    { tag: [highlight.tags.propertyName], color: lightBlue },
+    { tag: [highlight.tags.className], color: lightPink, fontStyle: 'italic' },
+    { tag: [highlight.tags.standard(highlight.tags.propertyName)], color: supportTeal },
+    // Entity names
+    { tag: highlight.tags.labelName, color: yellow },
+    { tag: highlight.tags.escape, color: yellow },
+]);
+/**
+ * Combined Cobalt2 theme extension
+ */
+const cobalt2 = [
+    cobalt2Theme,
+    language.syntaxHighlighting(cobalt2HighlightStyle),
+];
+/**
+ * Cobalt2 merge revert styles configuration
+ */
+const cobalt2MergeStyles = {
+    backgroundColor: panelBackground,
+    borderColor: darkGray,
+    buttonColor: gray,
+    buttonHoverColor: darkGray,
+};
+
+exports.applyMergeRevertStyles = applyMergeRevertStyles;
+exports.cobalt2 = cobalt2;
+exports.cobalt2MergeStyles = cobalt2MergeStyles;

package/dist/index.d.cts

@@ -0,0 +1,28 @@
+import { Extension } from '@codemirror/state';
+
+interface IMergeRevertStyles {
+    backgroundColor: string;
+    borderColor: string;
+    buttonColor: string;
+    buttonHoverColor: string;
+}
+/**
+ * Function to apply merge revert styles for a theme
+ * @param styles Styles for the merge revert buttons
+ * @param styles.backgroundColor Background color of the revert area
+ * @param styles.borderColor Border color of the revert area
+ * @param styles.buttonColor Color of the revert buttons
+ * @param styles.buttonHoverColor Hover color of the revert buttons
+ */
+declare function applyMergeRevertStyles(styles: IMergeRevertStyles): void;
+
+/**
+ * Combined Cobalt2 theme extension
+ */
+declare const cobalt2: Extension;
+/**
+ * Cobalt2 merge revert styles configuration
+ */
+declare const cobalt2MergeStyles: IMergeRevertStyles;
+
+export { applyMergeRevertStyles, cobalt2, cobalt2MergeStyles };

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+import { Extension } from '@codemirror/state';
+
+interface IMergeRevertStyles {
+    backgroundColor: string;
+    borderColor: string;
+    buttonColor: string;
+    buttonHoverColor: string;
+}
+/**
+ * Function to apply merge revert styles for a theme
+ * @param styles Styles for the merge revert buttons
+ * @param styles.backgroundColor Background color of the revert area
+ * @param styles.borderColor Border color of the revert area
+ * @param styles.buttonColor Color of the revert buttons
+ * @param styles.buttonHoverColor Hover color of the revert buttons
+ */
+declare function applyMergeRevertStyles(styles: IMergeRevertStyles): void;
+
+/**
+ * Combined Cobalt2 theme extension
+ */
+declare const cobalt2: Extension;
+/**
+ * Cobalt2 merge revert styles configuration
+ */
+declare const cobalt2MergeStyles: IMergeRevertStyles;
+
+export { applyMergeRevertStyles, cobalt2, cobalt2MergeStyles };