fix(bracket+bet): heavier gold ring on Top 8 3rds + dark text on bet CTA#288
Merged
Conversation
…t on bet CTA
Two visual bugs Tim flagged on 2026-06-05:
* The selected/unselected contrast on the Top 8 3rd-placed teams tiles
was too subtle. The 3px inset gold ring + rgba(.., 0.6) border read
as a faint outline next to the unpicked tiles, not as an unambiguous
"this one is picked" affordance. Bumped to a 5px solid-gold inset
with a 1px soft inner highlight + larger outer glow (24px / 0.55
alpha vs 14px / 0.35). The picked tile now visibly lifts.
* /the-bet bottom CTA ("Pick your bracket to enter →") was rendering
gold text on a gold pill. The pill's class .vt-bet-cta-primary set
color: #15151a but .vt-bet-body a (same file, body-paragraph link
styling) is (0,1,1) specificity vs (0,1,0) and was winning the
cascade. Added !important to the CTA's color rule, matching the
pattern .vt-bet-cta-ghost already uses for the same reason.
Refs: sessions/2026-06-05_orchestrator_bracket-save-on-exit.md
Signed-off-by: Tim Thomas <0800tim@gmail.com>
Auto-triage: GREEN — auto-triage clearRisk score: 0/100
No flags raised by the automated scanners. A human reviewer will still take a look. Labels applied: Posted by |
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.
Two visual bugs Tim flagged on 2026-06-05.
Top 8 3rd-placed teams (/world-cup-2026, thirds tab): selected/unselected contrast was too subtle. The 3px inset gold ring + rgba(.., 0.6) border read as a faint outline, not as an unambiguous "this one is picked" affordance. Bumped to a 5px solid-gold inset with a soft inner highlight + larger outer glow (24px / 0.55 alpha vs 14px / 0.35).
/the-bet bottom CTA: the "Pick your bracket to enter →" pill was rendering gold text on a gold pill (invisible).
.vt-bet-cta-primarysetcolor: #15151abut.vt-bet-body ahigher in the same file is (0,1,1) specificity vs (0,1,0) and was winning the cascade. Added!importantto the CTA's color rule, matching the pattern.vt-bet-cta-ghostalready uses for the same reason.CSS-only, no logic touched.