Background color of selections

[David Wessman]

Hello and thank you for a great theme.

This is found on version 0.3.3.

When selecting text in for example the Find & Replace fields, the background color of the selection is very similar to the background color of the input. I tracked it down to the setting selection.background but I do not know what color would be great.

I cannot see my selection with default settings:

I see it with override "selection.background": "#ff0000":

Please let me know if I can help and thank you for your work! 🙂

[Amerzel]

Here's some settings you can try.

Taken from mjcrouch in a comment from another issue.

  "workbench.colorCustomizations": {
    "[In Bed by 7pm]": {
      "tab.unfocusedInactiveForeground": "#545869",
      "selection.background": "#f3ff486b",
      "editor.selectionBackground": "#363d53dd",
      "editor.selectionHighlightBackground": "#363d53dd",
      "editor.inactiveSelectionBackground": "#303649a4",
      "editor.findMatchBackground": "#f3ff486b",
      "editor.findMatchHighlightBackground": "#f3ff482a"
    }
  }

[Dustin Krysak]

I am just tagging in on this one as I came looking for a solution to this exact thing. 👍

[Matthew Goodwin]

If anyone else comes here, I was having issues with the editorSuggestWidget (intellisense modal), and the Command Pallet active background color (was not high enough contrast to tell which item was selected, these are my settings.

I also changed a few things related to selection as I also found that to be annoyingly low contrast:

  "workbench.colorCustomizations": {
    "[In Bed by 7pm]": {
      "tab.unfocusedInactiveForeground": "#545869",
      "selection.background": "#a377ddae",
      "editor.selectionBackground": "#4c72f060",
      "editor.selectionHighlightBackground": "#4c72f0aa",
      "editor.inactiveSelectionBackground": "#303649a4",
      "editor.findMatchBackground": "#a377ddae",
      "editor.findMatchHighlightBackground": "#f3ff482a",
      "quickInputList.focusBackground": "#a377ddae",
      "editorSuggestWidget.selectedBackground": "#a377ddae"
    }
  },

Here are some screens of what it looks like: