@ddietr/codemirror-themes - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

dist/theme/dracula.js

@@ -11,3 +11,3 @@ import { EditorView } from '@codemirror/view';
     cursor: '#F8F8F2',
-    dropdownBackground: '#343746',
+    dropdownBackground: '#282A36',
     dropdownBorder: '#191A21',
@@ -33,7 +33,6 @@ keyword: '#FF79C6',
         backgroundColor: config.background,
-        '& ::selection': { backgroundColor: config.selection },
-        caretColor: config.cursor,
     },
+    '.cm-content': { caretColor: config.cursor },
     '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': { backgroundColor: config.selection },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -50,2 +49,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
     '.cm-activeLine': { backgroundColor: config.selection },
+    ".cm-activeLineGutter": { backgroundColor: config.background },
     '.cm-selectionMatch': { backgroundColor: config.selection },
@@ -69,7 +69,8 @@ '.cm-matchingBracket, .cm-nonmatchingBracket': {
         border: `1px solid ${config.dropdownBorder}`,
-        backgroundColor: config.dropdownBackground
+        backgroundColor: config.dropdownBackground,
+        color: config.foreground
     },
-    '.cm-tooltip-autocomplete': {
+    '.cm-tooltip.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
-            backgroundColor: config.selection,
+            background: config.selection,
             color: config.foreground
@@ -106,2 +107,3 @@ }
     { tag: tags.invalid, color: config.invalid },
+    { tag: tags.strikethrough, textDecoration: 'line-through' },
 ]);
@@ -108,0 +110,0 @@ const dracula = [

dist/theme/github-dark.js

@@ -11,3 +11,3 @@ import { EditorView } from '@codemirror/view';
     cursor: '#c8e1ff',
-    dropdownBackground: '#2f363d',
+    dropdownBackground: '#24292e',
     dropdownBorder: '#1b1f23',
@@ -33,7 +33,6 @@ keyword: '#f97583',
         backgroundColor: config.background,
-        '& ::selection': { backgroundColor: config.selection },
-        caretColor: config.cursor,
     },
+    '.cm-content': { caretColor: config.cursor },
     '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': { backgroundColor: config.selection },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -50,2 +49,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
     '.cm-activeLine': { backgroundColor: config.selection },
+    ".cm-activeLineGutter": { backgroundColor: config.background },
     '.cm-selectionMatch': { backgroundColor: config.selection },
@@ -69,7 +69,8 @@ '.cm-matchingBracket, .cm-nonmatchingBracket': {
         border: `1px solid ${config.dropdownBorder}`,
-        backgroundColor: config.dropdownBackground
+        backgroundColor: config.dropdownBackground,
+        color: config.foreground
     },
-    '.cm-tooltip-autocomplete': {
+    '.cm-tooltip.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
-            backgroundColor: config.selection,
+            background: config.selection,
             color: config.foreground
@@ -106,2 +107,3 @@ }
     { tag: tags.invalid, color: config.invalid },
+    { tag: tags.strikethrough, textDecoration: 'line-through' },
 ]);
@@ -108,0 +110,0 @@ const githubDark = [

dist/theme/github-light.js

@@ -11,3 +11,3 @@ import { EditorView } from '@codemirror/view';
     cursor: '#044289',
-    dropdownBackground: '#fafbfc',
+    dropdownBackground: '#fff',
     dropdownBorder: '#e1e4e8',
@@ -33,7 +33,6 @@ keyword: '#d73a49',
         backgroundColor: config.background,
-        '& ::selection': { backgroundColor: config.selection },
-        caretColor: config.cursor,
     },
+    '.cm-content': { caretColor: config.cursor },
     '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': { backgroundColor: config.selection },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -50,2 +49,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
     '.cm-activeLine': { backgroundColor: config.selection },
+    ".cm-activeLineGutter": { backgroundColor: config.background },
     '.cm-selectionMatch': { backgroundColor: config.selection },
@@ -69,7 +69,8 @@ '.cm-matchingBracket, .cm-nonmatchingBracket': {
         border: `1px solid ${config.dropdownBorder}`,
-        backgroundColor: config.dropdownBackground
+        backgroundColor: config.dropdownBackground,
+        color: config.foreground
     },
-    '.cm-tooltip-autocomplete': {
+    '.cm-tooltip.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
-            backgroundColor: config.selection,
+            background: config.selection,
             color: config.foreground
@@ -106,2 +107,3 @@ }
     { tag: tags.invalid, color: config.invalid },
+    { tag: tags.strikethrough, textDecoration: 'line-through' },
 ]);
@@ -108,0 +110,0 @@ const githubLight = [

dist/theme/material-dark.js

@@ -32,7 +32,6 @@ import { EditorView } from '@codemirror/view';
         backgroundColor: config.background,
-        '& ::selection': { backgroundColor: config.selection },
-        caretColor: config.cursor,
     },
+    '.cm-content': { caretColor: config.cursor },
     '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': { backgroundColor: config.selection },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -49,2 +48,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
     '.cm-activeLine': { backgroundColor: config.selection },
+    ".cm-activeLineGutter": { backgroundColor: config.background },
     '.cm-selectionMatch': { backgroundColor: config.selection },
@@ -68,7 +68,8 @@ '.cm-matchingBracket, .cm-nonmatchingBracket': {
         border: `1px solid ${config.dropdownBorder}`,
-        backgroundColor: config.dropdownBackground
+        backgroundColor: config.dropdownBackground,
+        color: config.foreground
     },
-    '.cm-tooltip-autocomplete': {
+    '.cm-tooltip.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
-            backgroundColor: config.selection,
+            background: config.selection,
             color: config.foreground
@@ -105,2 +106,3 @@ }
     { tag: tags.invalid, color: config.invalid },
+    { tag: tags.strikethrough, textDecoration: 'line-through' },
 ]);
@@ -107,0 +109,0 @@ const materialDark = [

dist/theme/material-light.js

@@ -32,7 +32,6 @@ import { EditorView } from '@codemirror/view';
         backgroundColor: config.background,
-        '& ::selection': { backgroundColor: config.selection },
-        caretColor: config.cursor,
     },
+    '.cm-content': { caretColor: config.cursor },
     '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': { backgroundColor: config.selection },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -49,2 +48,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
     '.cm-activeLine': { backgroundColor: config.selection },
+    ".cm-activeLineGutter": { backgroundColor: config.background },
     '.cm-selectionMatch': { backgroundColor: config.selection },
@@ -68,7 +68,8 @@ '.cm-matchingBracket, .cm-nonmatchingBracket': {
         border: `1px solid ${config.dropdownBorder}`,
-        backgroundColor: config.dropdownBackground
+        backgroundColor: config.dropdownBackground,
+        color: config.foreground
     },
-    '.cm-tooltip-autocomplete': {
+    '.cm-tooltip.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
-            backgroundColor: config.selection,
+            background: config.selection,
             color: config.foreground
@@ -105,2 +106,3 @@ }
     { tag: tags.invalid, color: config.invalid },
+    { tag: tags.strikethrough, textDecoration: 'line-through' },
 ]);
@@ -107,0 +109,0 @@ const materialLight = [

dist/theme/solarized-dark.js

@@ -11,3 +11,3 @@ import { EditorView } from '@codemirror/view';
     cursor: '#839496',
-    dropdownBackground: '#00212b',
+    dropdownBackground: '#002b36',
     dropdownBorder: '#2aa19899',
@@ -33,7 +33,6 @@ keyword: '#859900',
         backgroundColor: config.background,
-        '& ::selection': { backgroundColor: config.selection },
-        caretColor: config.cursor,
     },
+    '.cm-content': { caretColor: config.cursor },
     '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': { backgroundColor: config.selection },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -50,2 +49,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
     '.cm-activeLine': { backgroundColor: config.selection },
+    ".cm-activeLineGutter": { backgroundColor: config.background },
     '.cm-selectionMatch': { backgroundColor: config.selection },
@@ -69,7 +69,8 @@ '.cm-matchingBracket, .cm-nonmatchingBracket': {
         border: `1px solid ${config.dropdownBorder}`,
-        backgroundColor: config.dropdownBackground
+        backgroundColor: config.dropdownBackground,
+        color: config.foreground
     },
-    '.cm-tooltip-autocomplete': {
+    '.cm-tooltip.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
-            backgroundColor: config.selection,
+            background: config.selection,
             color: config.foreground
@@ -106,2 +107,3 @@ }
     { tag: tags.invalid, color: config.invalid },
+    { tag: tags.strikethrough, textDecoration: 'line-through' },
 ]);
@@ -108,0 +110,0 @@ const solarizedDark = [

dist/theme/solarized-light.js

@@ -11,3 +11,3 @@ import { EditorView } from '@codemirror/view';
     cursor: '#657b83',
-    dropdownBackground: '#eee8d5',
+    dropdownBackground: '#fdf6e3',
     dropdownBorder: '#d3af86',
@@ -33,7 +33,6 @@ keyword: '#859900',
         backgroundColor: config.background,
-        '& ::selection': { backgroundColor: config.selection },
-        caretColor: config.cursor,
     },
