Skip to content

style(method): tint the stack markers whisper green - #334

Merged
yigitdot merged 4 commits into
mainfrom
claude/square-dots-light-green-b95fac
Oct 23, 2026
Merged

yigitdot merged 4 commits into
mainfrom
claude/square-dots-light-green-b95fac

Conversation

@yigitdot

@yigitdot yigitdot commented Oct 23, 2026 •

Copy link
Copy Markdown
Collaborator

What

The square markers before each role label in the homepage stack strip (Rust, BLAKE3, QUIC, iroh, USDC, EVM) change from ink to solid brand green (#0f9d6a), with no transparency. The change is in components/home/method/Method.tsx.

Why

The markers read as grey. They now pick up the site's only accent instead of introducing a new hue.

Notes for review

  • The marker used to inherit the role label's opacity-60, which is what made it grey. opacity-60 now sits on a span around the role text, so the marker renders at full strength while the label text looks the same as before.
  • It uses raw --whisper, not --whisper-deep. globals.css reserves raw whisper for decorative marks, and at about 3.5:1 on paper it clears the 3:1 non-text bar. The marker is aria-hidden.
  • Method.test.ts still passes unchanged. It reads the role text recursively and checks that the role's first child is the aria-hidden marker.
  • The four commits record the tuning (tint, 40%, 60%, then solid). Squash on merge.
  • Checked in the dev server at desktop and mobile widths. pnpm lint, pnpm format:check and pnpm test (706 tests) pass.

🤖 Generated with Claude Code

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Copilot AI balanced review requested due to automatic review settings October 23, 2026 14:40

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

An organization owner can choose the repository organization as the billing source for reviews requested by members with a paid Copilot license. Learn about Copilot code review billing.

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Oct 23, 2026 •

Copy link
Copy Markdown

Deploying website with  Cloudflare Pages  Cloudflare Pages

Latest commit: d525d53
Status: ✅  Deploy successful!
Preview URL: https://18e38f51.website-70y.pages.dev
Branch Preview URL: https://claude-square-dots-light-gre.website-70y.pages.dev

View logs

yigitdot and others added 3 commits October 23, 2026 19:26
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@yigitdot
yigitdot merged commit d8d9fba into main Oct 23, 2026
6 checks passed
@yigitdot
yigitdot deleted the claude/square-dots-light-green-b95fac branch October 23, 2026 20:53
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.

2 participants