spikerj/spikersoft-issues
1
0
Fork 0
Code Issues 196 Pull Requests Actions Packages Projects Releases Wiki Activity

[Art Studio UI] Studio theme layer & density tokens (light + dark) #384

New Issue
Closed
opened 2026-07-05 12:11:10 +00:00 by spikerj · 1 comment
spikerj commented 2026-07-05 12:11:10 +00:00
Owner
Copy Link
Copy Source

Epic #382. Adopt ArtPipe's control-room density + color semantics, re-expressed in @spikersoft/theme — working in both light and dark.

Scope: Add an art-studio SCSS layer over libraries/spikersoft-theme/src/lib/*: status/stage color scale, git-rail dot colors (pending/running/done/failed/skipped), quality scale, and a tighter "studio" typography + spacing ramp (Eric's world is 0.58–0.85rem, denser than default Material). Map his hex to our semantic tokens — never hardcode #0d1117/#58a6ff: accent→--color-primary, ok→--color-success, warn→--color-warning, err→--color-error, purple→--color-accent; quality red→amber→green → error→warning→success.

Type: theming. Deps: #383 (menu).
Port vs tweak: port the density + color semantics; tweak — our tokens, glass surfaces not flat borders, both themes.
Test: visual snapshot/spec in light+dark; lint:styles clean.

Epic #382. Adopt ArtPipe's control-room density + color semantics, re-expressed in `@spikersoft/theme` — working in **both** light and dark. **Scope:** Add an art-studio SCSS layer over `libraries/spikersoft-theme/src/lib/*`: status/stage color scale, git-rail dot colors (pending/running/done/failed/skipped), quality scale, and a tighter "studio" typography + spacing ramp (Eric's world is 0.58–0.85rem, denser than default Material). Map his hex to **our semantic tokens** — never hardcode `#0d1117`/`#58a6ff`: accent→`--color-primary`, ok→`--color-success`, warn→`--color-warning`, err→`--color-error`, purple→`--color-accent`; quality red→amber→green → error→warning→success. **Type:** theming. **Deps:** #383 (menu). **Port vs tweak:** *port* the density + color semantics; *tweak* — our tokens, glass surfaces not flat borders, both themes. **Test:** visual snapshot/spec in light+dark; `lint:styles` clean.
spikerj commented 2026-07-05 19:34:00 +00:00
Author
Owner
Copy Link
Copy Source

✅ Merged to master via spikersoft-angular#132 (576fcc9). Studio theme layer (_art-studio.scss: rail/panel/console/quality-chip mixins + --studio-* tokens, light+dark) landed.

✅ Merged to master via **spikersoft-angular#132** (`576fcc9`). Studio theme layer (`_art-studio.scss`: rail/panel/console/quality-chip mixins + `--studio-*` tokens, light+dark) landed.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
agentic
Actionable surfaced by the agentic architecture & security review
 bug
Something is not working
 duplicate
This issue or pull request already exists
 enhancement
New feature
 help wanted
Need some help
 invalid
Something is wrong
 question
More information is needed
 sonarqube
Code quality issue surfaced by SonarQube (bug / code smell)
 wontfix
This won't be fixed
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
spikerj (Joseph Spiker)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: spikerj/spikersoft-issues#384