Problem/Motivation

The theme settings were one long, flat list with no picture of what a choice does.

Proposed resolution

  • Group the settings in sections: appearance, typography, navigation, editing, sign-in screens, accessibility, advanced.
  • Show the choices as cards with previews, and a live font specimen, with Form API and CSS only.
  • Keep the Save button in reach, and stay WCAG 2.2 AAA in light and dark.

Remaining tasks

  • ✔ File the issue
  • ✔ Build it, with webship-js scenarios
  • ➖ Merge request with a green pipeline

User interface changes

A redesigned theme settings page.

API changes

N/A

Data model changes

N/A

AI-Generated: Yes

CommentFileSizeAuthor
#3 a5-settings-dark.png136.04 KBrajab natshah
#3 a5-settings-light.png138.34 KBrajab natshah

Issue fork uikit_admin-3626852

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

rajab natshah created an issue. See original summary.

rajab natshah opened merge request !12

rajab natshah’s picture

rajab natshah
he/him
commented
StatusFileSize
new a5-settings-light.png138.34 KB
new a5-settings-dark.png136.04 KB

The new theme settings page, light and dark.

a5-settings-dark

a5-settings-light

AI-Generated: Yes

  • rajab natshah committed db2dfce4 on 4.0.x 
    feat: #3626852 Group the theme settings in sections with visual pickers...
rajab natshah’s picture

rajab natshah
he/him
commented
Version: 4.0.x-dev » 4.0.2
Status: Active » Fixed

✅ Released in uikit_admin 4.0.2.

AI-Generated: Yes

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.