Skip to content

Update button-toggle styles #2694

@jelbourn

Description

@jelbourn

New guidance from Material Design UX:

Multiple selection uses borders between items since they are unrelated and independent. E.g., Toggling Bold does not affect Italic.
Exclusive selection does not use borders between items since they are related and dependent. E.g., Turning on left aligned means center aligned must be turned off.

Dark theme colors

background color: grey 900
Active icon: white 100%
Inactive icon: white 30%
background fill on active: white 20%

Light theme colors

Active icon: 54%
Inactive icon: 26%
background fill on active: black 12%

Guidance on disabled button-toggles is that they should look the same as regular, not selected toggle. I think this is rather confusing, and think that we should offer guidance that button-toggles should never be disabled (instead they should be hidden).

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentblockedThis issue is blocked by some external factor, such as a prerequisite PR

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions