@fsegurai/codemirror-theme-andromeda 6.2.0-beta.2 → 6.2.0-beta.4

package/dist/index.cjs

@@ -3,7 +3,7 @@
 var view = require('@codemirror/view');
 var language = require('@codemirror/language');
 var highlight = require('@lezer/highlight');
-var utils = require('../../.helper/utils');
+var codemirrorThemeUtils = require('@fsegurai/codemirror-theme-utils');
 
 /**
  * Enhanced Andromeda theme color palette
@@ -39,17 +39,17 @@ const andromedaTheme = view.EditorView.theme({
     '&': {
         color: base01,
         backgroundColor: base00,
-        fontSize: utils.generalContent.fontSize,
-        fontFamily: utils.generalContent.fontFamily,
+        fontSize: codemirrorThemeUtils.generalContent.fontSize,
+        fontFamily: codemirrorThemeUtils.generalContent.fontFamily,
     },
     // Content and cursor
     '.cm-content': {
         caretColor: cursor,
-        lineHeight: utils.generalContent.lineHeight,
+        lineHeight: codemirrorThemeUtils.generalContent.lineHeight,
     },
     '.cm-cursor, .cm-dropCursor': {
         borderLeftColor: cursor,
-        borderLeftWidth: utils.generalCursor.borderLeftWidth,
+        borderLeftWidth: codemirrorThemeUtils.generalCursor.borderLeftWidth,
     },
     '.cm-fat-cursor': {
         backgroundColor: `${cursor}99`,
@@ -69,7 +69,7 @@ const andromedaTheme = view.EditorView.theme({
         backgroundColor: '#db45a230',
         outline: `1px solid ${base05}30`,
         color: base01,
-        borderRadius: utils.generalSearchField.borderRadius,
+        borderRadius: codemirrorThemeUtils.generalSearchField.borderRadius,
         '& span': {
             color: base01,
         },
@@ -77,15 +77,15 @@ const andromedaTheme = view.EditorView.theme({
     '.cm-searchMatch.cm-searchMatch-selected': {
         backgroundColor: '#db45a280',
         color: base01,
-        padding: utils.generalSearchField.padding,
+        padding: codemirrorThemeUtils.generalSearchField.padding,
         '& span': {
             color: base01,
         },
     },
     '.cm-search.cm-panel.cm-textfield': {
         color: base06,
-        borderRadius: utils.generalSearchField.borderRadius,
-        padding: utils.generalSearchField.padding,
+        borderRadius: codemirrorThemeUtils.generalSearchField.borderRadius,
+        padding: codemirrorThemeUtils.generalSearchField.padding,
     },
     // Panels
     '.cm-panels': {
@@ -101,9 +101,9 @@ const andromedaTheme = view.EditorView.theme({
     '.cm-panel button': {
         backgroundColor: darkBackground,
         color: base06,
-        border: utils.generalPanel.border,
-        borderRadius: utils.generalPanel.borderRadius,
-        padding: utils.generalPanel.padding,
+        border: codemirrorThemeUtils.generalPanel.border,
+        borderRadius: codemirrorThemeUtils.generalPanel.borderRadius,
+        padding: codemirrorThemeUtils.generalPanel.padding,
     },
     '.cm-panel button:hover': {
         backgroundColor: '#343946',
@@ -111,27 +111,27 @@ const andromedaTheme = view.EditorView.theme({
     // Line highlighting
     '.cm-activeLine': {
         backgroundColor: highlightBackground,
-        borderRadius: utils.generalLine.borderRadius,
+        borderRadius: codemirrorThemeUtils.generalLine.borderRadius,
         zIndex: 1,
     },
     // Gutters
     '.cm-gutters': {
         backgroundColor: darkBackground,
         color: '#748099',
-        border: utils.generalGutter.border,
+        border: codemirrorThemeUtils.generalGutter.border,
         borderRight: '1px solid #33384550',
-        paddingRight: utils.generalGutter.paddingRight,
+        paddingRight: codemirrorThemeUtils.generalGutter.paddingRight,
     },
     '.cm-activeLineGutter': {
         backgroundColor: highlightBackground,
         color: base01,
-        fontWeight: utils.generalGutter.fontWeight,
+        fontWeight: codemirrorThemeUtils.generalGutter.fontWeight,
     },
     '.cm-lineNumbers': {
-        fontSize: utils.generalGutter.fontSize,
+        fontSize: codemirrorThemeUtils.generalGutter.fontSize,
     },
     '.cm-foldGutter': {
-        fontSize: utils.generalGutter.fontSize,
+        fontSize: codemirrorThemeUtils.generalGutter.fontSize,
     },
     '.cm-foldGutter .cm-gutterElement': {
         color: '#748099',
@@ -144,8 +144,8 @@ const andromedaTheme = view.EditorView.theme({
     '.cm-tooltip': {
         backgroundColor: tooltipBackground,
         border: '1px solid #3a3e4c',
-        borderRadius: utils.generalTooltip.borderRadius,
-        padding: utils.generalTooltip.padding,
+        borderRadius: codemirrorThemeUtils.generalTooltip.borderRadius,
+        padding: codemirrorThemeUtils.generalTooltip.padding,
         boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',
     },
     '.cm-tooltip-autocomplete': {
@@ -154,17 +154,17 @@ const andromedaTheme = view.EditorView.theme({
             border: 'none',
         },
         '& > ul > li': {
-            padding: utils.generalTooltip.padding,
-            lineHeight: utils.generalTooltip.lineHeight,
+            padding: codemirrorThemeUtils.generalTooltip.padding,
+            lineHeight: codemirrorThemeUtils.generalTooltip.lineHeight,
         },
         '& > ul > li[aria-selected]': {
             backgroundColor: '#db45a240',
             color: base01,
-            borderRadius: utils.generalTooltip.borderRadiusSelected,
+            borderRadius: codemirrorThemeUtils.generalTooltip.borderRadiusSelected,
         },
         '& > ul > li > span.cm-completionIcon': {
             color: '#748099',
-            paddingRight: utils.generalTooltip.paddingRight,
+            paddingRight: codemirrorThemeUtils.generalTooltip.paddingRight,
         },
         '& > ul > li > span.cm-completionDetail': {
             color: '#748099',
@@ -201,27 +201,27 @@ const andromedaTheme = view.EditorView.theme({
     '.cm-matchingBracket': {
         backgroundColor: activeBracketBg,
         outline: `1px solid ${activeBracketBorder}50`,
-        borderRadius: utils.generalMatching.borderRadius,
+        borderRadius: codemirrorThemeUtils.generalMatching.borderRadius,
     },
     '.cm-nonmatchingBracket': {
         backgroundColor: '#ff405030',
         outline: `1px solid ${invalid}`,
-        borderRadius: utils.generalMatching.borderRadius,
+        borderRadius: codemirrorThemeUtils.generalMatching.borderRadius,
     },
     // Selection matches
     '.cm-selectionMatch': {
         backgroundColor: '#db45a240',
         outline: `1px solid ${base05}50`,
-        borderRadius: utils.generalMatching.borderRadius,
+        borderRadius: codemirrorThemeUtils.generalMatching.borderRadius,
     },
     // Fold placeholder
     '.cm-foldPlaceholder': {
         backgroundColor: 'transparent',
         color: base02,
         border: `1px dotted ${base05}70`,
-        borderRadius: utils.generalPlaceholder.borderRadius,
-        padding: utils.generalPlaceholder.padding,
-        margin: utils.generalPlaceholder.margin,
+        borderRadius: codemirrorThemeUtils.generalPlaceholder.borderRadius,
+        padding: codemirrorThemeUtils.generalPlaceholder.padding,
+        margin: codemirrorThemeUtils.generalPlaceholder.margin,
     },
     // Focus outline
     '&.cm-focused': {
@@ -230,15 +230,15 @@ const andromedaTheme = view.EditorView.theme({
     },
     // Scrollbars
     '& .cm-scroller::-webkit-scrollbar': {
-        width: utils.generalScroller.width,
-        height: utils.generalScroller.height,
+        width: codemirrorThemeUtils.generalScroller.width,
+        height: codemirrorThemeUtils.generalScroller.height,
     },
     '& .cm-scroller::-webkit-scrollbar-track': {
         background: darkBackground,
     },
     '& .cm-scroller::-webkit-scrollbar-thumb': {
         backgroundColor: '#3b4151',
-        borderRadius: utils.generalScroller.borderRadius,
+        borderRadius: codemirrorThemeUtils.generalScroller.borderRadius,
         border: `3px solid ${darkBackground}`,
     },
     '& .cm-scroller::-webkit-scrollbar-thumb:hover': {

package/dist/index.js

@@ -1,7 +1,7 @@
 import { EditorView } from '@codemirror/view';
 import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
 import { tags } from '@lezer/highlight';
-import { generalScroller, generalPlaceholder, generalMatching, generalTooltip, generalGutter, generalLine, generalPanel, generalSearchField, generalCursor, generalContent } from '../../.helper/utils';
+import { generalScroller, generalPlaceholder, generalMatching, generalTooltip, generalGutter, generalLine, generalPanel, generalSearchField, generalCursor, generalContent } from '@fsegurai/codemirror-theme-utils';
 
 /**
  * Enhanced Andromeda theme color palette

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fsegurai/codemirror-theme-andromeda",
   "description": "Andromeda theme for the CodeMirror code editor",
-  "version": "6.2.0-beta.2",
+  "version": "6.2.0-beta.4",
   "type": "module",
   "main": "dist/index.cjs",
   "exports": {
@@ -34,7 +34,8 @@
     "@lezer/highlight": "^1.0.0",
     "@codemirror/language": "^6.0.0",
     "@codemirror/state": "^6.0.0",
-    "@codemirror/view": "^6.0.0"
+    "@codemirror/view": "^6.0.0",
+    "@fsegurai/codemirror-theme-utils": "6.2.0-beta.3"
   },
   "devDependencies": {
     "@codemirror/buildhelper": "^1.0.2"