Skip to content

Commit

Permalink
Use different bg colors for active/highlight selectize elements in da…
Browse files Browse the repository at this point in the history
…rk mode

They have different colors 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 40517c5
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 40517c5

Please sign in to comment.