+    '.cm-content': { caretColor: config.cursor },
     '&.cm-focused .cm-cursor': { borderLeftColor: config.cursor },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': { backgroundColor: config.selection },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': { backgroundColor: config.selection },
     '.cm-panels': { backgroundColor: config.dropdownBackground, color: config.foreground },
@@ -50,2 +49,3 @@ '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
     '.cm-activeLine': { backgroundColor: config.selection },
+    ".cm-activeLineGutter": { backgroundColor: config.background },
     '.cm-selectionMatch': { backgroundColor: config.selection },
@@ -69,7 +69,8 @@ '.cm-matchingBracket, .cm-nonmatchingBracket': {
         border: `1px solid ${config.dropdownBorder}`,
-        backgroundColor: config.dropdownBackground
+        backgroundColor: config.dropdownBackground,
+        color: config.foreground
     },
-    '.cm-tooltip-autocomplete': {
+    '.cm-tooltip.cm-tooltip-autocomplete': {
         '& > ul > li[aria-selected]': {
-            backgroundColor: config.selection,
+            background: config.selection,
             color: config.foreground
@@ -106,2 +107,3 @@ }
     { tag: tags.invalid, color: config.invalid },
+    { tag: tags.strikethrough, textDecoration: 'line-through' },
 ]);
@@ -108,0 +110,0 @@ const solarizedLight = [

package.json

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

theme/dracula.ts

@@ -12,3 +12,3 @@ import {EditorView} from '@codemirror/view'
   cursor: '#F8F8F2',
-  dropdownBackground: '#343746',
+  dropdownBackground: '#282A36',
   dropdownBorder: '#191A21',
@@ -35,8 +35,8 @@ keyword: '#FF79C6',
     backgroundColor: config.background,
-    '& ::selection': {backgroundColor: config.selection},
-    caretColor: config.cursor,
   },
 
+  '.cm-content': {caretColor: config.cursor},
+
   '&.cm-focused .cm-cursor': {borderLeftColor: config.cursor},
-  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': {backgroundColor: config.selection},
+  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': {backgroundColor: config.selection},
 
@@ -56,2 +56,3 @@ '.cm-panels': {backgroundColor: config.dropdownBackground, color: config.foreground},
   '.cm-activeLine': {backgroundColor: config.selection},
+  ".cm-activeLineGutter": {backgroundColor: config.background},
   '.cm-selectionMatch': {backgroundColor: config.selection},
@@ -78,7 +79,8 @@
     border: `1px solid ${config.dropdownBorder}`,
-    backgroundColor: config.dropdownBackground
+    backgroundColor: config.dropdownBackground,
+    color: config.foreground
   },
-  '.cm-tooltip-autocomplete': {
+  '.cm-tooltip.cm-tooltip-autocomplete': {
     '& > ul > li[aria-selected]': {
-      backgroundColor: config.selection,
+      background: config.selection,
       color: config.foreground
@@ -116,2 +118,3 @@ }
   {tag: t.invalid, color: config.invalid},
+  {tag: t.strikethrough, textDecoration: 'line-through'},
 ])
@@ -118,0 +121,0 @@

theme/github-dark.ts

@@ -12,3 +12,3 @@ import {EditorView} from '@codemirror/view'
   cursor: '#c8e1ff',
-  dropdownBackground: '#2f363d',
+  dropdownBackground: '#24292e',
   dropdownBorder: '#1b1f23',
@@ -35,8 +35,8 @@ keyword: '#f97583',
     backgroundColor: config.background,
-    '& ::selection': {backgroundColor: config.selection},
-    caretColor: config.cursor,
   },
 
+  '.cm-content': {caretColor: config.cursor},
+
   '&.cm-focused .cm-cursor': {borderLeftColor: config.cursor},
-  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': {backgroundColor: config.selection},
+  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': {backgroundColor: config.selection},
 
@@ -56,2 +56,3 @@ '.cm-panels': {backgroundColor: config.dropdownBackground, color: config.foreground},
   '.cm-activeLine': {backgroundColor: config.selection},
+  ".cm-activeLineGutter": {backgroundColor: config.background},
   '.cm-selectionMatch': {backgroundColor: config.selection},
@@ -78,7 +79,8 @@
     border: `1px solid ${config.dropdownBorder}`,
