Item hover color not matching background

[YacineGhoulam]

Hi,

I noticed a small UI issue in the Frappé theme regarding the hover state of ".title" div.

Problem

On hover, the current styling looks slightly off.
The background of the ".flux-header" is set to var(--hover) but the title alone appears in var(--bg)

Suggested fix

I fixed it locally by adding the following CSS at the end of the file:

.flux:not(.current):hover .item .title {
background: var(--hover);
}

and now it looks like this

[shinodark]

Personally I also added something like :

.flux:hover .flux_header .item .summary {
  color: silver;
}

to make summary readable again on selected item

[mark-pitblado]

Thank you both for providing the css that worked for you. I'll try to take a look this weekend and merge a PR.

[v4u6h4n]

I am encountering the same issue with latte, and also a number of other issues, quite busted looking unfortunately. But frappe seems to just be the hover issue though so I'm using that in the meantime :-)