style(theme): modify abcdef/abyss/androidstudio/andromeda/atomone/aura/basic selection color. (#609)

jaywcjlove · jaywcjlove · commit d23318314b48 · 2023-11-26T19:00:36.000+08:00
diff --git a/core/README.md b/core/README.md
@@ -7,7 +7,6 @@
 # react-codemirror
 
 [![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
-[![jsdelivr CDN](https://data.jsdelivr.com/v1/package/npm/@uiw/react-codemirror/badge)](https://www.jsdelivr.com/package/npm/@uiw/react-codemirror)
 [![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-codemirror.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-codemirror)
 [![Build & Deploy](https://github.com/uiwjs/react-codemirror/actions/workflows/ci.yml/badge.svg)](https://github.com/uiwjs/react-codemirror/actions)
 [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-codemirror/file/README.md)
diff --git a/themes/abcdef/package.json b/themes/abcdef/package.json
@@ -3,6 +3,7 @@
   "version": "4.21.20",
   "description": "Theme abcdef for CodeMirror.",
   "homepage": "https://uiwjs.github.io/react-codemirror/#/theme/data/abcdef",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "author": "kenny wong <wowohoo@qq.com>",
   "license": "MIT",
   "main": "./cjs/index.js",
diff --git a/themes/abcdef/src/index.ts b/themes/abcdef/src/index.ts
@@ -14,7 +14,7 @@ export const defaultSettingsAbcdef: CreateThemeOptions['settings'] = {
   selectionMatch: '#515151',
   gutterBackground: '#555',
   gutterForeground: '#FFFFFF',
-  lineHighlight: '#314151',
+  lineHighlight: '#0a6bcb3d',
 };
 
 export const abcdefInit = (options?: Partial<CreateThemeOptions>) => {
diff --git a/themes/abyss/package.json b/themes/abyss/package.json
@@ -3,6 +3,7 @@
   "version": "4.21.20",
   "description": "Theme abyss for CodeMirror.",
   "homepage": "https://uiwjs.github.io/react-codemirror/#/theme/data/abyss",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "author": "kenny wong <wowohoo@qq.com>",
   "license": "MIT",
   "main": "./cjs/index.js",
diff --git a/themes/abyss/src/color.ts b/themes/abyss/src/color.ts
@@ -5,7 +5,7 @@ export const config = {
   selectionMatch: '#770811',
   cursor: '#ddbb88',
   dropdownBackground: '#181f2f',
-  activeLine: '#082050',
+  activeLine: '#0055ff30',
   matchingBracket: '#082050',
   keyword: '#225588',
   storage: '#225588',
diff --git a/themes/all/package.json b/themes/all/package.json
@@ -3,6 +3,7 @@
   "version": "4.21.20",
   "description": "Themes all for CodeMirror 6.",
   "homepage": "https://uiwjs.github.io/react-codemirror/#/theme/data/abcdef",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "author": "kenny wong <wowohoo@qq.com>",
   "license": "MIT",
   "main": "./cjs/index.js",
diff --git a/themes/androidstudio/package.json b/themes/androidstudio/package.json
@@ -3,6 +3,7 @@
   "version": "4.21.20",
   "description": "Theme androidstudio for CodeMirror.",
   "homepage": "https://uiwjs.github.io/react-codemirror/#/theme/data/androidstudio",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "author": "kenny wong <wowohoo@qq.com>",
   "license": "MIT",
   "main": "./cjs/index.js",
diff --git a/themes/androidstudio/src/index.ts b/themes/androidstudio/src/index.ts
@@ -8,9 +8,9 @@ export const defaultSettingsAndroidstudio: CreateThemeOptions['settings'] = {
   background: '#282b2e',
   foreground: '#a9b7c6',
   caret: '#00FF00',
-  selection: '#343739',
-  selectionMatch: '#343739',
-  lineHighlight: '#343739',
+  selection: '#4e5254',
+  selectionMatch: '#4e5254',
+  lineHighlight: '#7f85891f',
 };
 
 export const androidstudioInit = (options?: Partial<CreateThemeOptions>) => {
diff --git a/themes/andromeda/package.json b/themes/andromeda/package.json
@@ -3,6 +3,7 @@
   "version": "4.21.20",
   "description": "Theme andromeda for CodeMirror.",
   "homepage": "https://uiwjs.github.io/react-codemirror/#/theme/data/andromeda",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "author": "kenny wong <wowohoo@qq.com>",
   "license": "MIT",
   "main": "./cjs/index.js",
diff --git a/themes/andromeda/src/color.ts b/themes/andromeda/src/color.ts
@@ -1,12 +1,12 @@
 export const config = {
   background: '#23262E',
   foreground: '#D5CED9',
-  selection: '#4F4355',
+  selection: '#db45a280',
   selectionMatch: '#db45a280',
   cursor: '#FFF',
   dropdownBackground: '#2b303b',
   dropdownBorder: '#363c49',
-  activeLine: '#2e323d',
+  activeLine: '#596a992e',
   matchingBracket: '#746f77',
   keyword: '#c74ded',
   storage: '#c74ded',
diff --git a/themes/atomone/package.json b/themes/atomone/package.json
@@ -3,6 +3,7 @@
   "version": "4.21.20",
   "description": "Theme atomone for CodeMirror.",
   "homepage": "https://uiwjs.github.io/react-codemirror/#/theme/data/atomone",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "author": "kenny wong <wowohoo@qq.com>",
   "license": "MIT",
   "main": "./cjs/index.js",
diff --git a/themes/atomone/src/index.ts b/themes/atomone/src/index.ts
@@ -11,12 +11,12 @@ export const defaultSettingsAtomone: CreateThemeOptions['settings'] = {
   background: '#272C35',
   foreground: '#9d9b97',
   caret: '#797977',
-  selection: '#ffffff30',
-  selectionMatch: '#2B323D',
+  selection: '#3d4c64',
+  selectionMatch: '#3d4c64',
   gutterBackground: '#272C35',
   gutterForeground: '#465063',
   gutterBorder: 'transparent',
-  lineHighlight: '#2B323D',
+  lineHighlight: '#2e3f5940',
 };
 
 export const atomoneInit = (options?: Partial<CreateThemeOptions>) => {
diff --git a/themes/aura/package.json b/themes/aura/package.json
@@ -3,6 +3,7 @@
   "version": "4.21.20",
   "description": "Theme aura for CodeMirror.",
   "homepage": "https://uiwjs.github.io/react-codemirror/#/theme/data/aura",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "author": "kenny wong <wowohoo@qq.com>",
   "license": "MIT",
   "main": "./cjs/index.js",
diff --git a/themes/aura/src/index.ts b/themes/aura/src/index.ts
@@ -5,8 +5,8 @@ export const defaultSettingsAura: CreateThemeOptions['settings'] = {
   background: '#21202e',
   foreground: '#edecee',
   caret: '#a277ff',
-  selection: '#3d375e7f',
-  selectionMatch: '#3d375e7f',
+  selection: '#5a51898f',
+  selectionMatch: '#5a51898f',
   gutterBackground: '#21202e',
   gutterForeground: '#edecee',
   gutterBorder: 'transparent',
diff --git a/themes/basic/package.json b/themes/basic/package.json
@@ -3,11 +3,11 @@
   "version": "4.21.20",
   "description": "Theme basic for CodeMirror.",
   "homepage": "https://uiwjs.github.io/react-codemirror/#/theme/data/basic/light",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "author": "kenny wong <wowohoo@qq.com>",
   "license": "MIT",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
-  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "exports": {
     "./README.md": "./README.md",
     ".": {
diff --git a/www/src/components/Header.tsx b/www/src/components/Header.tsx
@@ -21,6 +21,10 @@ const HeaderWrapper = styled.div`
   top: 0;
   z-index: 9999;
   background-color: var(--color-canvas-subtle);
+  a.sponsor {
+    color: var(--color-danger-fg);
+    text-decoration: none;
+  }
 `;
 
 const Title = styled(NavLink)`
diff --git a/www/src/components/Layout.tsx b/www/src/components/Layout.tsx
@@ -48,6 +48,9 @@ export const Layout = () => {
   return (
     <Wrapper>
       <Header>
+        <a href="https://jaywcjlove.github.io/#/sponsor" rel="noopener noreferrer" className="sponsor" target="_blank">
+          Sponsor
+        </a>
         {routes[0].children?.map((item, key) => {
           if (!item.label) return null;
           return (
diff --git a/www/src/pages/home/index.tsx b/www/src/pages/home/index.tsx
@@ -123,8 +123,9 @@ const hyperlink: {
     label: 'CM Documentation',
   },
   {
-    href: 'https://github.com/uiwjs/react-codemirror',
-    label: 'Github',
+    href: 'https://jaywcjlove.github.io/#/sponsor',
+    label: 'Sponsor',
+    style: { backgroundColor: '#0f7c4e' },
   },
   // {
   //   href: 'https://github.com/codemirror/dev',
