docs(readme): recolor platform badges for dark-mode legibility (V3)#127
Merged
Merged
Conversation
V3 audit from openhop-launch/03-readme-and-landing.md flagged that the three custom Claude Code / Cursor / Codex badges use #262626, which sits at ~1.5:1 contrast against GitHub's dark-mode background (#0d1117) - the badge "disappears" visually even though its white tick stays legible. Standard shields.io CI / MIT / npm / stars badges auto-theme, so only these three needed fixing. Picked brand-evocative colors that hit at least 3:1 contrast on both modes: - Claude Code -> #D97757 (Anthropic terracotta) - Cursor -> #3B82F6 (clean blue, evokes AI editor) - Codex -> #10A37F (OpenAI green) The remaining V3 item - dark-mode screenshot of logo.png and order-flow.gif - needs a manual visual check on github.com and isn't in this PR. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. 🗂️ Base branches to auto review (1)
Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Pro Plus Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Closes the badge portion of V3 "dark-mode legibility" finding from
openhop-launch/03-readme-and-landing.md.The three custom platform badges (Claude Code, Cursor, Codex) used color
#262626, which sits at ~1.5:1 contrast against GitHub's dark-mode background#0d1117— the badge "disappears" visually even though its white ✓ tick stays legible. Standard shields.io CI / MIT / npm / stars badges auto-theme, so only these three needed fixing.Picked brand-evocative colors that hit ≥ 3:1 contrast on both modes:
#262626#D97757#262626#3B82F6#262626#10A37FAll three new shields.io URLs verified to return 200.
Still open under V3 (not in this PR)
assets/logo.pngandassets/order-flow.gifneed a manual screenshot of the rendered README in GitHub's dark theme. Risk: white background bleed flashing against dark mode. If broken, the fix is GitHub's<picture>element withprefers-color-scheme: dark(Excalidraw does this).Base branch note
Targeting
docs/readme-v2-vs-callout(PR #126) since this stacks on top. When #126 → #125 → master cascade merges, this PR auto-retargets.Test plan
#ffffff.🤖 Generated with Claude Code