@ddietr/codemirror-themes - npm Package Compare versions

Comparing version 1.4.0 to 1.4.1

dist/theme/aura.js

@@ -38,3 +38,3 @@ import { EditorView } from '@codemirror/view';
     '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
+    '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -41,0 +41,0 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },

dist/theme/dracula.js

@@ -14,3 +14,3 @@ import { EditorView } from '@codemirror/view';
     dropdownBorder: '#191A21',
-    activeLine: '#44475A',
+    activeLine: '#282A36',
     matchingBracket: '#44475A',
@@ -39,3 +39,3 @@ keyword: '#FF79C6',
     '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
+    '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -42,0 +42,0 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },

dist/theme/github-dark.js

@@ -38,3 +38,3 @@ import { EditorView } from '@codemirror/view';
     '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
+    '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -41,0 +41,0 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },

dist/theme/github-light.js

@@ -38,3 +38,3 @@ import { EditorView } from '@codemirror/view';
     '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
+    '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -41,0 +41,0 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },

dist/theme/material-dark.js

@@ -38,3 +38,3 @@ import { EditorView } from '@codemirror/view';
     '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
+    '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -41,0 +41,0 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },

dist/theme/material-light.js

@@ -38,3 +38,3 @@ import { EditorView } from '@codemirror/view';
     '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
+    '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -41,0 +41,0 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },

dist/theme/solarized-dark.js

@@ -38,3 +38,3 @@ import { EditorView } from '@codemirror/view';
     '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
+    '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -41,0 +41,0 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },

dist/theme/solarized-light.js

@@ -38,3 +38,3 @@ import { EditorView } from '@codemirror/view';
     '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
+    '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -41,0 +41,0 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },

dist/theme/tokyo-night-day.js

@@ -38,3 +38,3 @@ import { EditorView } from '@codemirror/view';
     '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
+    '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -41,0 +41,0 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },

dist/theme/tokyo-night-storm.js

@@ -38,3 +38,3 @@ import { EditorView } from '@codemirror/view';
     '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
+    '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -41,0 +41,0 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },

dist/theme/tokyo-night.js

@@ -38,3 +38,3 @@ import { EditorView } from '@codemirror/view';
     '.cm-cursor, .cm-dropCursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
+    '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -41,0 +41,0 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },

example/index.ts

@@ -15,8 +15,9 @@ import {EditorView, highlightActiveLine, lineNumbers} from '@codemirror/view'
 import {tokyoNightDay} from '../theme/tokyo-night-day'
+import {Extension} from '@codemirror/state'
 
-const parent = document.getElementById('examples')
-const doc = document.getElementById('code').textContent.trim()
+const parent = document.getElementById('examples')!
+const doc = document.getElementById('code')?.textContent?.trim()
 
-const createEditor = (theme) => {
-  const view = new EditorView({
+const createEditor = (theme: Extension) => {
+  new EditorView({
     doc,
@@ -23,0 +24,0 @@ extensions: [

package.json

 {
   "name": "@ddietr/codemirror-themes",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "license": "MIT",
@@ -5,0 +5,0 @@ "description": "",

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

864724

increased by0.05%

Lines of code

1605

increased by0.06%

No dependency changes