Filtered search > hover and focus on darkmode
In dark mode the hover is invisible:
| light | dark |
|---|---|
| Screen_Recording_2024-04-23_at_16.37.07 | Screen_Recording_2024-04-23_at_16.38.31 |
In addition, I would recommend the first element to received focus, so the user can press enter/return directly.
The focus state is darker than the hover which is confusing both in light and, specially, in dark mode:
| light | dark |
|---|---|
| Screen_Recording_2024-04-23_at_16.49.42 | Screen_Recording_2024-04-23_at_16.47.02 |
Lastly, I would recommend to shade the whole token equally, instead of lighter and darker: 