fix(ui): use arbitrary opacity for AuthCard dark background #438

Merged
jason.woltje merged 1 commits from fix/authcard-dark-bg into main 2026-02-22 05:33:15 +00:00
Owner

Summary

The AuthCard component used dark:bg-[#1b2331]/92 for its dark-mode background. Tailwind's default opacity scale only includes multiples of 5 (0, 5, 10...90, 95, 100), so /92 was silently ignored and the light-mode card background rendered in dark mode.

Changed to /[0.92] which uses Tailwind's arbitrary value syntax.

Test plan

  • All 1132 unit tests pass
  • Pre-commit hooks pass (prettier, lint, typecheck)
  • CI pipeline green
  • Visual verification: dark card background renders in dark mode
## Summary The AuthCard component used `dark:bg-[#1b2331]/92` for its dark-mode background. Tailwind's default opacity scale only includes multiples of 5 (0, 5, 10...90, 95, 100), so `/92` was silently ignored and the light-mode card background rendered in dark mode. Changed to `/[0.92]` which uses Tailwind's arbitrary value syntax. ## Test plan - [x] All 1132 unit tests pass - [x] Pre-commit hooks pass (prettier, lint, typecheck) - [ ] CI pipeline green - [ ] Visual verification: dark card background renders in dark mode
jason.woltje added 1 commit 2026-02-22 05:29:41 +00:00
fix(ui): use arbitrary opacity for AuthCard dark background
All checks were successful
ci/woodpecker/push/orchestrator Pipeline was successful
ci/woodpecker/push/api Pipeline was successful
ci/woodpecker/push/web Pipeline was successful
a2f112b334
Tailwind's default opacity scale only includes multiples of 5.
The `/92` modifier in `dark:bg-[#1b2331]/92` was silently ignored,
causing the light-mode card background to render in dark mode.
Changed to `/[0.92]` which uses Tailwind's arbitrary value syntax.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
jason.woltje merged commit a6f75cd587 into main 2026-02-22 05:33:15 +00:00
jason.woltje deleted branch fix/authcard-dark-bg 2026-02-22 05:33:15 +00:00
Sign in to join this conversation.