theme glowup

packages/codemirror/themes/dracula.mjs

@@ -4,6 +4,7 @@
  * Michael Kaminsky (http://github.com/mkaminsky11)
  * Original dracula color scheme by Zeno Rocha (https://github.com/zenorocha/dracula-theme)
  */
+// this is different from https://thememirror.net/dracula
 import { tags as t } from '@lezer/highlight';
 import { createTheme } from './theme-helper.mjs';
 
@@ -15,11 +16,13 @@ export const settings = {
   selection: 'rgba(255, 255, 255, 0.1)',
   selectionMatch: 'rgba(255, 255, 255, 0.2)',
   gutterBackground: '#282a36',
-  gutterForeground: '#6D8A88',
+  gutterForeground: '#6272a4',
   gutterBorder: 'transparent',
   lineHighlight: 'rgba(255, 255, 255, 0.1)',
 };
 
+const purple = '#BD93F9';
+
 export default createTheme({
   theme: 'dark',
   settings: {
@@ -29,21 +32,20 @@ export default createTheme({
     selection: 'rgba(255, 255, 255, 0.1)',
     selectionMatch: 'rgba(255, 255, 255, 0.2)',
     gutterBackground: '#282a36',
-    gutterForeground: '#6D8A88',
+    gutterForeground: '#6272a4',
     gutterBorder: 'transparent',
     lineHighlight: 'rgba(255, 255, 255, 0.1)',
   },
   styles: [
     { 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.atom, t.number], color: purple },
+    { tag: [t.meta, t.labelName, t.variableName], color: '#f8f8f2' },
     {
-      tag: [t.definition(t.variableName), t.function(t.variableName), t.className, t.attributeName],
-      color: '#50fa7b',
+      tag: [t.keyword, t.tagName, t.arithmeticOperator],
+      color: '#ff79c6',
     },
+    { tag: [t.function(t.variableName), t.propertyName], color: '#50fa7b' },
     { tag: t.atom, color: '#bd93f9' },
   ],
 });