-    backgroundColor: config.dropdownBackground
+    backgroundColor: config.dropdownBackground,
+    color: config.foreground
   },
-  '.cm-tooltip-autocomplete': {
+  '.cm-tooltip.cm-tooltip-autocomplete': {
     '& > ul > li[aria-selected]': {
-      backgroundColor: config.selection,
+      background: config.selection,
       color: config.foreground
@@ -116,2 +118,3 @@ }
   {tag: t.invalid, color: config.invalid},
+  {tag: t.strikethrough, textDecoration: 'line-through'},
 ])
@@ -118,0 +121,0 @@

theme/github-light.ts

@@ -12,3 +12,3 @@ import {EditorView} from '@codemirror/view'
   cursor: '#044289',
-  dropdownBackground: '#fafbfc',
+  dropdownBackground: '#fff',
   dropdownBorder: '#e1e4e8',
@@ -35,8 +35,8 @@ keyword: '#d73a49',
     backgroundColor: config.background,
-    '& ::selection': {backgroundColor: config.selection},
-    caretColor: config.cursor,
   },
 
+  '.cm-content': {caretColor: config.cursor},
+
   '&.cm-focused .cm-cursor': {borderLeftColor: config.cursor},
-  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': {backgroundColor: config.selection},
+  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': {backgroundColor: config.selection},
 
@@ -56,2 +56,3 @@ '.cm-panels': {backgroundColor: config.dropdownBackground, color: config.foreground},
   '.cm-activeLine': {backgroundColor: config.selection},
+  ".cm-activeLineGutter": {backgroundColor: config.background},
   '.cm-selectionMatch': {backgroundColor: config.selection},
@@ -78,7 +79,8 @@
     border: `1px solid ${config.dropdownBorder}`,
-    backgroundColor: config.dropdownBackground
+    backgroundColor: config.dropdownBackground,
+    color: config.foreground
   },
-  '.cm-tooltip-autocomplete': {
+  '.cm-tooltip.cm-tooltip-autocomplete': {
     '& > ul > li[aria-selected]': {
-      backgroundColor: config.selection,
+      background: config.selection,
       color: config.foreground
@@ -116,2 +118,3 @@ }
   {tag: t.invalid, color: config.invalid},
+  {tag: t.strikethrough, textDecoration: 'line-through'},
 ])
@@ -118,0 +121,0 @@

theme/material-dark.ts

@@ -34,8 +34,8 @@ import {EditorView} from '@codemirror/view'
     backgroundColor: config.background,
-    '& ::selection': {backgroundColor: config.selection},
-    caretColor: config.cursor,
   },
 
+  '.cm-content': {caretColor: config.cursor},
+
   '&.cm-focused .cm-cursor': {borderLeftColor: config.cursor},
-  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': {backgroundColor: config.selection},
+  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': {backgroundColor: config.selection},
 
@@ -55,2 +55,3 @@ '.cm-panels': {backgroundColor: config.dropdownBackground, color: config.foreground},
   '.cm-activeLine': {backgroundColor: config.selection},
+  ".cm-activeLineGutter": {backgroundColor: config.background},
   '.cm-selectionMatch': {backgroundColor: config.selection},
@@ -77,7 +78,8 @@
     border: `1px solid ${config.dropdownBorder}`,
-    backgroundColor: config.dropdownBackground
+    backgroundColor: config.dropdownBackground,
+    color: config.foreground
   },
-  '.cm-tooltip-autocomplete': {
+  '.cm-tooltip.cm-tooltip-autocomplete': {
     '& > ul > li[aria-selected]': {
-      backgroundColor: config.selection,
+      background: config.selection,
       color: config.foreground
@@ -115,2 +117,3 @@ }
   {tag: t.invalid, color: config.invalid},
+  {tag: t.strikethrough, textDecoration: 'line-through'},
 ])
@@ -117,0 +120,0 @@

theme/material-light.ts

@@ -34,8 +34,8 @@ import {EditorView} from '@codemirror/view'
     backgroundColor: config.background,
-    '& ::selection': {backgroundColor: config.selection},
-    caretColor: config.cursor,
   },
 
+  '.cm-content': {caretColor: config.cursor},
+
   '&.cm-focused .cm-cursor': {borderLeftColor: config.cursor},
-  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': {backgroundColor: config.selection},
+  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': {backgroundColor: config.selection},
 
@@ -55,2 +55,3 @@ '.cm-panels': {backgroundColor: config.dropdownBackground, color: config.foreground},
   '.cm-activeLine': {backgroundColor: config.selection},
