Skip to content

fix(design): address Phase 4 code review findings#11333

Closed
jd wants to merge 1 commit intodevs/jd/worktree-design/migrate-orphan-theme-dim-theme-text-accent-refs--e5f5458afrom
devs/jd/worktree-design/address-phase-4-code-review-findings--974093ba
Closed

fix(design): address Phase 4 code review findings#11333
jd wants to merge 1 commit intodevs/jd/worktree-design/migrate-orphan-theme-dim-theme-text-accent-refs--e5f5458afrom
devs/jd/worktree-design/address-phase-4-code-review-findings--974093ba

Conversation

@jd
Copy link
Copy Markdown
Member

@jd jd commented Apr 30, 2026

  • Migrate orphan section-accent references in AcademyCallout, the
    merge-queue inline-style stat cards, and changelog/index.astro to
    direct product palette tokens (teal-700/400, rose-700/400,
    purple-700/400, blue-700/400 with color-mix bg variants). Phase 4's
    collapse of the per-section accent block deleted the named tokens
    these consumers were reading; without this fix they would silently
    render as transparent.

  • Replace Chakra-era thead hex literals (#4a5568, #a0aec0) with
    var(--theme-text-secondary). The semantic token already remaps in
    dark mode so the .theme-dark override block becomes redundant.

  • Use var(--theme-divider) for the scrollbar thumb and Firefox track
    color instead of var(--theme-border). The previous mapping was a
    visible regression in dark mode where --theme-border resolves to
    gray-700 (medium dark gray, very visible) rather than the original
    near-invisible scrollbar tone.

Depends-On: #11332

- Migrate orphan section-accent references in AcademyCallout, the
  merge-queue inline-style stat cards, and changelog/index.astro to
  direct product palette tokens (teal-700/400, rose-700/400,
  purple-700/400, blue-700/400 with color-mix bg variants). Phase 4's
  collapse of the per-section accent block deleted the named tokens
  these consumers were reading; without this fix they would silently
  render as transparent.

- Replace Chakra-era thead hex literals (#4a5568, #a0aec0) with
  var(--theme-text-secondary). The semantic token already remaps in
  dark mode so the .theme-dark override block becomes redundant.

- Use var(--theme-divider) for the scrollbar thumb and Firefox track
  color instead of var(--theme-border). The previous mapping was a
  visible regression in dark mode where --theme-border resolves to
  gray-700 (medium dark gray, very visible) rather than the original
  near-invisible scrollbar tone.

Change-Id: I974093ba74a745dde26e2ff3f681ea9e198fd7a8
@mergify mergify Bot had a problem deploying to Mergify Merge Protections April 30, 2026 09:12 Failure
@jd
Copy link
Copy Markdown
Member Author

jd commented Apr 30, 2026

This pull request is part of a Mergify stack:

# Pull Request Link
1 feat(design): add primitive token layer (tokens.css) #11299
2 feat(design): add typography utilities (typography.css) #11300
3 feat(design): load tokens.css and typography.css #11301
4 docs(design): add DESIGN.md design system documentation #11302
5 docs(design): link DESIGN.md from AGENTS.md and CLAUDE.md #11303
6 fix(lint): exclude root *.md files from remark-lint rules #11304
7 fix(design): address Phase 1 code review findings #11305
8 refactor(design): map semantic tokens to new primitive layer #11307
9 fix(header): solid distinct navbar surface for light-mode readability #11308
10 refactor(design): migrate CommunityButton and CopyForLLMButton off Chakra #11319
11 refactor(design): migrate Button.astro off Chakra ramps #11320
12 refactor(design): replace Chakra inline styles in merge-queue.mdx #11321
13 refactor(design): align MDX heading rules with typography utilities #11322
14 refactor(design): migrate homepage to typography utility classes #11323
15 refactor(design): align expressive-code overrides with semantic tokens #11324
16 refactor(design): remove Chakra color block #11325
17 fix(design): address Phase 3 code review findings #11326
18 refactor(design): collapse per-section accent rules into single tokenized rule #11328
19 refactor(design): tokenize home-discovery callout (placeholder for B) #11329
20 refactor(design): migrate --color-mergify-blue consumers to semantic tokens #11330
21 refactor(design): remove --color-mergify-blue and HSLA primitives #11331
22 fix(design): migrate orphan --theme-dim* and --theme-text-accent refs #11332
23 fix(design): address Phase 4 code review findings #11333 👈
24 fix(layout): remove left-sidebar rounded scoop #11334

@mergify
Copy link
Copy Markdown
Contributor

mergify Bot commented Apr 30, 2026

Merge Protections

Your pull request matches the following merge protections and will not be merged until they are valid.

🔴 ⛓️ Depends-On Requirements

Waiting for:

This rule is failing.

Requirement based on the presence of Depends-On in the body of the pull request

🔴 👀 Review Requirements

Waiting for:

  • #approved-reviews-by >= 2
This rule is failing.
  • any of:
    • #approved-reviews-by >= 2
    • author = dependabot[bot]
    • author = mergify-ci-bot

🔴 🔎 Reviews

Waiting for:

  • #review-requested = 0
This rule is failing.
  • #review-requested = 0
  • #changes-requested-reviews-by = 0
  • #review-threads-unresolved = 0

🟢 🤖 Continuous Integration

Wonderful, this rule succeeded.
  • all of:
    • check-success = build
    • check-success = lint
    • check-success = test
    • any of:
      • check-success = test-broken-links
      • label = ignore-broken-links
    • any of:
      • check-success=Cloudflare Pages
      • -head-repo-full-name~=^Mergifyio/

🟢 Enforce conventional commit

Wonderful, this rule succeeded.

Make sure that we follow https://www.conventionalcommits.org/en/v1.0.0/

  • title ~= ^(fix|feat|docs|style|refactor|perf|test|build|ci|chore|revert|ui)(?:\(.+\))?:

🟢 📕 PR description

Wonderful, this rule succeeded.
  • body ~= (?ms:.{48,})

@mergify mergify Bot requested a review from a team April 30, 2026 09:19
@jd jd deleted the branch devs/jd/worktree-design/migrate-orphan-theme-dim-theme-text-accent-refs--e5f5458a April 30, 2026 09:34
@jd jd closed this Apr 30, 2026
@jd jd deleted the devs/jd/worktree-design/address-phase-4-code-review-findings--974093ba branch April 30, 2026 09:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant