fix: increase selection contrast, close #29

antfu · Mar 3, 2024 · ecfd4cb · ecfd4cb
1 parent 5e98112
commit ecfd4cb
Show file tree

Hide file tree

Showing 11 changed files with 39 additions and 35 deletions.
diff --git a/.vscode/tasks.json b/.vscode/tasks.json
@@ -18,7 +18,7 @@
         "background": {
           "activeOnStart": true,
           "beginsPattern": "starting",
-          "endsPattern": "clean exit"
+          "endsPattern": "finished"
         }
       },
       "label": "npm: dev"

diff --git a/extra/xterm-vitesse-black.json b/extra/xterm-vitesse-black.json
@@ -2,8 +2,8 @@
   "background": "#000",
   "foreground": "#dbd7cacc",
   "cursor": "#dbd7cacc",
-  "selectionBackground": "#eeeeee15",
-  "selectionInactiveBackground": "#eeeeee08",
+  "selectionBackground": "#eeeeee18",
+  "selectionInactiveBackground": "#eeeeee10",
   "brightBlack": "#777777",
   "brightBlue": "#6394bf",
   "brightCyan": "#5eaab5",

diff --git a/extra/xterm-vitesse-dark.json b/extra/xterm-vitesse-dark.json
@@ -2,8 +2,8 @@
   "background": "#121212",
   "foreground": "#dbd7caee",
   "cursor": "#dbd7caee",
-  "selectionBackground": "#eeeeee15",
-  "selectionInactiveBackground": "#eeeeee08",
+  "selectionBackground": "#eeeeee18",
+  "selectionInactiveBackground": "#eeeeee10",
   "brightBlack": "#777777",
   "brightBlue": "#6394bf",
   "brightCyan": "#5eaab5",

diff --git a/extra/xterm-vitesse-light.json b/extra/xterm-vitesse-light.json
@@ -2,8 +2,8 @@
   "background": "#ffffff",
   "foreground": "#393a34",
   "cursor": "#393a34",
-  "selectionBackground": "#22222215",
-  "selectionInactiveBackground": "#22222208",
+  "selectionBackground": "#22222218",
+  "selectionInactiveBackground": "#22222210",
   "brightBlack": "#aaaaaa",
   "brightBlue": "#296aa3",
   "brightCyan": "#2993a3",

