Skip to content

La Suite parity: replicate the shell/chrome geometry (header, sidebar, spacing rhythm) — later #182

Description

@rubenvdlinde

Context

The lasuite token set gives Nextcloud La Suite's design language (Cunningham colours, type, radii, spacing) and per-component parity (button/input/modal/table). That makes individual components visually indistinguishable from La Suite.

What it deliberately does NOT do yet is reshape Nextcloud's shell: header height, the app-menu, sidebar width/behaviour, content max-widths, and the overall page rhythm. Nextcloud and La Suite Docs are different applications, so the chrome still reads as Nextcloud even when the components match.

Why deferred

  • NC 34's header markup is high-churn (server#60803 / #59888 were partly reverted during RCs); heavy chrome overrides break on point releases and need a version-scoped stylesheet.
  • It is a large, fragile surface with a different risk profile than the token/component work.

Scope when picked up

  • Header geometry + app-menu restyling to approach the La Suite Docs shell
  • Sidebar width/behaviour and content max-widths
  • Vertical rhythm / spacing scale applied to the shell
  • A version-scoped stylesheet + Playwright visual baselines per NC release so a point release can't silently break it

Prereq

The token-completeness + component-parity work (in progress) should land first, so the shell work builds on a complete Cunningham foundation.

🤖 Generated with Claude Code

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions