@ddietr/codemirror-themes - npm Package Compare versions

Comparing version 1.3.0 to 1.4.0

dist/theme/aura.js

@@ -37,4 +37,4 @@ import { EditorView } from '@codemirror/view';
     '.cm-content': { caretColor: config.cursor },
-    '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
+    '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -70,3 +70,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
         backgroundColor: config.dropdownBackground,
-        color: config.foreground
+        color: config.foreground,
     },
@@ -81,8 +81,8 @@ '.cm-tooltip .cm-tooltip-arrow:before': {
     },
-    '.cm-tooltip.cm-tooltip-autocomplete': {
+    '.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
             background: config.selection,
-            color: config.foreground
+            color: config.foreground,
         }
-    },
+    }
 }, { dark: config.dark });
@@ -89,0 +89,0 @@ const auraHighlightStyle = HighlightStyle.define([

dist/theme/dracula.js

@@ -37,4 +37,4 @@ import { EditorView } from '@codemirror/view';
     '.cm-content': { caretColor: config.cursor },
-    '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
+    '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -70,3 +70,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
         backgroundColor: config.dropdownBackground,
-        color: config.foreground
+        color: config.foreground,
     },
@@ -81,8 +81,8 @@ '.cm-tooltip .cm-tooltip-arrow:before': {
     },
-    '.cm-tooltip.cm-tooltip-autocomplete': {
+    '.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
             background: config.selection,
-            color: config.foreground
+            color: config.foreground,
         }
-    },
+    }
 }, { dark: config.dark });
@@ -89,0 +89,0 @@ const draculaHighlightStyle = HighlightStyle.define([

dist/theme/github-dark.js

@@ -37,4 +37,4 @@ import { EditorView } from '@codemirror/view';
     '.cm-content': { caretColor: config.cursor },
-    '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
+    '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -70,3 +70,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
         backgroundColor: config.dropdownBackground,
-        color: config.foreground
+        color: config.foreground,
     },
@@ -81,8 +81,8 @@ '.cm-tooltip .cm-tooltip-arrow:before': {
     },
-    '.cm-tooltip.cm-tooltip-autocomplete': {
+    '.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
             background: config.selection,
-            color: config.foreground
+            color: config.foreground,
         }
-    },
+    }
 }, { dark: config.dark });
@@ -89,0 +89,0 @@ const githubDarkHighlightStyle = HighlightStyle.define([

dist/theme/github-light.js

@@ -37,4 +37,4 @@ import { EditorView } from '@codemirror/view';
     '.cm-content': { caretColor: config.cursor },
-    '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
+    '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -70,3 +70,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
         backgroundColor: config.dropdownBackground,
-        color: config.foreground
+        color: config.foreground,
     },
@@ -81,8 +81,8 @@ '.cm-tooltip .cm-tooltip-arrow:before': {
     },
-    '.cm-tooltip.cm-tooltip-autocomplete': {
+    '.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
             background: config.selection,
-            color: config.foreground
+            color: config.foreground,
         }
-    },
+    }
 }, { dark: config.dark });
@@ -89,0 +89,0 @@ const githubLightHighlightStyle = HighlightStyle.define([

dist/theme/material-dark.js

@@ -37,4 +37,4 @@ import { EditorView } from '@codemirror/view';
     '.cm-content': { caretColor: config.cursor },
-    '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
+    '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -70,3 +70,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
         backgroundColor: config.dropdownBackground,
-        color: config.foreground
+        color: config.foreground,
     },
@@ -81,8 +81,8 @@ '.cm-tooltip .cm-tooltip-arrow:before': {
     },
-    '.cm-tooltip.cm-tooltip-autocomplete': {
+    '.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
             background: config.selection,
-            color: config.foreground
+            color: config.foreground,
         }
-    },
+    }
 }, { dark: config.dark });
@@ -89,0 +89,0 @@ const materialDarkHighlightStyle = HighlightStyle.define([

dist/theme/material-light.js

@@ -37,4 +37,4 @@ import { EditorView } from '@codemirror/view';
     '.cm-content': { caretColor: config.cursor },
-    '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
+    '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -70,3 +70,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
         backgroundColor: config.dropdownBackground,
-        color: config.foreground
+        color: config.foreground,
     },
@@ -81,8 +81,8 @@ '.cm-tooltip .cm-tooltip-arrow:before': {
     },
-    '.cm-tooltip.cm-tooltip-autocomplete': {
+    '.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
             background: config.selection,
-            color: config.foreground
+            color: config.foreground,
         }
-    },
+    }
 }, { dark: config.dark });
@@ -89,0 +89,0 @@ const materialLightHighlightStyle = HighlightStyle.define([

dist/theme/solarized-dark.js

@@ -37,4 +37,4 @@ import { EditorView } from '@codemirror/view';
     '.cm-content': { caretColor: config.cursor },
-    '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
+    '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -70,3 +70,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
         backgroundColor: config.dropdownBackground,
-        color: config.foreground
+        color: config.foreground,
     },
@@ -81,8 +81,8 @@ '.cm-tooltip .cm-tooltip-arrow:before': {
     },
-    '.cm-tooltip.cm-tooltip-autocomplete': {
+    '.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
             background: config.selection,
-            color: config.foreground
+            color: config.foreground,
         }
-    },
+    }
 }, { dark: config.dark });
