@uiw/codemirror-themes 4.14.0 → 4.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +9 -7
  2. package/cjs/index.js +1 -1
  3. package/cjs/index.js.map +2 -2
  4. package/esm/index.js +1 -1
  5. package/esm/index.js.map +2 -2
  6. package/package.json +1 -1
  7. package/src/index.tsx +1 -1
package/README.md CHANGED
@@ -203,7 +203,7 @@ export default App;
203
203
  **xcode**
204
204
 
205
205
  <a href="https://uiwjs.github.io/react-codemirror/#/theme/data/xcode/dark">
206
- <img width="436" alt="codemirror-theme-xcode dark" src="https://user-images.githubusercontent.com/1680273/177074703-4c5c6be0-e287-45ac-b6cc-db1568276e73.png">
206
+ <img width="436" alt="codemirror-theme-xcode dark" src="https://user-images.githubusercontent.com/1680273/202441061-48b89163-04b9-47a1-9d2c-1608a2d21f51.png">
207
207
  </a>
208
208
 
209
209
  <a href="https://uiwjs.github.io/react-codemirror/#/theme/data/xcode/light">
@@ -236,19 +236,21 @@ export interface Settings {
236
236
  /** Default text color. */
237
237
  foreground: string;
238
238
  /** Caret color. */
239
- caret: string;
239
+ caret?: string;
240
240
  /** Selection background. */
241
- selection: string;
241
+ selection?: string;
242
242
  /** Selection match background. */
243
243
  selectionMatch?: string;
244
244
  /** Background of highlighted lines. */
245
- lineHighlight: string;
245
+ lineHighlight?: string;
246
246
  /** Gutter background. */
247
- gutterBackground: string;
247
+ gutterBackground?: string;
248
248
  /** Text color inside gutter. */
249
- gutterForeground: string;
249
+ gutterForeground?: string;
250
+ /** Text active color inside gutter. */
251
+ gutterActiveForeground?: string;
250
252
  /** Gutter right border color. */
251
- gutterBorder: string;
253
+ gutterBorder?: string;
252
254
  }
253
255
  declare const createTheme: ({ dark, settings, styles }: CreateThemeOptions) => Extension;
254
256
  export default createTheme;
package/cjs/index.js CHANGED
@@ -46,7 +46,7 @@ var createTheme = function createTheme(_ref) {
46
46
  }
47
47
  themeOptions['.cm-activeLineGutter'] = activeLineGutterStyle;
48
48
  if (settings.selection) {
49
- themeOptions['&.cm-focused .cm-selectionBackground .cm-selectionBackground, & .cm-selectionLayer .cm-selectionBackground, ::selection'] = {
49
+ themeOptions['&.cm-focused .cm-selectionBackground, & .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection'] = {
50
50
  backgroundColor: settings.selection
51
51
  };
52
52
  }
package/cjs/index.js.map CHANGED
@@ -35,7 +35,7 @@
35
35
  "../src/index.tsx"
36
36
  ],
37
37
  "sourcesContent": [
38
- "import { EditorView } from '@codemirror/view';\nimport { Extension } from '@codemirror/state';\nimport { HighlightStyle, TagStyle, syntaxHighlighting } from '@codemirror/language';\nimport { StyleSpec } from 'style-mod';\n\nexport interface CreateThemeOptions {\n /**\n * Theme inheritance. Determines which styles CodeMirror will apply by default.\n */\n theme: Theme;\n /**\n * Settings to customize the look of the editor, like background, gutter, selection and others.\n */\n settings: Settings;\n /** Syntax highlighting styles. */\n styles: TagStyle[];\n}\n\ntype Theme = 'light' | 'dark';\n\nexport interface Settings {\n /** Editor background. */\n background: string;\n /** Default text color. */\n foreground: string;\n /** Caret color. */\n caret?: string;\n /** Selection background. */\n selection?: string;\n /** Selection match background. */\n selectionMatch?: string;\n /** Background of highlighted lines. */\n lineHighlight?: string;\n /** Gutter background. */\n gutterBackground?: string;\n /** Text color inside gutter. */\n gutterForeground?: string;\n /** Text active color inside gutter. */\n gutterActiveForeground?: string;\n /** Gutter right border color. */\n gutterBorder?: string;\n}\n\nexport const createTheme = ({ theme, settings, styles }: CreateThemeOptions): Extension => {\n const themeOptions: Record<string, StyleSpec> = {\n '&': {\n backgroundColor: settings.background,\n color: settings.foreground,\n },\n '.cm-gutters': {},\n };\n\n if (settings.gutterBackground) {\n themeOptions['.cm-gutters'].backgroundColor = settings.gutterBackground;\n }\n if (settings.gutterForeground) {\n themeOptions['.cm-gutters'].color = settings.gutterForeground;\n }\n if (settings.gutterBorder) {\n themeOptions['.cm-gutters'].borderRightColor = settings.gutterBorder;\n }\n\n if (settings.caret) {\n themeOptions['.cm-content'] = {\n caretColor: settings.caret,\n };\n themeOptions['.cm-cursor, .cm-dropCursor'] = {\n borderLeftColor: settings.caret,\n };\n }\n let activeLineGutterStyle: StyleSpec = {};\n if (settings.gutterActiveForeground) {\n activeLineGutterStyle.color = settings.gutterActiveForeground;\n }\n if (settings.lineHighlight) {\n themeOptions['.cm-activeLine'] = {\n backgroundColor: settings.lineHighlight,\n };\n activeLineGutterStyle.backgroundColor = settings.lineHighlight;\n }\n themeOptions['.cm-activeLineGutter'] = activeLineGutterStyle;\n\n if (settings.selection) {\n themeOptions[\n '&.cm-focused .cm-selectionBackground .cm-selectionBackground, & .cm-selectionLayer .cm-selectionBackground, ::selection'\n ] = {\n backgroundColor: settings.selection,\n };\n }\n if (settings.selectionMatch) {\n themeOptions['& .cm-selectionMatch'] = {\n backgroundColor: settings.selectionMatch,\n };\n }\n const themeExtension = EditorView.theme(themeOptions, {\n dark: theme === 'dark',\n });\n\n const highlightStyle = HighlightStyle.define(styles);\n const extension = [themeExtension, syntaxHighlighting(highlightStyle)];\n\n return extension;\n};\n\nexport default createTheme;\n"
38
+ "import { EditorView } from '@codemirror/view';\nimport { Extension } from '@codemirror/state';\nimport { HighlightStyle, TagStyle, syntaxHighlighting } from '@codemirror/language';\nimport { StyleSpec } from 'style-mod';\n\nexport interface CreateThemeOptions {\n /**\n * Theme inheritance. Determines which styles CodeMirror will apply by default.\n */\n theme: Theme;\n /**\n * Settings to customize the look of the editor, like background, gutter, selection and others.\n */\n settings: Settings;\n /** Syntax highlighting styles. */\n styles: TagStyle[];\n}\n\ntype Theme = 'light' | 'dark';\n\nexport interface Settings {\n /** Editor background. */\n background: string;\n /** Default text color. */\n foreground: string;\n /** Caret color. */\n caret?: string;\n /** Selection background. */\n selection?: string;\n /** Selection match background. */\n selectionMatch?: string;\n /** Background of highlighted lines. */\n lineHighlight?: string;\n /** Gutter background. */\n gutterBackground?: string;\n /** Text color inside gutter. */\n gutterForeground?: string;\n /** Text active color inside gutter. */\n gutterActiveForeground?: string;\n /** Gutter right border color. */\n gutterBorder?: string;\n}\n\nexport const createTheme = ({ theme, settings, styles }: CreateThemeOptions): Extension => {\n const themeOptions: Record<string, StyleSpec> = {\n '&': {\n backgroundColor: settings.background,\n color: settings.foreground,\n },\n '.cm-gutters': {},\n };\n\n if (settings.gutterBackground) {\n themeOptions['.cm-gutters'].backgroundColor = settings.gutterBackground;\n }\n if (settings.gutterForeground) {\n themeOptions['.cm-gutters'].color = settings.gutterForeground;\n }\n if (settings.gutterBorder) {\n themeOptions['.cm-gutters'].borderRightColor = settings.gutterBorder;\n }\n\n if (settings.caret) {\n themeOptions['.cm-content'] = {\n caretColor: settings.caret,\n };\n themeOptions['.cm-cursor, .cm-dropCursor'] = {\n borderLeftColor: settings.caret,\n };\n }\n let activeLineGutterStyle: StyleSpec = {};\n if (settings.gutterActiveForeground) {\n activeLineGutterStyle.color = settings.gutterActiveForeground;\n }\n if (settings.lineHighlight) {\n themeOptions['.cm-activeLine'] = {\n backgroundColor: settings.lineHighlight,\n };\n activeLineGutterStyle.backgroundColor = settings.lineHighlight;\n }\n themeOptions['.cm-activeLineGutter'] = activeLineGutterStyle;\n\n if (settings.selection) {\n themeOptions[\n '&.cm-focused .cm-selectionBackground, & .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection'\n ] = {\n backgroundColor: settings.selection,\n };\n }\n if (settings.selectionMatch) {\n themeOptions['& .cm-selectionMatch'] = {\n backgroundColor: settings.selectionMatch,\n };\n }\n const themeExtension = EditorView.theme(themeOptions, {\n dark: theme === 'dark',\n });\n\n const highlightStyle = HighlightStyle.define(styles);\n const extension = [themeExtension, syntaxHighlighting(highlightStyle)];\n\n return extension;\n};\n\nexport default createTheme;\n"
39
39
  ],
40
- "mappings": ";;;;;;AAAA;AAEA;AAyCO,IAAMA,WAAW,GAAG,SAAdA,WAAW,OAAmE;EAAA,IAA7DC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,MAAM,QAANA,MAAM;EACnD,IAAMC,YAAuC,GAAG;IAC9C,GAAG,EAAE;MACHC,eAAe,EAAEH,QAAQ,CAACI,UAAU;MACpCC,KAAK,EAAEL,QAAQ,CAACM;IAClB,CAAC;IACD,aAAa,EAAE,CAAC;EAClB,CAAC;EAED,IAAIN,QAAQ,CAACO,gBAAgB,EAAE;IAC7BL,YAAY,CAAC,aAAa,CAAC,CAACC,eAAe,GAAGH,QAAQ,CAACO,gBAAgB;EACzE;EACA,IAAIP,QAAQ,CAACQ,gBAAgB,EAAE;IAC7BN,YAAY,CAAC,aAAa,CAAC,CAACG,KAAK,GAAGL,QAAQ,CAACQ,gBAAgB;EAC/D;EACA,IAAIR,QAAQ,CAACS,YAAY,EAAE;IACzBP,YAAY,CAAC,aAAa,CAAC,CAACQ,gBAAgB,GAAGV,QAAQ,CAACS,YAAY;EACtE;EAEA,IAAIT,QAAQ,CAACW,KAAK,EAAE;IAClBT,YAAY,CAAC,aAAa,CAAC,GAAG;MAC5BU,UAAU,EAAEZ,QAAQ,CAACW;IACvB,CAAC;IACDT,YAAY,CAAC,4BAA4B,CAAC,GAAG;MAC3CW,eAAe,EAAEb,QAAQ,CAACW;IAC5B,CAAC;EACH;EACA,IAAIG,qBAAgC,GAAG,CAAC,CAAC;EACzC,IAAId,QAAQ,CAACe,sBAAsB,EAAE;IACnCD,qBAAqB,CAACT,KAAK,GAAGL,QAAQ,CAACe,sBAAsB;EAC/D;EACA,IAAIf,QAAQ,CAACgB,aAAa,EAAE;IAC1Bd,YAAY,CAAC,gBAAgB,CAAC,GAAG;MAC/BC,eAAe,EAAEH,QAAQ,CAACgB;IAC5B,CAAC;IACDF,qBAAqB,CAACX,eAAe,GAAGH,QAAQ,CAACgB,aAAa;EAChE;EACAd,YAAY,CAAC,sBAAsB,CAAC,GAAGY,qBAAqB;EAE5D,IAAId,QAAQ,CAACiB,SAAS,EAAE;IACtBf,YAAY,CACV,yHAAyH,CAC1H,GAAG;MACFC,eAAe,EAAEH,QAAQ,CAACiB;IAC5B,CAAC;EACH;EACA,IAAIjB,QAAQ,CAACkB,cAAc,EAAE;IAC3BhB,YAAY,CAAC,sBAAsB,CAAC,GAAG;MACrCC,eAAe,EAAEH,QAAQ,CAACkB;IAC5B,CAAC;EACH;EACA,IAAMC,cAAc,GAAGC,gBAAU,CAACrB,KAAK,CAACG,YAAY,EAAE;IACpDmB,IAAI,EAAEtB,KAAK,KAAK;EAClB,CAAC,CAAC;EAEF,IAAMuB,cAAc,GAAGC,wBAAc,CAACC,MAAM,CAACvB,MAAM,CAAC;EACpD,IAAMwB,SAAS,GAAG,CAACN,cAAc,EAAE,IAAAO,4BAAkB,EAACJ,cAAc,CAAC,CAAC;EAEtE,OAAOG,SAAS;AAClB,CAAC;AAAC;AAAA,eAEa3B,WAAW;AAAA"
40
+ "mappings": ";;;;;;AAAA;AAEA;AAyCO,IAAMA,WAAW,GAAG,SAAdA,WAAW,OAAmE;EAAA,IAA7DC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,MAAM,QAANA,MAAM;EACnD,IAAMC,YAAuC,GAAG;IAC9C,GAAG,EAAE;MACHC,eAAe,EAAEH,QAAQ,CAACI,UAAU;MACpCC,KAAK,EAAEL,QAAQ,CAACM;IAClB,CAAC;IACD,aAAa,EAAE,CAAC;EAClB,CAAC;EAED,IAAIN,QAAQ,CAACO,gBAAgB,EAAE;IAC7BL,YAAY,CAAC,aAAa,CAAC,CAACC,eAAe,GAAGH,QAAQ,CAACO,gBAAgB;EACzE;EACA,IAAIP,QAAQ,CAACQ,gBAAgB,EAAE;IAC7BN,YAAY,CAAC,aAAa,CAAC,CAACG,KAAK,GAAGL,QAAQ,CAACQ,gBAAgB;EAC/D;EACA,IAAIR,QAAQ,CAACS,YAAY,EAAE;IACzBP,YAAY,CAAC,aAAa,CAAC,CAACQ,gBAAgB,GAAGV,QAAQ,CAACS,YAAY;EACtE;EAEA,IAAIT,QAAQ,CAACW,KAAK,EAAE;IAClBT,YAAY,CAAC,aAAa,CAAC,GAAG;MAC5BU,UAAU,EAAEZ,QAAQ,CAACW;IACvB,CAAC;IACDT,YAAY,CAAC,4BAA4B,CAAC,GAAG;MAC3CW,eAAe,EAAEb,QAAQ,CAACW;IAC5B,CAAC;EACH;EACA,IAAIG,qBAAgC,GAAG,CAAC,CAAC;EACzC,IAAId,QAAQ,CAACe,sBAAsB,EAAE;IACnCD,qBAAqB,CAACT,KAAK,GAAGL,QAAQ,CAACe,sBAAsB;EAC/D;EACA,IAAIf,QAAQ,CAACgB,aAAa,EAAE;IAC1Bd,YAAY,CAAC,gBAAgB,CAAC,GAAG;MAC/BC,eAAe,EAAEH,QAAQ,CAACgB;IAC5B,CAAC;IACDF,qBAAqB,CAACX,eAAe,GAAGH,QAAQ,CAACgB,aAAa;EAChE;EACAd,YAAY,CAAC,sBAAsB,CAAC,GAAGY,qBAAqB;EAE5D,IAAId,QAAQ,CAACiB,SAAS,EAAE;IACtBf,YAAY,CACV,6GAA6G,CAC9G,GAAG;MACFC,eAAe,EAAEH,QAAQ,CAACiB;IAC5B,CAAC;EACH;EACA,IAAIjB,QAAQ,CAACkB,cAAc,EAAE;IAC3BhB,YAAY,CAAC,sBAAsB,CAAC,GAAG;MACrCC,eAAe,EAAEH,QAAQ,CAACkB;IAC5B,CAAC;EACH;EACA,IAAMC,cAAc,GAAGC,gBAAU,CAACrB,KAAK,CAACG,YAAY,EAAE;IACpDmB,IAAI,EAAEtB,KAAK,KAAK;EAClB,CAAC,CAAC;EAEF,IAAMuB,cAAc,GAAGC,wBAAc,CAACC,MAAM,CAACvB,MAAM,CAAC;EACpD,IAAMwB,SAAS,GAAG,CAACN,cAAc,EAAE,IAAAO,4BAAkB,EAACJ,cAAc,CAAC,CAAC;EAEtE,OAAOG,SAAS;AAClB,CAAC;AAAC;AAAA,eAEa3B,WAAW;AAAA"
41
41
  }
package/esm/index.js CHANGED
@@ -42,7 +42,7 @@ export var createTheme = _ref => {
42
42
  }
43
43
  themeOptions['.cm-activeLineGutter'] = activeLineGutterStyle;
44
44
  if (settings.selection) {
45
- themeOptions['&.cm-focused .cm-selectionBackground .cm-selectionBackground, & .cm-selectionLayer .cm-selectionBackground, ::selection'] = {
45
+ themeOptions['&.cm-focused .cm-selectionBackground, & .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection'] = {
46
46
  backgroundColor: settings.selection
47
47
  };
48
48
  }
package/esm/index.js.map CHANGED
@@ -35,7 +35,7 @@
35
35
  "../src/index.tsx"
36
36
  ],
37
37
  "sourcesContent": [
38
- "import { EditorView } from '@codemirror/view';\nimport { Extension } from '@codemirror/state';\nimport { HighlightStyle, TagStyle, syntaxHighlighting } from '@codemirror/language';\nimport { StyleSpec } from 'style-mod';\n\nexport interface CreateThemeOptions {\n /**\n * Theme inheritance. Determines which styles CodeMirror will apply by default.\n */\n theme: Theme;\n /**\n * Settings to customize the look of the editor, like background, gutter, selection and others.\n */\n settings: Settings;\n /** Syntax highlighting styles. */\n styles: TagStyle[];\n}\n\ntype Theme = 'light' | 'dark';\n\nexport interface Settings {\n /** Editor background. */\n background: string;\n /** Default text color. */\n foreground: string;\n /** Caret color. */\n caret?: string;\n /** Selection background. */\n selection?: string;\n /** Selection match background. */\n selectionMatch?: string;\n /** Background of highlighted lines. */\n lineHighlight?: string;\n /** Gutter background. */\n gutterBackground?: string;\n /** Text color inside gutter. */\n gutterForeground?: string;\n /** Text active color inside gutter. */\n gutterActiveForeground?: string;\n /** Gutter right border color. */\n gutterBorder?: string;\n}\n\nexport const createTheme = ({ theme, settings, styles }: CreateThemeOptions): Extension => {\n const themeOptions: Record<string, StyleSpec> = {\n '&': {\n backgroundColor: settings.background,\n color: settings.foreground,\n },\n '.cm-gutters': {},\n };\n\n if (settings.gutterBackground) {\n themeOptions['.cm-gutters'].backgroundColor = settings.gutterBackground;\n }\n if (settings.gutterForeground) {\n themeOptions['.cm-gutters'].color = settings.gutterForeground;\n }\n if (settings.gutterBorder) {\n themeOptions['.cm-gutters'].borderRightColor = settings.gutterBorder;\n }\n\n if (settings.caret) {\n themeOptions['.cm-content'] = {\n caretColor: settings.caret,\n };\n themeOptions['.cm-cursor, .cm-dropCursor'] = {\n borderLeftColor: settings.caret,\n };\n }\n let activeLineGutterStyle: StyleSpec = {};\n if (settings.gutterActiveForeground) {\n activeLineGutterStyle.color = settings.gutterActiveForeground;\n }\n if (settings.lineHighlight) {\n themeOptions['.cm-activeLine'] = {\n backgroundColor: settings.lineHighlight,\n };\n activeLineGutterStyle.backgroundColor = settings.lineHighlight;\n }\n themeOptions['.cm-activeLineGutter'] = activeLineGutterStyle;\n\n if (settings.selection) {\n themeOptions[\n '&.cm-focused .cm-selectionBackground .cm-selectionBackground, & .cm-selectionLayer .cm-selectionBackground, ::selection'\n ] = {\n backgroundColor: settings.selection,\n };\n }\n if (settings.selectionMatch) {\n themeOptions['& .cm-selectionMatch'] = {\n backgroundColor: settings.selectionMatch,\n };\n }\n const themeExtension = EditorView.theme(themeOptions, {\n dark: theme === 'dark',\n });\n\n const highlightStyle = HighlightStyle.define(styles);\n const extension = [themeExtension, syntaxHighlighting(highlightStyle)];\n\n return extension;\n};\n\nexport default createTheme;\n"
38
+ "import { EditorView } from '@codemirror/view';\nimport { Extension } from '@codemirror/state';\nimport { HighlightStyle, TagStyle, syntaxHighlighting } from '@codemirror/language';\nimport { StyleSpec } from 'style-mod';\n\nexport interface CreateThemeOptions {\n /**\n * Theme inheritance. Determines which styles CodeMirror will apply by default.\n */\n theme: Theme;\n /**\n * Settings to customize the look of the editor, like background, gutter, selection and others.\n */\n settings: Settings;\n /** Syntax highlighting styles. */\n styles: TagStyle[];\n}\n\ntype Theme = 'light' | 'dark';\n\nexport interface Settings {\n /** Editor background. */\n background: string;\n /** Default text color. */\n foreground: string;\n /** Caret color. */\n caret?: string;\n /** Selection background. */\n selection?: string;\n /** Selection match background. */\n selectionMatch?: string;\n /** Background of highlighted lines. */\n lineHighlight?: string;\n /** Gutter background. */\n gutterBackground?: string;\n /** Text color inside gutter. */\n gutterForeground?: string;\n /** Text active color inside gutter. */\n gutterActiveForeground?: string;\n /** Gutter right border color. */\n gutterBorder?: string;\n}\n\nexport const createTheme = ({ theme, settings, styles }: CreateThemeOptions): Extension => {\n const themeOptions: Record<string, StyleSpec> = {\n '&': {\n backgroundColor: settings.background,\n color: settings.foreground,\n },\n '.cm-gutters': {},\n };\n\n if (settings.gutterBackground) {\n themeOptions['.cm-gutters'].backgroundColor = settings.gutterBackground;\n }\n if (settings.gutterForeground) {\n themeOptions['.cm-gutters'].color = settings.gutterForeground;\n }\n if (settings.gutterBorder) {\n themeOptions['.cm-gutters'].borderRightColor = settings.gutterBorder;\n }\n\n if (settings.caret) {\n themeOptions['.cm-content'] = {\n caretColor: settings.caret,\n };\n themeOptions['.cm-cursor, .cm-dropCursor'] = {\n borderLeftColor: settings.caret,\n };\n }\n let activeLineGutterStyle: StyleSpec = {};\n if (settings.gutterActiveForeground) {\n activeLineGutterStyle.color = settings.gutterActiveForeground;\n }\n if (settings.lineHighlight) {\n themeOptions['.cm-activeLine'] = {\n backgroundColor: settings.lineHighlight,\n };\n activeLineGutterStyle.backgroundColor = settings.lineHighlight;\n }\n themeOptions['.cm-activeLineGutter'] = activeLineGutterStyle;\n\n if (settings.selection) {\n themeOptions[\n '&.cm-focused .cm-selectionBackground, & .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection'\n ] = {\n backgroundColor: settings.selection,\n };\n }\n if (settings.selectionMatch) {\n themeOptions['& .cm-selectionMatch'] = {\n backgroundColor: settings.selectionMatch,\n };\n }\n const themeExtension = EditorView.theme(themeOptions, {\n dark: theme === 'dark',\n });\n\n const highlightStyle = HighlightStyle.define(styles);\n const extension = [themeExtension, syntaxHighlighting(highlightStyle)];\n\n return extension;\n};\n\nexport default createTheme;\n"
39
39
  ],
