Checkboxes style update

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 checkboxes styles to create a favorable first impression of Drupal for evaluators and a better user experience for site authors. No functional differences.

Specification

Quick overview

This image is just a quick overview for checkboxes specs. Please use the Figma link to full specification as the main resource for specifications.

Full specification

FIGMA: https://www.figma.com/file/OqWgzAluHtsOd5uwm1lubFeH/Design-system?node-i...
This link is anchored to the board with the full specification. As an anonymous user you can see the design, but to actually be able to pick colors and sizes please login on Figma.

General specs

Color palette
Typography

Remaining tasks

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

User interface changes

All checkboxes styles will be changed, no functional differences.

Test Pages

• /node/add/article
• /node/add/page
• (end of page, Vertical Tabs “Promote options”)
• /admin/modules
• /admin/config/people/accounts
• /admin/people
• /user/1/edit?destination=/admin/people
• /admin/people/create