fix: #3626848 Define every token the theme uses and make all UI Skins variables editable

Issue: https://www.drupal.org/project/uikit_admin/issues/3626848

  • Define every UIkit token the compiled CSS reads (inverse, secondary, hover, alert backgrounds), so the delete button, the icon button and the secondary button keep 7:1 under the pointer, light and dark.
  • Declare 53 UI Skins variables with a description, a category and light, dark and compact defaults; the radius and rail width fields now take a value.
  • Store the accent and the focus color once, in the UI Skins keys; the theme settings form writes them for the light and the dark mode, and a post update moves the old settings.
  • Print the stored values for the dark mode of the operating system, and every value on a site without UI Skins.
  • Derive the accent hover and the text on the accent from the accent in CSS.
  • Turn the radius literals, the density block, the control sizes, the type and the focus ring into tokens; compile UIkit to read them.
  • Show every variable in the UI Skins form on sites without Field Group.
  • Fix round-1 defects: the "Inaccessible" rail item, the icon-only phone drawer, the sticky header over the first row, the pink em, the Swagger badges, the missing palette destinations, and the sort and pager links of bulk forms leaving HTMX.
  • Give tabs, sort links, checkboxes and summaries a 44px target.
  • Tests: new 02-08-01-ui-skins.feature, hover contrast, shell icon regression against 4.0.1, rail for editors, palette and HTMX sort scenarios.

AI-Generated: Yes

Merge request reports

Loading
Loading