mirror of
https://github.com/hanzoai/cd.git
synced 2026-10-30 14:56:45 +00:00
The palette is the --hz-* tokens from @hanzo/design and the hanzo.ai app shell: a black page, #171717 surfaces, #2e2e2e hairlines, white ink and a #a3a3a3 secondary, inverted under the light theme and stamped on <html> so tooltips, menus and suggestion lists follow it. The kit's blue accent ramp points at them, so no blue is left in the chrome; state keeps its hue (green, amber, red, at 60% on edges and the ratio bar), the neutral states take three grey rungs, and native checkboxes and radios take the ink. - Sidebar: one small mark and "Hanzo CD", the version only when the build was stamped, line icons from the app shell's set, rows that tint for the current page, and the list filters and their text fields restyled to match. - Sentence case everywhere: no uppercase transforms, and the all-caps titles, labels and table headers are written in sentence case. - Buttons: the first toolbar action is the white pill; the rest, tile actions, banner actions and filter clears are ghosts. The search box, view switch, health bar toggle, sort and Log out are quiet controls, and icon-only buttons carry their names. - Font Awesome 7 ignored the global $fa-font-path and asked for /webfonts/*, so every fa icon drew an empty box; main.scss configures its module with the assets/fonts path the build copies them to. - The empty list is a small outline icon, one line and a ghost action. - On a phone the sidebar is a 56px rail that opens over the page (Escape or the scrim closes it), and the toolbar wraps and scrolls with the page. - The operator banner, the clusters notice, tooltips, resource icons and the pod stats bar use the same tokens, and sit beside the rail when the sidebar is collapsed. - Keyboard focus draws one ring from the tokens, and the login card keeps its own colours when a session ends inside the light theme. The smoke gate also fails on any font that does not load, and checks the sidebar's mark, name and version, the empty state, the phone rail, a filter suggestion over the sidebar, the collapsed toolbar, the network view and the login page after a session ends. Co-authored-by: Hanzo Dev <[email protected]>