Zeron UI auditSettings & plugins

Settings: Appearance

1 high2 medium1 low
Settings: Appearance (dark-normal)
dark normal · 1125×956 pt viewport · fixture host_toasts_fixture.luau. Numbers in the list are pinned on the picture; dashed lines are guides.

Variants

Settings: Appearance, dark-normaldark normalSettings: Appearance, light-normallight normalSettings: Appearance, dark-narrowdark narrowSettings: Appearance, light-narrowlight narrow
  1. 1high

    Four control heights in one card

    Mode segmented 26 pt (radios 22), theme selects 32 pt, accent swatches 24 pt, switches 24 pt. Theme selects are 220 pt wide here vs 128–200 on General.

    Fix: Segmented and selects at 32 (control.height), swatches 24, one select width.

    screens/settings/appearance.luau · ds/segmented.luau · ds/select.luau

  2. 2medium

    Row pitch 68, 57, 60, 61 pt

    Mode → Light theme 68 pt, Light → Dark 57, 'All themes' is a 60 pt link row, then 61 pt rows. The card looks uneven.

    Fix: Fixed 52 pt rows (settings.row); multi-line descriptions grow from there.

    ds/settings.luau

  3. 3medium

    Settings nav rows are 28 pt; the chats sidebar's are 30 pt

    The same sidebar column changes its row height when you open Settings (tabs 28 pt at a 30 pt pitch vs session rows 30 pt at 32). 'Back to chats' is 28 pt too.

    Fix: Share one row height token between the two sidebars.

    ds/settings.luau (nav) · ds/sidebar.luau

  4. 4lownot drawn

    'Accent color throughout' description wraps to 2 lines at 550 pt

    The longest description in the app wraps under a 40 pt switch; its row is 64 pt tall.

    Fix: Shorten the copy.

    screens/settings/appearance.luau