Highlight selected note item in the note list panel

[songweaver]

Operating system

macOS

Joplin version

3.0.15

What issue do you have?

Hi, I'm looking to change the background color of selected note item in the note list panel. Currently the light themes do not provide enough contrast for me, I can't see easily which notes are selected. I could find some css codes to change the background color of note list items. But they only apply for non-selected notes. Would anyone know how to change the background color of selected notes? I have attached a screenshot. Note 1 and 5 are selected, while 2-4 are non-selected. And I would like to reverse their colors - highlight the selected notes 1 and 5 red.

.note-list-item {
    background-color: red; /* Background color for non-selected notes */
}

Screenshots

[muzak]

This should work:

.note-list-item > .content.-selected {
  background-color: red !important;
}

[songweaver]

Amazing, that works well! Thanks