Skip to content

refactor(styles): simplify admin color token vocabulary#85

Merged
DavidBabinec merged 1 commit into
mainfrom
refactor/global-color-tokens
Jun 24, 2026
Merged

refactor(styles): simplify admin color token vocabulary#85
DavidBabinec merged 1 commit into
mainfrom
refactor/global-color-tokens

Conversation

@DavidBabinec

Copy link
Copy Markdown
Contributor

What changed

  • Replaced the overlapping admin/editor color token vocabulary with direct Core Framework-style globals: --bg-*, --text-*, --border*, --overlay-*, --scrim-*, --accent-*, and semantic state tokens.
  • Migrated admin/ui/module styles and token helper utilities to consume the new globals directly instead of mapping through --editor-*, --panel-*, rail tint, or tag pill tint color aliases.
  • Added an architecture gate to prevent deprecated token families from coming back, and updated docs/tests to describe the new token model.

Why

The previous token set had several overlapping alias layers, especially editor/panel-prefixed color variables. This keeps the admin chrome closer to the Core Framework vocabulary and makes token usage easier to audit.

Impact

Pure styling-token refactor. No runtime behavior changes intended beyond using the renamed token source of truth.

Verification

  • bun run build
  • bun test
  • bun run lint
  • bun test src/__tests__/architecture/css-token-vocabulary.test.ts src/__tests__/architecture/css-token-policy.test.ts src/__tests__/architecture/no-css-var-fallbacks.test.ts src/__tests__/architecture/scrollbar-chrome.test.ts src/__tests__/canvas/editorChromeInjector.test.tsx

Note

react-doctor --diff origin/main --fail-on warning --no-score reports existing warning-tier component diagnostics in TSX files touched only for token-string/comment updates. I left those unrelated component refactors out of this PR.

@DavidBabinec
DavidBabinec marked this pull request as ready for review June 24, 2026 14:52
@DavidBabinec
DavidBabinec merged commit 419de61 into main Jun 24, 2026
6 checks passed
@DavidBabinec
DavidBabinec deleted the refactor/global-color-tokens branch June 24, 2026 14:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant