157449a9ad
Restored from origin/main (b4663fb): - .github/ workflows and issue templates - .gitignore (proper exclusions) - .opencode/agent/web_developer.md - AGENTS.md, BUILD.md, PROGRESS.md - dev-docs/ (9 architecture/implementation docs) - docs/screenshots/ (4 UI screenshots) - images/ (CodeNomad icons) - package-lock.json (dependency lockfile) - tasks/ (25+ project task files) Also restored original source files that were modified: - packages/ui/src/App.tsx - packages/ui/src/lib/logger.ts - packages/ui/src/stores/instances.ts - packages/server/src/server/routes/workspaces.ts - packages/server/src/workspaces/manager.ts - packages/server/src/workspaces/runtime.ts - packages/server/package.json Kept new additions: - Install-*.bat/.sh (enhanced installers) - Launch-*.bat/.sh (new launchers) - README.md (SEO optimized with GLM 4.7)
1.8 KiB
1.8 KiB
Task 043 - Color Variable Migration
Goal
Move all hard-coded color variables from src/index.css into src/styles/tokens.css, aligning with the documented light and dark palettes.
Prerequisites
- Task 042 complete (token scaffolding in place).
- Access to color definitions from
docs/user-interface.md.
Acceptance Criteria
- Light mode color tokens (
--surface-*,--border-*,--text-*,--accent,--status-success|error|warning) defined under:rootinsrc/styles/tokens.css. - Dark mode overrides defined under
[data-theme="dark"]in the same file. src/index.cssno longer declares color variables directly; it references the new tokens instead.- Theme toggle continues to switch palettes correctly.
Steps
- Transfer existing color custom properties from
src/index.cssintosrc/styles/tokens.css, renaming them to semantic names that match the design doc. - Add any missing variables required by the design spec (e.g.,
--surface-muted,--text-inverted). - Update
src/index.cssto reference the new semantic variable names where necessary (e.g.,background-color: var(--surface-base)). - Remove redundant color declarations from
src/index.cssafter confirming replacements.
Testing Checklist
- Run
npm run devand switch between light and dark themes. - Verify primary screens (instance tabs, session view, prompt input) in both themes for correct colors.
- Confirm no CSS warnings/errors in the console.
Dependencies
- Depends on Task 042.
- Blocks Task 044 (typography tokens) and Task 045 (component migration batch 1).
Estimated Time
0.5 hours
Notes
- Align hex values with
docs/user-interface.md; note any intentional deviations in the PR description. - Provide side-by-side screenshots (light/dark) in the PR for quicker review.