Change background color of selected text on Settings page


#1

I would like to change the background color of a selected text on the settings page. I am able to change the background color of a selected text on editor with :

atom-text-editor .selection .region {
    background-color: yellow;
    opacity: 0.3;
  }

But this doesn’t change the color on the settings page. So I tried this:

atom-text-editor.editor.mini.has-selection {
    background-color: yellow;
    opacity: 0.3;
  }

But it changes the background color of the whole text input not just of the selected text (cf the prinscreen below). I want to change the color of the grey highlight around “Linter” on my printscreen below:

Any idea what I should do?


#2

The answer is:
atom-text-editor[mini] .selection {
background-color: yellow;
opacity: 0.3;
}

Thanks to DamnedScholar