lyssieth/sermones
1
0
Fork 0
Code Issues 4 Pull requests Releases Activity Actions

Design token core + light/dark themes #5

New issue
Closed
opened 2026-08-01 22:09:17 -04:00 by lyssieth · 0 comments
lyssieth commented 2026-08-01 22:09:17 -04:00
Owner
Copy link

The theming infrastructure every other UI surface inherits, per docs/designs/draft/frontend.md (Direction / Color / Typography / Icons). Lands before or with the first real surface; nothing visual ships off-token.

Checklist

  • Token core defined once as paired light/dark values: layered neutrals (content / panel / raised), one accent reserved for actions/selection/state, hairline borders, semantic state palette (error / warning / success / info)
  • Both themes authored and reviewed to the same bar — equal citizens, neither bolted on (binding brief constraint)
  • Theme selection follows the OS (prefers-color-scheme) unless overridden; the manual override arrives with the settings screen
  • Typography wired: system stack (Noto Sans on Plasma) for all UI; Iosevka bundled (woff2 assets + @font-face) for code and data; fixed rem scale, ratio 1.125–1.2
  • Iconography: Lucide via lucide-svelte, one stroke weight, consistent sizes
  • Shared SCSS primitives for the full component state matrix (default / hover / focus / active / disabled / loading / error)

Refs:

  • docs/designs/palette.md — the token authority (frozen values, decisions, WCAG audit workflow)
  • docs/designs/draft/frontend.md — the design brief (binding)
  • docs/invariants/error-visibility.md — the tier table consumes the semantic palette
The theming infrastructure every other UI surface inherits, per `docs/designs/draft/frontend.md` (Direction / Color / Typography / Icons). Lands before or with the first real surface; nothing visual ships off-token. ## Checklist - [x] Token core defined once as paired light/dark values: layered neutrals (content / panel / raised), one accent reserved for actions/selection/state, hairline borders, semantic state palette (error / warning / success / info) - [x] Both themes authored and reviewed to the same bar — equal citizens, neither bolted on (binding brief constraint) - [x] Theme selection follows the OS (`prefers-color-scheme`) unless overridden; the manual override arrives with the settings screen - [x] Typography wired: system stack (Noto Sans on Plasma) for all UI; Iosevka bundled (woff2 assets + `@font-face`) for code and data; fixed rem scale, ratio 1.125–1.2 - [x] Iconography: Lucide via `lucide-svelte`, one stroke weight, consistent sizes - [x] Shared SCSS primitives for the full component state matrix (default / hover / focus / active / disabled / loading / error) Refs: - `docs/designs/palette.md` — the token authority (frozen values, decisions, WCAG audit workflow) - `docs/designs/draft/frontend.md` — the design brief (binding) - `docs/invariants/error-visibility.md` — the tier table consumes the semantic palette
lyssieth added this to the v1 milestone 2026-08-01 22:11:28 -04:00
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
No results found.
Labels
Clear labels   
Compat/Breaking
Breaking change that won't be backward compatible

  
Kind/Bug
Something is not working

  
Kind/Documentation
Documentation changes

  
Kind/Enhancement
Improve existing functionality

  
Kind/Feature
New functionality

  
Kind/Security
This is security issue

  
Kind/Testing
Issue or pull request related to testing

  
Priority
Critical
 The priority is critical

  
Priority
High
 The priority is high

  
Priority
Low
 The priority is low

  
Priority
Medium
 The priority is medium

  
Reviewed
Confirmed
 Issue has been confirmed

  
Reviewed
Duplicate
 This issue or pull request already exists

  
Reviewed
Invalid
 Invalid issue

  
Reviewed
Won't Fix
 This issue won't be fixed

  
Status
Abandoned
 Somebody has started to work on this but abandoned work

  
Status
Blocked
 Something is blocking this issue or pull request

  
Status
Need More Info
 Feedback is required to reproduce issue or to continue work

No labels
Compat/Breaking
Kind/Bug
Kind/Documentation
Kind/Enhancement
Kind/Feature
Kind/Security
Kind/Testing
Priority
Critical
Priority
High
Priority
Low
Priority
Medium
Reviewed
Confirmed
Reviewed
Duplicate
Reviewed
Invalid
Reviewed
Won't Fix
Status
Abandoned
Status
Blocked
Status
Need More Info
Milestone
Clear milestone
No items
No milestone
v1
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
lyssieth
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Blocks
#6 Chat view: messages, streaming, message toolbar, branch pager
lyssieth/sermones
#7 Conversation panel + search
lyssieth/sermones
#8 Composer
lyssieth/sermones
#9 Settings screen
lyssieth/sermones
Reference
lyssieth/sermones#5
No description provided.