Codex Scope a Formax Sidebar CSS Change with Theme Checks
Separate geometry, colors, and interaction states in a Formax visual change with light and dark acceptance checks.
中文Install in Codex
Use a Formax checkout and the Bun development environment for `packages/web-reference-react`.
- Copy the pinned `.codex/skills/formax-web-css-convergence-workflow/` directory into `.agents/skills/formax-web-css-convergence-workflow/` in the project.
- Tell Codex the component, state owner, style file, and light/dark acceptance matrix.
Example task
Improve selected-sidebar contrast in a local Formax checkout by changing theme colors only. Compare both themes and run `bun run test -- src/App.test.tsx` from the web-reference package.What to check
The selected item is identifiable in both themes, layout and interaction tests pass, and the report lists changed files and evidence.
Original SKILL.md on GitHub · Updated
Frequently asked question
Does every visual change need Electron window settings?
Use the desktop layer when changing window-level state. Theme colors for a selected item can remain in the web renderer.