Hive Hive
Sign in

fix(server): css changes to projects page to match Figma

GitHub issue · Closed

Metadata
Source
tuist/tuist #11138
Updated
Jun 24, 2026
Details

A set of small CSS/token/icon adjustments to bring the account Projects page (and shared account layout) in line with the Figma design:

  • Divider token (noora/css/tokens.css) — updated the global --noora-content-divider-line so its light/dark values (neutral-light-400 / neutral-dark-900) match the .noora-line-divider component. Dark mode previously resolved to a semi-transparent alpha-black.

  • Sidebar border (layouts.css) — the sidebar’s border-right now references the semantic var(--noora-content-divider-line) token instead of inlining raw neutral tokens, so every divider in the app shares one source of truth.

  • Content padding (layouts.css / layouts/account.css) — dropped the base .layout__content padding (it was overridden for account anyway) and bumped the account content padding-inline from spacing-7 → spacing-8.

  • Projects/Members spacing (pages/account.css) — top-level section gap spacing-9 → spacing-10; the inner gap within the Recent/All sections (title ↔ search ↔ grid) spacing-9 → spacing-7.

  • Webhook icon (noora/lib/noora/icons/webhook.svg) — replaced with the new stroke icon

Comments
TA
tuist-atlas[bot] Jun 9, 2026

This fix is now available in server@1.207.3. Update to this version to get these changes.