40
- "mappings": "AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,cAAc,EAAYC,kBAAkB,QAAQ,sBAAsB;AAyCnF,OAAO,IAAMC,WAAW,GAAG,QAAgE;EAAA,IAA/D;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAA2B,CAAC;EACzE,IAAMC,YAAuC,GAAG;IAC9C,GAAG,EAAE;MACHC,eAAe,EAAEH,QAAQ,CAACI,UAAU;MACpCC,KAAK,EAAEL,QAAQ,CAACM;IAClB,CAAC;IACD,aAAa,EAAE,CAAC;EAClB,CAAC;EAED,IAAIN,QAAQ,CAACO,gBAAgB,EAAE;IAC7BL,YAAY,CAAC,aAAa,CAAC,CAACC,eAAe,GAAGH,QAAQ,CAACO,gBAAgB;EACzE;EACA,IAAIP,QAAQ,CAACQ,gBAAgB,EAAE;IAC7BN,YAAY,CAAC,aAAa,CAAC,CAACG,KAAK,GAAGL,QAAQ,CAACQ,gBAAgB;EAC/D;EACA,IAAIR,QAAQ,CAACS,YAAY,EAAE;IACzBP,YAAY,CAAC,aAAa,CAAC,CAACQ,gBAAgB,GAAGV,QAAQ,CAACS,YAAY;EACtE;EAEA,IAAIT,QAAQ,CAACW,KAAK,EAAE;IAClBT,YAAY,CAAC,aAAa,CAAC,GAAG;MAC5BU,UAAU,EAAEZ,QAAQ,CAACW;IACvB,CAAC;IACDT,YAAY,CAAC,4BAA4B,CAAC,GAAG;MAC3CW,eAAe,EAAEb,QAAQ,CAACW;IAC5B,CAAC;EACH;EACA,IAAIG,qBAAgC,GAAG,CAAC,CAAC;EACzC,IAAId,QAAQ,CAACe,sBAAsB,EAAE;IACnCD,qBAAqB,CAACT,KAAK,GAAGL,QAAQ,CAACe,sBAAsB;EAC/D;EACA,IAAIf,QAAQ,CAACgB,aAAa,EAAE;IAC1Bd,YAAY,CAAC,gBAAgB,CAAC,GAAG;MAC/BC,eAAe,EAAEH,QAAQ,CAACgB;IAC5B,CAAC;IACDF,qBAAqB,CAACX,eAAe,GAAGH,QAAQ,CAACgB,aAAa;EAChE;EACAd,YAAY,CAAC,sBAAsB,CAAC,GAAGY,qBAAqB;EAE5D,IAAId,QAAQ,CAACiB,SAAS,EAAE;IACtBf,YAAY,CACV,yHAAyH,CAC1H,GAAG;MACFC,eAAe,EAAEH,QAAQ,CAACiB;IAC5B,CAAC;EACH;EACA,IAAIjB,QAAQ,CAACkB,cAAc,EAAE;IAC3BhB,YAAY,CAAC,sBAAsB,CAAC,GAAG;MACrCC,eAAe,EAAEH,QAAQ,CAACkB;IAC5B,CAAC;EACH;EACA,IAAMC,cAAc,GAAGxB,UAAU,CAACI,KAAK,CAACG,YAAY,EAAE;IACpDkB,IAAI,EAAErB,KAAK,KAAK;EAClB,CAAC,CAAC;EAEF,IAAMsB,cAAc,GAAGzB,cAAc,CAAC0B,MAAM,CAACrB,MAAM,CAAC;EACpD,IAAMsB,SAAS,GAAG,CAACJ,cAAc,EAAEtB,kBAAkB,CAACwB,cAAc,CAAC,CAAC;EAEtE,OAAOE,SAAS;AAClB,CAAC;AAED,eAAezB,WAAW"
40
+ "mappings": "AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,cAAc,EAAYC,kBAAkB,QAAQ,sBAAsB;AAyCnF,OAAO,IAAMC,WAAW,GAAG,QAAgE;EAAA,IAA/D;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAA2B,CAAC;EACzE,IAAMC,YAAuC,GAAG;IAC9C,GAAG,EAAE;MACHC,eAAe,EAAEH,QAAQ,CAACI,UAAU;MACpCC,KAAK,EAAEL,QAAQ,CAACM;IAClB,CAAC;IACD,aAAa,EAAE,CAAC;EAClB,CAAC;EAED,IAAIN,QAAQ,CAACO,gBAAgB,EAAE;IAC7BL,YAAY,CAAC,aAAa,CAAC,CAACC,eAAe,GAAGH,QAAQ,CAACO,gBAAgB;EACzE;EACA,IAAIP,QAAQ,CAACQ,gBAAgB,EAAE;IAC7BN,YAAY,CAAC,aAAa,CAAC,CAACG,KAAK,GAAGL,QAAQ,CAACQ,gBAAgB;EAC/D;EACA,IAAIR,QAAQ,CAACS,YAAY,EAAE;IACzBP,YAAY,CAAC,aAAa,CAAC,CAACQ,gBAAgB,GAAGV,QAAQ,CAACS,YAAY;EACtE;EAEA,IAAIT,QAAQ,CAACW,KAAK,EAAE;IAClBT,YAAY,CAAC,aAAa,CAAC,GAAG;MAC5BU,UAAU,EAAEZ,QAAQ,CAACW;IACvB,CAAC;IACDT,YAAY,CAAC,4BAA4B,CAAC,GAAG;MAC3CW,eAAe,EAAEb,QAAQ,CAACW;IAC5B,CAAC;EACH;EACA,IAAIG,qBAAgC,GAAG,CAAC,CAAC;EACzC,IAAId,QAAQ,CAACe,sBAAsB,EAAE;IACnCD,qBAAqB,CAACT,KAAK,GAAGL,QAAQ,CAACe,sBAAsB;EAC/D;EACA,IAAIf,QAAQ,CAACgB,aAAa,EAAE;IAC1Bd,YAAY,CAAC,gBAAgB,CAAC,GAAG;MAC/BC,eAAe,EAAEH,QAAQ,CAACgB;IAC5B,CAAC;IACDF,qBAAqB,CAACX,eAAe,GAAGH,QAAQ,CAACgB,aAAa;EAChE;EACAd,YAAY,CAAC,sBAAsB,CAAC,GAAGY,qBAAqB;EAE5D,IAAId,QAAQ,CAACiB,SAAS,EAAE;IACtBf,YAAY,CACV,6GAA6G,CAC9G,GAAG;MACFC,eAAe,EAAEH,QAAQ,CAACiB;IAC5B,CAAC;EACH;EACA,IAAIjB,QAAQ,CAACkB,cAAc,EAAE;IAC3BhB,YAAY,CAAC,sBAAsB,CAAC,GAAG;MACrCC,eAAe,EAAEH,QAAQ,CAACkB;IAC5B,CAAC;EACH;EACA,IAAMC,cAAc,GAAGxB,UAAU,CAACI,KAAK,CAACG,YAAY,EAAE;IACpDkB,IAAI,EAAErB,KAAK,KAAK;EAClB,CAAC,CAAC;EAEF,IAAMsB,cAAc,GAAGzB,cAAc,CAAC0B,MAAM,CAACrB,MAAM,CAAC;EACpD,IAAMsB,SAAS,GAAG,CAACJ,cAAc,EAAEtB,kBAAkB,CAACwB,cAAc,CAAC,CAAC;EAEtE,OAAOE,SAAS;AAClB,CAAC;AAED,eAAezB,WAAW"
41
41
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uiw/codemirror-themes",
3
- "version": "4.14.0",
3
+ "version": "4.14.2",
4
4
  "description": "Themes for CodeMirror.",
5
5
  "homepage": "https://uiwjs.github.io/react-codemirror/#/theme/doc",
6
6
  "author": "kenny wong <wowohoo@qq.com>",
package/src/index.tsx CHANGED
@@ -82,7 +82,7 @@ export const createTheme = ({ theme, settings, styles }: CreateThemeOptions): Ex
82
82
 
83
83
  if (settings.selection) {
84
84
  themeOptions[
85
- '&.cm-focused .cm-selectionBackground .cm-selectionBackground, & .cm-selectionLayer .cm-selectionBackground, ::selection'
85
+ '&.cm-focused .cm-selectionBackground, & .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection'
86
86
  ] = {
87
87
  backgroundColor: settings.selection,
88
88
  };