Style Variations: Display current modifications in the "Browse styles" panel

[jameskoster]

The "Browse styles" panel shows which style variation is active.

It can sometimes be useful to understand in more detail which blocks, elements, etc. that variation modifies. In this issue let's explore designs to surface those details with appropriate prominence.

[annezazu]

Related to this, we need to show what custom CSS is attached to each variation: #47433

[ellenbauer]

@jameskoster Before adding design ideas, I just want to be extra sure that with 'shows which style variation is active' the slightly darker border around the active style variation is meant, or? Could we maybe also discuss making this active state a little more visible?

We are creating a theme right now with a lot of style variations and I feel the active state should pop out a little more visible, see screenshot:

Also, when we are adding more information anyway, we could maybe add the name of the active style variation to this list?

[jameskoster]

@ellenbauer I don't think anything is totally off the table :) Looking forward to seeing ideas!