style(theme-console): modify the theme selection style. (#632)

Author: jaywcjlove

themes/all/README.md

@@ -158,6 +158,16 @@ export * from '@uiw/codemirror-theme-xcode';
   <img width="436" alt="codemirror-theme-bespin" src="https://user-images.githubusercontent.com/1680273/176573408-0fd54981-471a-4ef8-91d4-8ad4b159c1e0.png">
 </a>
 
+### console
+
+<a href="https://uiwjs.github.io/react-codemirror/#/theme/data/console/light">
+  <img width="436" alt="codemirror-theme-console light" src="https://github.com/uiwjs/react-codemirror/assets/1680273/e45284f3-97bf-4ddc-8796-319db788df6d">
+</a>
+
+<a href="https://uiwjs.github.io/react-codemirror/#/theme/data/console/dark">
+  <img width="436" alt="codemirror-theme-console dark" src="https://github.com/uiwjs/react-codemirror/assets/1680273/25bae31d-1428-481a-bc04-7c3b49ae38c0">
+</a>
+
 ### copilot
 
 <a href="https://uiwjs.github.io/react-codemirror/#/theme/data/copilot">

themes/console/README.md

@@ -8,11 +8,11 @@
 [![npm version](https://img.shields.io/npm/v/@uiw/codemirror-theme-console.svg)](https://www.npmjs.com/package/@uiw/codemirror-theme-console)
 
 <a href="https://uiwjs.github.io/react-codemirror/#/theme/data/console/light">
-  <img width="436" alt="codemirror-theme-bespin" src="https://github.com/uiwjs/react-codemirror/assets/1680273/fa508c19-a037-4bd3-a319-89626f2bc5e8">
+  <img width="436" alt="codemirror-theme-console light" src="https://github.com/uiwjs/react-codemirror/assets/1680273/e45284f3-97bf-4ddc-8796-319db788df6d">
 </a>
 
 <a href="https://uiwjs.github.io/react-codemirror/#/theme/data/console/dark">
-  <img width="436" alt="codemirror-theme-github light" src="https://github.com/uiwjs/react-codemirror/assets/1680273/adc349ad-0d05-4858-96c2-a831fac1d7ac">
+  <img width="436" alt="codemirror-theme-console dark" src="https://github.com/uiwjs/react-codemirror/assets/1680273/25bae31d-1428-481a-bc04-7c3b49ae38c0">
 </a>
 
 ## Motivation

themes/console/src/dark.ts

@@ -4,12 +4,12 @@ export const defaultSettingsConsoleDark: CreateThemeOptions['settings'] = {
   background: '#000',
   foreground: '#fff',
   caret: '#fff',
-  selection: '#3e4865',
+  selection: '#5c6c9b',
   selectionMatch: '#2a3967',
   gutterBackground: '#000',
   gutterForeground: '#ada9a9',
-  gutterActiveForeground: '#000',
-  lineHighlight: '#828282',
+  gutterActiveForeground: '#fff',
+  lineHighlight: '#82828275',
 };
 
 export const consoleDarkInit = (options?: Partial<CreateThemeOptions>) => {

themes/console/src/light.ts

@@ -4,12 +4,12 @@ export const defaultSettingsConsoleLight: CreateThemeOptions['settings'] = {
   background: '#fff',
   foreground: '#000',
   caret: '#000',
-  selection: '#d6ddf2',
-  selectionMatch: '#6d85cf',
+  selection: '#c2d2ff',
+  selectionMatch: '#b1c1ef',
   gutterBackground: '#fff',
   gutterForeground: '#ada9a9',
   gutterActiveForeground: '#000',
-  lineHighlight: '#c7c5c5',
+  lineHighlight: '#c7c5c575',
 };
 
 export const consoleLightInit = (options?: Partial<CreateThemeOptions>) => {