@@ -89,0 +89,0 @@ const solarizedDarkHighlightStyle = HighlightStyle.define([

dist/theme/solarized-light.js

@@ -37,4 +37,4 @@ import { EditorView } from '@codemirror/view';
     '.cm-content': { caretColor: config.cursor },
-    '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
+    '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -70,3 +70,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
         backgroundColor: config.dropdownBackground,
-        color: config.foreground
+        color: config.foreground,
     },
@@ -81,8 +81,8 @@ '.cm-tooltip .cm-tooltip-arrow:before': {
     },
-    '.cm-tooltip.cm-tooltip-autocomplete': {
+    '.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
             background: config.selection,
-            color: config.foreground
+            color: config.foreground,
         }
-    },
+    }
 }, { dark: config.dark });
@@ -89,0 +89,0 @@ const solarizedLightHighlightStyle = HighlightStyle.define([

dist/theme/tokyo-night-day.js

@@ -9,23 +9,23 @@ import { EditorView } from '@codemirror/view';
     background: '#e1e2e7',
-    foreground: '#3760bf',
-    selection: '#99a7df',
+    foreground: '#6a6f8e',
+    selection: '#8591b840',
     cursor: '#3760bf',
-    dropdownBackground: '#d5d6db',
-    dropdownBorder: '#c1c2c7',
-    activeLine: '#5f5faf11',
-    matchingBracket: '#99a7df',
-    keyword: '#007197',
-    storage: '#3760bf',
+    dropdownBackground: '#e1e2e7',
+    dropdownBorder: '#6a6f8e',
+    activeLine: '#d9dae4',
+    matchingBracket: '#e9e9ec',
+    keyword: '#9854f1',
+    storage: '#9854f1',
     variable: '#3760bf',
     parameter: '#3760bf',
-    function: '#3760bf',
+    function: '#2e7de9',
     string: '#587539',
-    constant: '#3760bf',
-    type: '#007197',
+    constant: '#9854f1',
+    type: '#07879d',
     class: '#3760bf',
     number: '#b15c00',
-    comment: '#848cb5',
-    heading: '#b15c00',
-    invalid: '#f52a65',
-    regexp: '#587539',
+    comment: '#9da3c2',
+    heading: '#006a83',
+    invalid: '#ff3e64',
+    regexp: '#2e5857',
 };
@@ -38,4 +38,4 @@ const tokyoNightDayTheme = EditorView.theme({
     '.cm-content': { caretColor: config.cursor },
-    '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
+    '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -71,3 +71,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
         backgroundColor: config.dropdownBackground,
-        color: config.foreground
+        color: config.foreground,
     },
@@ -82,8 +82,8 @@ '.cm-tooltip .cm-tooltip-arrow:before': {
     },
-    '.cm-tooltip.cm-tooltip-autocomplete': {
+    '.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
             background: config.selection,
-            color: config.foreground
+            color: config.foreground,
         }
-    },
+    }
 }, { dark: config.dark });
@@ -90,0 +90,0 @@ const tokyoNightDayHighlightStyle = HighlightStyle.define([

dist/theme/tokyo-night-storm.js

@@ -37,4 +37,4 @@ import { EditorView } from '@codemirror/view';
     '.cm-content': { caretColor: config.cursor },
-    '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
+    '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -70,3 +70,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
         backgroundColor: config.dropdownBackground,
-        color: config.foreground
+        color: config.foreground,
     },
@@ -81,8 +81,8 @@ '.cm-tooltip .cm-tooltip-arrow:before': {
     },
-    '.cm-tooltip.cm-tooltip-autocomplete': {
+    '.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
             background: config.selection,
-            color: config.foreground
+            color: config.foreground,
         }
-    },
+    }
 }, { dark: config.dark });
@@ -89,0 +89,0 @@ const tokyoNightStormHighlightStyle = HighlightStyle.define([

dist/theme/tokyo-night.js

@@ -37,4 +37,4 @@ import { EditorView } from '@codemirror/view';
     '.cm-content': { caretColor: config.cursor },
-    '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
+    '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -70,3 +70,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
         backgroundColor: config.dropdownBackground,
-        color: config.foreground
+        color: config.foreground,
     },
@@ -81,8 +81,8 @@ '.cm-tooltip .cm-tooltip-arrow:before': {
     },
-    '.cm-tooltip.cm-tooltip-autocomplete': {
+    '.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
             background: config.selection,
-            color: config.foreground
+            color: config.foreground,
         }
-    },
+    }
 }, { dark: config.dark });
@@ -89,0 +89,0 @@ const tokyoNightHighlightStyle = HighlightStyle.define([

package.json

 {
   "name": "@ddietr/codemirror-themes",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
@@ -32,9 +32,9 @@ "description": "",
   "devDependencies": {
-    "@codemirror/autocomplete": "^6.3.0",
-    "@codemirror/lang-javascript": "^6.1.1",
-    "@rollup/plugin-typescript": "^8.3.3",
-    "rollup": "^2.75.6",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.3",
-    "vite": "^3.2.2"
+    "@codemirror/autocomplete": "^6.4.2",
+    "@codemirror/lang-javascript": "^6.1.4",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "rollup": "^3.17.3",
+    "tslib": "^2.5.0",
+    "typescript": "^4.9.5",
+    "vite": "^4.1.4"
   },
@@ -41,0 +41,0 @@ "dependencies": {

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

864283

No dependency changes