Make word match highlight more prominent by changing it to yellow

mskri · Jun 29, 2020 · 4711173 · 4711173
1 parent 6bd5ce0
commit 4711173
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/colors.js b/src/colors.js
@@ -55,8 +55,11 @@ module.exports = {
   blue25: `${palette.blue}40`, // 25% opacity
   blue35: `${palette.blue}59`, // 35% opacity
   yellow10: `${palette.yellow}1A`, // 10% opacity
+  yellow40: `${palette.yellow}66`, // 40% opacity
+  yellow50: `${palette.yellow}80`, // 50% opacity
+  yellow70: `${palette.yellow}B3`, // 70% opacity
+
   dark4_25: `${palette.dark4}40`, // 25% opacity
-  dark4_40: `${palette.dark4}66`, // 40% opacity
   dark4_55: `${palette.dark4}8C`, // 55% opacity
 
   // TODO: think which one should be the base and other one variant?

diff --git a/src/theme.js b/src/theme.js
@@ -128,8 +128,8 @@ module.exports = function getColor({ name, colors }) {
       'editor.selectionBackground': colors.blue15,
       'editor.wordHighlightBackground': colors.blue35,
 
-      'editor.findMatchBackground': colors.dark4,
-      'editor.findMatchHighlightBackground': `${colors.dark3}D9`, // 85% opacity
+      'editor.findMatchBackground': colors.yellow70,
+      'editor.findMatchHighlightBackground': colors.yellow40,
 
       'editorLineNumber.foreground': colors.dark3,
       'editorLineNumber.activeForeground': colors.white,