workspace.justinsforge.com color palette¶
URL: https://mkdocs.justinsforge.com/memory/general/reference_workspace_palette/
Justin's chosen colors (set 2026-06-17). The source of truth is the :root block
in scripts/forge_workspace_ui_base.py; this documents the intent. Use these CSS vars,
never hardcode the hex.
| Use | Hex | CSS var |
|---|---|---|
| Sidebar background | #202020 |
--panel |
| Sidebar text / muted text | #bcbab6 |
--mut |
| Buttons (Home/Chat) | #2c2c2b |
--card2 |
| Sidebar hover / selected page row | #383838 |
--sel |
| Hover on things (dropdown buttons, etc.) | #3e3e3d |
--hover |
| Main page background | #191919 |
--bg |
| Page text | #f0efed |
--txt |
| Small top text (e.g. "Edited 9m ago") | #607867 |
--mut2 |
| Scrollbar / slider | #4d4d4d |
--slider |
| Scrollbar hover / dragging | #c0c0c1 |
--slider-h |
| Cards / popups / menus | #202020 |
--card |
| Borders / dividers | #2e2e2e |
--line |
Accents kept from before: --accent2:#8ab4f8 (links/active), --pos:#81c995,
--neg:#f28b82, brand --grad (blue→purple→red). Sidebar layout: only the pages
area (.side-scroll) scrolls; the profile + Home/Chat/search stay static on top and
JustinsForge.com stays pinned at the bottom, both with a gradient fade. Scrollbars are
12px wide globally; the sidebar pages scrollbar (.side-scroll) is 18px (roughly double);
there is never a horizontal (bottom) scrollbar. Note --sel:#383838 (sidebar hover/selected
page row) is distinct from --card2:#2c2c2b (Home/Chat buttons): per Justin 2026-06-17 these
are NOT the same color.
[Claude Code]