offplan · online
Plan · operator-panel-text-align

Operator Panel — Text Colour Alignment

Approvedplanoperator-panel-text-align
Created
2026-04-29

Goal

Align operator-panel-v1's body text colour to the brandbook standard so the panel does not feel "uncanny valley" when reviewed alongside admin-panel v5/v6/v7 with Ilya. Brandbook becomes the single visual lever for any further changes the team requests.

Success Criteria

When Sergey opens the 5 files (brandbook v1, admin-panel v5/v6/v7, operator-panel v1) side-by-side in a browser, operator panel body text reads as the same product family as the admin variants — meaning text colour matches and no visible tonal divergence distracts from the architectural review.

Approach

Surgical. Change --text-900 value in operator-panel-v1.html :root block. Rationale:

Implementation Steps

  1. Edit operator-panel-v1.html line 20: --text-900: #1A1917--text-900: #323840
  2. Auditgrep "#1A1917" in operator-panel-v1.html to confirm no other usages remain (or decide they are non-text contexts and acceptable)
  3. Visual QA — open file in browser, scroll through Overview / Projects / Settings tabs, confirm body text reads similar to admin-panel-v7
  4. Commit with message describing the brandbook alignment

Files to Create/Modify

Dependencies

None.

Testing & Verification

Workstreams

Name Priority Depends On Tags Tasks
operator-panel-text-align P1 ux Steps 1-4

Risks & Edge Cases

From Learnings DB

Evaluation

Field Description
Artefact git diff showing single-line change + before/after browser comparison of operator-panel + admin-panel-v7
2-min check Sergey opens operator-panel-v1.html, scrolls through 3 tabs, confirms body text "reads lighter / less heavy" than before
Agent self-check grep "#1A1917" returns zero occurrences (or all remaining occurrences are non-text contexts)