Skip to content

A themeable and scalable primitive system #42388

@SaxonF

Description

@SaxonF

What problem does this address?

As the editor expands in what it is capable of, so too will the complexity and density of its controls. The current UI language is quite heavy which can be distracting when faced with a dense panel of settings. There is also the ever present discussion of dark mode which is on its way to becoming expected in today's software.

What is your proposed solution

Its worthwhile discussing whether there are some iterations we can make to our wp/components primitive system so that they are more suitable for dense interfaces, as well as working our towards supporting themes.

The concepts below make use of the Radix Color System which includes hand picked light and dark themes. Others have approached light and dark mode in a more programmatic way which is also worth exploring.

Early concepts which soften stroke colour, adjust spacing and typography (using Inter).

image

Uppercase inspector section headings like we use in global styles

image

Some earlier explorations around dark mode
image

A more expressive example
image

Metadata

Metadata

Assignees

No one assigned

    Labels

    General InterfaceParts of the UI which don't fall neatly under other labels.Needs Design FeedbackNeeds general design feedback.[Feature] UI ComponentsImpacts or related to the UI component system[Type] EnhancementA suggestion for improvement.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions