Skip to content

Single-source the heading type scale as CSS tokens #3046

Closed

Description

@malibio

Context

The heading scale (font-size, line-height, and the derived --icon-vertical-position) is hardcoded in two places: packages/desktop-app/src/lib/design/components/header-node.svelte and node-row.svelte (the latter repeats it for chevron/icon alignment). A third copy in a dead component already drifted out of sync once.

DESIGN.md names the tokens heading-1 … heading-4 (H4–H6 share heading-4).

Scope

  • Define --heading-{1..4}-size / --heading-{1..4}-lh once in app.css
  • Have header-node.svelte and node-row.svelte consume them; derive --icon-vertical-position from the tokens instead of literals
  • No visual change (values identical to current)

Activity

  1. malibio commented on Sep 26, 2026

    @malibio
    CollaboratorAuthor

    Frontend baseline: 276 files / 5374 tests passed

  2. self-assigned this
    on Sep 26, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions