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!

[annezazu]

After a review by core editor triage leads and core editor tech leads, this has been removed from the board for 6.5 consideration.

[mtias]

What's the status of this one?

[jameskoster]

I know I opened this issue, but it's been a while and could use some clarity since the UI/UX has changed a little.

Are we talking about displaying information regarding modifications the user has made to the active style variation? Or is it about showing which modifications each style variation applies on top of the default one?

The wording in the issue would suggest the latter, but the former seems more useful to me :)

[mtias]

Yeah, it seems perhaps we should close this one and continue on the broad work of style variation management :)

[jameskoster]

Yes I think so, saving/resetting is mostly covered in #45371.