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

Comparing version 4.9.3 to 4.9.4

cjs/index.js

@@ -15,3 +15,4 @@ "use strict";
  * @author dracula
- * Original dracula color scheme by Zeno Rocha (https://github.com/dracula/dracula-theme)
+ * Michael Kaminsky (http://github.com/mkaminsky11)
+ * Original dracula color scheme by Zeno Rocha (https://github.com/zenorocha/dracula-theme)
  */
@@ -21,37 +22,35 @@ var dracula = (0, _codemirrorThemes.createTheme)({
   settings: {
-    background: '#2B2B2B',
+    background: '#282a36',
     foreground: '#f8f8f2',
-    caret: '#FFFFFF',
+    caret: '#f8f8f0',
     selection: 'rgba(255, 255, 255, 0.1)',
-    gutterBackground: 'rgba(255, 255, 255, 0.1)',
-    gutterForeground: '#999',
+    selectionMatch: 'rgba(255, 255, 255, 0.2)',
+    gutterBackground: '#282a36',
+    gutterForeground: '#6D8A88',
     lineHighlight: 'rgba(255, 255, 255, 0.1)'
   },
   styles: [{
-    tag: [_highlight.tags.atom, _highlight.tags.number],
-    color: '#bd93f9'
+    tag: _highlight.tags.comment,
+    color: '#6272a4'
   }, {
-    tag: [_highlight.tags.comment],
-    color: '#61A151'
+    tag: _highlight.tags.string,
+    color: '#f1fa8c'
   }, {
-    tag: [_highlight.tags.string],
-    color: '#6A8759'
+    tag: _highlight.tags.atom,
+    color: '#bd93f9'
   }, {
-    tag: [_highlight.tags.variableName, _highlight.tags.operator],
-    color: '#A9B7C6'
+    tag: _highlight.tags.meta,
+    color: '#f8f8f2'
   }, {
-    tag: [_highlight.tags.meta, _highlight.tags.className],
-    color: '#A9B7C6'
+    tag: [_highlight.tags.keyword, _highlight.tags.operator, _highlight.tags.tagName],
+    color: '#ff79c6'
   }, {
-    tag: [_highlight.tags.propertyName],
-    color: '#FFC66D'
+    tag: [_highlight.tags["function"](_highlight.tags.propertyName), _highlight.tags.propertyName],
+    color: '#66d9ef'
   }, {
-    tag: [_highlight.tags.keyword],
-    color: '#CC7832'
+    tag: [_highlight.tags.definition(_highlight.tags.variableName), _highlight.tags["function"](_highlight.tags.variableName), _highlight.tags.className, _highlight.tags.attributeName],
+    color: '#50fa7b'
   }, {
-    tag: [_highlight.tags.tagName],
-    color: '#ff79c6'
-  }, {
-    tag: [_highlight.tags.typeName],
-    color: '#ffb86c'
+    tag: _highlight.tags.atom,
+    color: '#bd93f9'
   }]
@@ -58,0 +57,0 @@ });

esm/index.js

 /**
  * @name dracula
  * @author dracula
- * Original dracula color scheme by Zeno Rocha (https://github.com/dracula/dracula-theme)
+ * Michael Kaminsky (http://github.com/mkaminsky11)
+ * Original dracula color scheme by Zeno Rocha (https://github.com/zenorocha/dracula-theme)
  */
@@ -11,39 +12,37 @@ import { tags as t } from '@lezer/highlight';
   settings: {
-    background: '#2B2B2B',
+    background: '#282a36',
     foreground: '#f8f8f2',
-    caret: '#FFFFFF',
+    caret: '#f8f8f0',
     selection: 'rgba(255, 255, 255, 0.1)',
-    gutterBackground: 'rgba(255, 255, 255, 0.1)',
-    gutterForeground: '#999',
+    selectionMatch: 'rgba(255, 255, 255, 0.2)',
+    gutterBackground: '#282a36',
+    gutterForeground: '#6D8A88',
     lineHighlight: 'rgba(255, 255, 255, 0.1)'
   },
   styles: [{
-    tag: [t.atom, t.number],
-    color: '#bd93f9'
+    tag: t.comment,
+    color: '#6272a4'
   }, {
-    tag: [t.comment],
-    color: '#61A151'
+    tag: t.string,
+    color: '#f1fa8c'
   }, {
-    tag: [t.string],
-    color: '#6A8759'
+    tag: t.atom,
+    color: '#bd93f9'
   }, {
-    tag: [t.variableName, t.operator],
-    color: '#A9B7C6'
+    tag: t.meta,
+    color: '#f8f8f2'
   }, {
-    tag: [t.meta, t.className],
-    color: '#A9B7C6'
+    tag: [t.keyword, t.operator, t.tagName],
+    color: '#ff79c6'
   }, {
-    tag: [t.propertyName],
-    color: '#FFC66D'
+    tag: [t.function(t.propertyName), t.propertyName],
+    color: '#66d9ef'
   }, {
-    tag: [t.keyword],
-    color: '#CC7832'
+    tag: [t.definition(t.variableName), t.function(t.variableName), t.className, t.attributeName],
+    color: '#50fa7b'
   }, {
-    tag: [t.tagName],
-    color: '#ff79c6'
-  }, {
-    tag: [t.typeName],
-    color: '#ffb86c'
+    tag: t.atom,
+    color: '#bd93f9'
   }]
 });
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@uiw/codemirror-theme-dracula",
-  "version": "4.9.3",
+  "version": "4.9.4",
   "description": "Theme dracula for CodeMirror.",
@@ -24,3 +24,3 @@ "homepage": "https://uiwjs.github.io/react-codemirror/#/theme/data/dracula",
   "dependencies": {
-    "@uiw/codemirror-themes": "4.9.3"
+    "@uiw/codemirror-themes": "4.9.4"
   },
@@ -27,0 +27,0 @@ "keywords": [

README.md

@@ -0,3 +1,7 @@
+<!--rehype:ignore:start-->
+
 # Dracula Theme
 
+<!--rehype:ignore:end-->
+
 [![npm version](https://img.shields.io/npm/v/@uiw/codemirror-theme-dracula.svg)](https://www.npmjs.com/package/@uiw/codemirror-theme-dracula)
@@ -4,0 +8,0 @@

src/index.ts

 /**
  * @name dracula
  * @author dracula
- * Original dracula color scheme by Zeno Rocha (https://github.com/dracula/dracula-theme)
+ * Michael Kaminsky (http://github.com/mkaminsky11)
+ * Original dracula color scheme by Zeno Rocha (https://github.com/zenorocha/dracula-theme)
  */
@@ -12,21 +13,21 @@ import { tags as t } from '@lezer/highlight';
   settings: {
-    background: '#2B2B2B',
+    background: '#282a36',
     foreground: '#f8f8f2',
-    caret: '#FFFFFF',
+    caret: '#f8f8f0',
     selection: 'rgba(255, 255, 255, 0.1)',
-    gutterBackground: 'rgba(255, 255, 255, 0.1)',
-    gutterForeground: '#999',
+    selectionMatch: 'rgba(255, 255, 255, 0.2)',
+    gutterBackground: '#282a36',
+    gutterForeground: '#6D8A88',
     lineHighlight: 'rgba(255, 255, 255, 0.1)',
   },
   styles: [
-    { tag: [t.atom, t.number], color: '#bd93f9' },
-    { tag: [t.comment], color: '#61A151' },
-    { tag: [t.string], color: '#6A8759' },
-    { tag: [t.variableName, t.operator], color: '#A9B7C6' },
-    { tag: [t.meta, t.className], color: '#A9B7C6' },
-    { tag: [t.propertyName], color: '#FFC66D' },
-    { tag: [t.keyword], color: '#CC7832' },
-    { tag: [t.tagName], color: '#ff79c6' },
-    { tag: [t.typeName], color: '#ffb86c' },
+    { tag: t.comment, color: '#6272a4' },
+    { tag: t.string, color: '#f1fa8c' },
+    { tag: t.atom, color: '#bd93f9' },
+    { tag: t.meta, color: '#f8f8f2' },
+    { tag: [t.keyword, t.operator, t.tagName], color: '#ff79c6' },
+    { tag: [t.function(t.propertyName), t.propertyName], color: '#66d9ef' },
+    { tag: [t.definition(t.variableName), t.function(t.variableName), t.className, t.attributeName], color: '#50fa7b' },
+    { tag: t.atom, color: '#bd93f9' },
   ],
 });

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

12258

increased by7.76%

Number of lines in readme file

68

increased by6.25%

Worsened metrics

Lines of code

131

decreased by-0.76%

Dependency changes

• + Added@uiw/codemirror-themes@4.9.4(transitive)

• - Removed@uiw/codemirror-themes@4.9.3(transitive)

• Updated@uiw/codemirror-themes@4.9.4