chore(agent): move screen.html inline styles into agent.css; add --blue/--yellow/--subtext0 to palette
This commit is contained in:
parent
c0f16c870f
commit
ae695931ce
4 changed files with 112 additions and 74 deletions
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
All colour variables are declared **once** in
|
||||
`frontend/packages/shared/src/base.css` under `:root`.
|
||||
Per-page stylesheets (`dashboard.css`, `agent.css`) must reference these
|
||||
Per-page stylesheets (`common.css`, `dashboard.css`, `flow.css`, `logs.css`, `agent.css`) must reference these
|
||||
names and must **not** redeclare them.
|
||||
|
||||
## Palette (`base.css`)
|
||||
|
|
@ -17,11 +17,14 @@ names and must **not** redeclare them.
|
|||
| `--purple` | `#cba6f7` | mauve | accent — active tabs, links, highlights |
|
||||
| `--purple-dim` | `#45475a` | surface1 | subtle borders, terminal chrome, badge backgrounds |
|
||||
| `--cyan` | `#89dceb` | sky | tool-use events, info accents |
|
||||
| `--blue` | `#89b4fa` | blue | links, interactive accent (distinct from sky) |
|
||||
| `--pink` | `#f5c2e7` | pink | thinking events |
|
||||
| `--amber` | `#fab387` | peach | warnings, pending / running state |
|
||||
| `--yellow` | `#f9e2af` | yellow | flash messages, mild warnings |
|
||||
| `--green` | `#a6e3a1` | green | success, ok state |
|
||||
| `--red` | `#f38ba8` | red | errors, fail state |
|
||||
| `--border` | `#313244` | surface0 | general borders, hover/active backgrounds |
|
||||
| `--subtext0` | `#a6adc8` | subtext0 | secondary toolbar/status text; dimmer than `--fg`, lighter than `--muted` |
|
||||
|
||||
## Common mistakes
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue