@uiw/codemirror-themes - npm Package Compare versions

Comparing version 4.13.2 to 4.14.0

cjs/index.d.ts

@@ -33,2 +33,4 @@ import { Extension } from '@codemirror/state';
     gutterForeground?: string;
+    /** Text active color inside gutter. */
+    gutterActiveForeground?: string;
     /** Gutter right border color. */
@@ -35,0 +37,0 @@ gutterBorder?: string;

cjs/index.js

@@ -37,2 +37,6 @@ "use strict";
   }
+  var activeLineGutterStyle = {};
+  if (settings.gutterActiveForeground) {
+    activeLineGutterStyle.color = settings.gutterActiveForeground;
+  }
   if (settings.lineHighlight) {
@@ -42,6 +46,5 @@ themeOptions['.cm-activeLine'] = {
     };
-    themeOptions['.cm-activeLineGutter'] = {
-      backgroundColor: settings.lineHighlight
-    };
+    activeLineGutterStyle.backgroundColor = settings.lineHighlight;
   }
+  themeOptions['.cm-activeLineGutter'] = activeLineGutterStyle;
   if (settings.selection) {
@@ -48,0 +51,0 @@ themeOptions['&.cm-focused .cm-selectionBackground .cm-selectionBackground, & .cm-selectionLayer .cm-selectionBackground, ::selection'] = {

esm/index.d.ts

@@ -33,2 +33,4 @@ import { Extension } from '@codemirror/state';
     gutterForeground?: string;
+    /** Text active color inside gutter. */
+    gutterActiveForeground?: string;
     /** Gutter right border color. */
@@ -35,0 +37,0 @@ gutterBorder?: string;

esm/index.js

@@ -33,2 +33,6 @@ import { EditorView } from '@codemirror/view';
   }
+  var activeLineGutterStyle = {};
+  if (settings.gutterActiveForeground) {
+    activeLineGutterStyle.color = settings.gutterActiveForeground;
+  }
   if (settings.lineHighlight) {
@@ -38,6 +42,5 @@ themeOptions['.cm-activeLine'] = {
     };
-    themeOptions['.cm-activeLineGutter'] = {
-      backgroundColor: settings.lineHighlight
-    };
+    activeLineGutterStyle.backgroundColor = settings.lineHighlight;
   }
+  themeOptions['.cm-activeLineGutter'] = activeLineGutterStyle;
   if (settings.selection) {
@@ -44,0 +47,0 @@ themeOptions['&.cm-focused .cm-selectionBackground .cm-selectionBackground, & .cm-selectionLayer .cm-selectionBackground, ::selection'] = {

package.json

 {
   "name": "@uiw/codemirror-themes",
-  "version": "4.13.2",
+  "version": "4.14.0",
   "description": "Themes for CodeMirror.",
@@ -5,0 +5,0 @@ "homepage": "https://uiwjs.github.io/react-codemirror/#/theme/doc",

README.md

@@ -197,2 +197,8 @@ # Custom Codemirror Themes
 
+**vscode**
+
+<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/202343079-7eca1c90-da69-4ef2-a18c-4c9f5ea4e396.png">
+</a>
+
 **xcode**
@@ -199,0 +205,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

31633

increased by6.73%

Lines of code

300

increased by5.26%

Number of lines in readme file

279

increased by2.2%

No dependency changes