diff --git a/scripts/colors.ts b/scripts/colors.ts
@@ -25,9 +25,9 @@ export const VitesseThemes = {
 
   background: ['#121212', '#ffffff'],
   activeBackground: ['#181818', '#f7f7f7'],
-  selectionBackground: ['#eeeeee15', '#22222215'],
-  selectionBackgroundActive: ['#eeeeee15', '#22222215'],
-  selectionBackgroundInActive: ['#eeeeee08', '#22222208'],
+  selectionBackground: ['#eeeeee18', '#22222218'],
+  selectionBackgroundActive: ['#eeeeee18', '#22222218'],
+  selectionBackgroundInActive: ['#eeeeee10', '#22222210'],
 
   // soft overrides
   softBackground: ['#222', '#F1F0E9'],

diff --git a/scripts/index.ts b/scripts/index.ts
@@ -2,6 +2,8 @@ import fs from 'fs-extra'
 import getTheme from './theme'
 import { getXtermTheme } from './extra'
 
+console.log('starting')
+
 fs.mkdir('./themes', { recursive: true })
   .then(() => Promise.all([
     fs.writeJSON(
@@ -77,3 +79,5 @@ fs.mkdir('./extra', { recursive: true })
       { spaces: 2 },
     ),
   ]))
+
+console.log('finished')
diff --git a/themes/vitesse-black.json b/themes/vitesse-black.json
@@ -96,7 +96,7 @@
     "breadcrumb.foreground": "#959da5",
     "breadcrumb.focusForeground": "#dbd7cacc",
     "breadcrumb.background": "#121212",
-    "breadcrumb.activeSelectionForeground": "#eeeeee15",
+    "breadcrumb.activeSelectionForeground": "#eeeeee18",
     "breadcrumbPicker.background": "#000",
     "editor.foreground": "#dbd7cacc",
     "editor.background": "#000",
@@ -110,9 +110,9 @@
     "editorWhitespace.foreground": "#ffffff15",
     "editor.findMatchBackground": "#e6cc7722",
     "editor.findMatchHighlightBackground": "#e6cc7744",
-    "editor.inactiveSelectionBackground": "#eeeeee08",
-    "editor.selectionBackground": "#eeeeee15",
-    "editor.selectionHighlightBackground": "#eeeeee08",
+    "editor.inactiveSelectionBackground": "#eeeeee10",
+    "editor.selectionBackground": "#eeeeee18",
+    "editor.selectionHighlightBackground": "#eeeeee10",
     "editor.wordHighlightBackground": "#1c6b4805",
     "editor.wordHighlightStrongBackground": "#1c6b4810",
     "editorBracketMatch.background": "#4d937520",
@@ -130,7 +130,7 @@
     "panelTitle.inactiveForeground": "#959da5",
     "panelInput.border": "#2f363d",
     "terminal.foreground": "#dbd7cacc",
-    "terminal.selectionBackground": "#eeeeee15",
+    "terminal.selectionBackground": "#eeeeee18",
     "terminal.ansiBrightBlack": "#777777",
     "terminal.ansiBrightBlue": "#6394bf",
     "terminal.ansiBrightCyan": "#5eaab5",

diff --git a/themes/vitesse-dark-soft.json b/themes/vitesse-dark-soft.json
@@ -96,7 +96,7 @@
     "breadcrumb.foreground": "#959da5",
     "breadcrumb.focusForeground": "#dbd7caee",
     "breadcrumb.background": "#292929",
-    "breadcrumb.activeSelectionForeground": "#eeeeee15",
+    "breadcrumb.activeSelectionForeground": "#eeeeee18",
     "breadcrumbPicker.background": "#222",
     "editor.foreground": "#dbd7caee",
     "editor.background": "#222",
@@ -110,9 +110,9 @@
     "editorWhitespace.foreground": "#ffffff15",
     "editor.findMatchBackground": "#e6cc7722",
     "editor.findMatchHighlightBackground": "#e6cc7744",
-    "editor.inactiveSelectionBackground": "#eeeeee08",
-    "editor.selectionBackground": "#eeeeee15",
-    "editor.selectionHighlightBackground": "#eeeeee08",
+    "editor.inactiveSelectionBackground": "#eeeeee10",
+    "editor.selectionBackground": "#eeeeee18",
+    "editor.selectionHighlightBackground": "#eeeeee10",
     "editor.wordHighlightBackground": "#1c6b4805",
     "editor.wordHighlightStrongBackground": "#1c6b4810",
     "editorBracketMatch.background": "#4d937520",
@@ -130,7 +130,7 @@
     "panelTitle.inactiveForeground": "#959da5",
     "panelInput.border": "#2f363d",
     "terminal.foreground": "#dbd7caee",
-    "terminal.selectionBackground": "#eeeeee15",
+    "terminal.selectionBackground": "#eeeeee18",
     "terminal.ansiBrightBlack": "#777777",
     "terminal.ansiBrightBlue": "#6394bf",
     "terminal.ansiBrightCyan": "#5eaab5",

diff --git a/themes/vitesse-dark.json b/themes/vitesse-dark.json
@@ -96,7 +96,7 @@
     "breadcrumb.foreground": "#959da5",
     "breadcrumb.focusForeground": "#dbd7caee",
     "breadcrumb.background": "#181818",
-    "breadcrumb.activeSelectionForeground": "#eeeeee15",
+    "breadcrumb.activeSelectionForeground": "#eeeeee18",
     "breadcrumbPicker.background": "#121212",
     "editor.foreground": "#dbd7caee",
     "editor.background": "#121212",
@@ -110,9 +110,9 @@
     "editorWhitespace.foreground": "#ffffff15",
     "editor.findMatchBackground": "#e6cc7722",
     "editor.findMatchHighlightBackground": "#e6cc7744",
-    "editor.inactiveSelectionBackground": "#eeeeee08",
-    "editor.selectionBackground": "#eeeeee15",
-    "editor.selectionHighlightBackground": "#eeeeee08",
+    "editor.inactiveSelectionBackground": "#eeeeee10",
+    "editor.selectionBackground": "#eeeeee18",
+    "editor.selectionHighlightBackground": "#eeeeee10",
     "editor.wordHighlightBackground": "#1c6b4805",
     "editor.wordHighlightStrongBackground": "#1c6b4810",
     "editorBracketMatch.background": "#4d937520",
@@ -130,7 +130,7 @@
     "panelTitle.inactiveForeground": "#959da5",
     "panelInput.border": "#2f363d",
     "terminal.foreground": "#dbd7caee",
-    "terminal.selectionBackground": "#eeeeee15",
+    "terminal.selectionBackground": "#eeeeee18",
     "terminal.ansiBrightBlack": "#777777",
     "terminal.ansiBrightBlue": "#6394bf",
     "terminal.ansiBrightCyan": "#5eaab5",

diff --git a/themes/vitesse-light-soft.json b/themes/vitesse-light-soft.json
@@ -96,7 +96,7 @@
     "breadcrumb.foreground": "#6a737d",
     "breadcrumb.focusForeground": "#393a34",
     "breadcrumb.background": "#E7E5DB",
-    "breadcrumb.activeSelectionForeground": "#22222215",
+    "breadcrumb.activeSelectionForeground": "#22222218",
     "breadcrumbPicker.background": "#F1F0E9",
     "editor.foreground": "#393a34",
     "editor.background": "#F1F0E9",
@@ -110,9 +110,9 @@
     "editorWhitespace.foreground": "#00000015",
     "editor.findMatchBackground": "#e6cc7744",
     "editor.findMatchHighlightBackground": "#e6cc7766",
-    "editor.inactiveSelectionBackground": "#22222208",
-    "editor.selectionBackground": "#22222215",
-    "editor.selectionHighlightBackground": "#22222208",
+    "editor.inactiveSelectionBackground": "#22222210",
+    "editor.selectionBackground": "#22222218",
+    "editor.selectionHighlightBackground": "#22222210",
     "editor.wordHighlightBackground": "#1c6b4805",
     "editor.wordHighlightStrongBackground": "#1c6b4810",
     "editorBracketMatch.background": "#1c6b4820",
@@ -130,7 +130,7 @@
     "panelTitle.inactiveForeground": "#6a737d",
     "panelInput.border": "#e1e4e8",
     "terminal.foreground": "#393a34",
-    "terminal.selectionBackground": "#22222215",
+    "terminal.selectionBackground": "#22222218",
     "terminal.ansiBrightBlack": "#aaaaaa",
     "terminal.ansiBrightBlue": "#296aa3",
     "terminal.ansiBrightCyan": "#2993a3",

diff --git a/themes/vitesse-light.json b/themes/vitesse-light.json
@@ -96,7 +96,7 @@
     "breadcrumb.foreground": "#6a737d",
     "breadcrumb.focusForeground": "#393a34",
     "breadcrumb.background": "#f7f7f7",
-    "breadcrumb.activeSelectionForeground": "#22222215",
+    "breadcrumb.activeSelectionForeground": "#22222218",
     "breadcrumbPicker.background": "#ffffff",
     "editor.foreground": "#393a34",
     "editor.background": "#ffffff",
@@ -110,9 +110,9 @@
     "editorWhitespace.foreground": "#00000015",
     "editor.findMatchBackground": "#e6cc7744",
     "editor.findMatchHighlightBackground": "#e6cc7766",
-    "editor.inactiveSelectionBackground": "#22222208",
-    "editor.selectionBackground": "#22222215",
-    "editor.selectionHighlightBackground": "#22222208",
+    "editor.inactiveSelectionBackground": "#22222210",
+    "editor.selectionBackground": "#22222218",
+    "editor.selectionHighlightBackground": "#22222210",
     "editor.wordHighlightBackground": "#1c6b4805",
     "editor.wordHighlightStrongBackground": "#1c6b4810",
     "editorBracketMatch.background": "#1c6b4820",
@@ -130,7 +130,7 @@
     "panelTitle.inactiveForeground": "#6a737d",
     "panelInput.border": "#e1e4e8",
     "terminal.foreground": "#393a34",
-    "terminal.selectionBackground": "#22222215",
+    "terminal.selectionBackground": "#22222218",
     "terminal.ansiBrightBlack": "#aaaaaa",
     "terminal.ansiBrightBlue": "#296aa3",
     "terminal.ansiBrightCyan": "#2993a3",