+  ".cm-activeLineGutter": {backgroundColor: config.background},
   '.cm-selectionMatch': {backgroundColor: config.selection},
@@ -77,7 +78,8 @@
     border: `1px solid ${config.dropdownBorder}`,
-    backgroundColor: config.dropdownBackground
+    backgroundColor: config.dropdownBackground,
+    color: config.foreground
   },
-  '.cm-tooltip-autocomplete': {
+  '.cm-tooltip.cm-tooltip-autocomplete': {
     '& > ul > li[aria-selected]': {
-      backgroundColor: config.selection,
+      background: config.selection,
       color: config.foreground
@@ -115,2 +117,3 @@ }
   {tag: t.invalid, color: config.invalid},
+  {tag: t.strikethrough, textDecoration: 'line-through'},
 ])
@@ -117,0 +120,0 @@

theme/solarized-dark.ts

@@ -12,3 +12,3 @@ import {EditorView} from '@codemirror/view'
   cursor: '#839496',
-  dropdownBackground: '#00212b',
+  dropdownBackground: '#002b36',
   dropdownBorder: '#2aa19899',
@@ -35,8 +35,8 @@ keyword: '#859900',
     backgroundColor: config.background,
-    '& ::selection': {backgroundColor: config.selection},
-    caretColor: config.cursor,
   },
 
+  '.cm-content': {caretColor: config.cursor},
+
   '&.cm-focused .cm-cursor': {borderLeftColor: config.cursor},
-  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': {backgroundColor: config.selection},
+  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': {backgroundColor: config.selection},
 
@@ -56,2 +56,3 @@ '.cm-panels': {backgroundColor: config.dropdownBackground, color: config.foreground},
   '.cm-activeLine': {backgroundColor: config.selection},
+  ".cm-activeLineGutter": {backgroundColor: config.background},
   '.cm-selectionMatch': {backgroundColor: config.selection},
@@ -78,7 +79,8 @@
     border: `1px solid ${config.dropdownBorder}`,
-    backgroundColor: config.dropdownBackground
+    backgroundColor: config.dropdownBackground,
+    color: config.foreground
   },
-  '.cm-tooltip-autocomplete': {
+  '.cm-tooltip.cm-tooltip-autocomplete': {
     '& > ul > li[aria-selected]': {
-      backgroundColor: config.selection,
+      background: config.selection,
       color: config.foreground
@@ -116,2 +118,3 @@ }
   {tag: t.invalid, color: config.invalid},
+  {tag: t.strikethrough, textDecoration: 'line-through'},
 ])
@@ -118,0 +121,0 @@

theme/solarized-light.ts

@@ -12,3 +12,3 @@ import {EditorView} from '@codemirror/view'
   cursor: '#657b83',
-  dropdownBackground: '#eee8d5',
+  dropdownBackground: '#fdf6e3',
   dropdownBorder: '#d3af86',
@@ -35,8 +35,8 @@ keyword: '#859900',
     backgroundColor: config.background,
-    '& ::selection': {backgroundColor: config.selection},
-    caretColor: config.cursor,
   },
 
+  '.cm-content': {caretColor: config.cursor},
+
   '&.cm-focused .cm-cursor': {borderLeftColor: config.cursor},
-  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': {backgroundColor: config.selection},
+  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, & ::selection': {backgroundColor: config.selection},
 
@@ -56,2 +56,3 @@ '.cm-panels': {backgroundColor: config.dropdownBackground, color: config.foreground},
   '.cm-activeLine': {backgroundColor: config.selection},
+  ".cm-activeLineGutter": {backgroundColor: config.background},
   '.cm-selectionMatch': {backgroundColor: config.selection},
@@ -78,7 +79,8 @@
     border: `1px solid ${config.dropdownBorder}`,
-    backgroundColor: config.dropdownBackground
+    backgroundColor: config.dropdownBackground,
+    color: config.foreground
   },
-  '.cm-tooltip-autocomplete': {
+  '.cm-tooltip.cm-tooltip-autocomplete': {
     '& > ul > li[aria-selected]': {
-      backgroundColor: config.selection,
+      background: config.selection,
       color: config.foreground
@@ -116,2 +118,3 @@ }
   {tag: t.invalid, color: config.invalid},
+  {tag: t.strikethrough, textDecoration: 'line-through'},
 ])
@@ -118,0 +121,0 @@

No alert changes

Improved metrics

Total package byte prevSize

8063842

increased by0.02%

Lines of code

1715

increased by1.66%

No dependency changes