Originally submitted on Github

Problem/Motivation

Recent interviews and research exposed pain points around Drupal's admin experience of looking and feeling dated, especially compared to our competitors, and universally cited that choosing a more modern-looking admin theme instantly led to Drupal being better-perceived by said users.

There was an amazing community effort to Create a Style Guide For Seven that vastly improved its look + feel compared to the original, but Design best practices and Drupal functionality have moved on since then.

Proposed resolution

Implement new operations styles to create a favorable first impression of Drupal for evaluators and a better user experience for site authors. No functional differences.

Specs:
https://www.figma.com/file/OqWgzAluHtsOd5uwm1lubFeH/Design-system?node-i...

General specs:

Color palette

Remaining tasks

  • Update patch styling to include time inputs
  • Accessibility review
  • RTL review (Right to left)

User interface changes

All operation styles will be changed, no functional differences.

Test Pages

  • @todo

Comments

antonellasev created an issue. See original summary.

huzooka’s picture

Assigned: Unassigned » ckrina
Status: Active » Needs work

No design found following the Figma link.
Please update the url at Specs.

lauriii’s picture

Status: Needs work » Postponed
andrewmacpherson’s picture

It's not clear which component this issue is about. Does it mean the entity operations, which Seven treats as a drop-button? The remaining tasks mentions time inputs though, so I really don't know what this one is about.

Can we have screenshots? The figma link here doesn't lead to anything specific, just the overview of everything. I'm having great difficulty understanding or operating figma at all.

ckrina’s picture

Assigned: ckrina » Unassigned
Status: Postponed » Closed (duplicate)
Related issues: +#3023243: Drop Buttons style update

This is indeed a duplicated issue for Dropdown buttons, with an old Figma link. Sorry for the confusion @andrewmacpherson! Marking as duplicated.

andrewmacpherson’s picture

jolly good, thanks for clarifying.