Skip to content

Commit

Permalink
Highlight active selectize dropdown elements in dark mode
Browse files Browse the repository at this point in the history
They are highlighted in light mode, and it makes sense to highlight them in
dark mode too.

.active is the hovered option, while .highlight is matching-user-input
letters in the option.
  • Loading branch information
sunnavy committed Jan 2, 2025
1 parent 30355a8 commit cc2a85e
Showing 1 changed file with 8 additions and 0 deletions.
8 changes: 8 additions & 0 deletions share/static/css/elevator-dark/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -457,3 +457,11 @@ body.darkmode.IE11 .ui-icon-circle-triangle-e {
.darkmode th.collection-as-table svg.fa-sort * {
color: #777 !important;
}

.darkmode .selectize-dropdown .highlight {
background-color: #7a7d8d !important;
}

.darkmode .selectize-dropdown .active {
background-color: #3a474d !important;
}

0 comments on commit cc2a85e

Please sign in to comment.