External/buzz
1
0
Fork 0
mirror of https://github.com/block/buzz.git synced 2026-08-18 06:50:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(desktop): invert onboarding primary buttons

Browse Source 
- Give shared in-step primary actions a white background with dark labels.
- Add coordinated hover colors that preserve contrast across onboarding surfaces.
- Update the shared CTA documentation to describe the inverted treatment.

Co-authored-by: Taylor Ho <taylorkmho@gmail.com>
Signed-off-by: Taylor Ho <taylorkmho@gmail.com>
This commit is contained in:
Taylor Ho
2026-07-29 23:52:30 -07:00
committed by npub1223z34hd7vtwc6qj4s7flsxkj644nlre2nthu7lrrmkumhu3xddsrx9r6w
parent 6b624e9771
commit 4a8aec83ff
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
desktop/src/features/onboarding/ui/OnboardingChrome.tsx
+3 -4
View File
@@ -11,11 +11,10 @@ export const TOTAL_ONBOARDING_PAGES = 7;
const ONBOARDING_CTA_SHAPE = "h-[2.375rem] rounded-full px-6";
/**
* Primary-CTA styling for the in-step onboarding pages: the shared pill with a
* light-blue label (`--buzz-onboarding-cta-label`, available on any
* `.buzz-onboarding-neutral-theme` subtree).
* Primary-CTA styling for the in-step onboarding pages: an inverted white pill
* with dark text that stays legible across every onboarding surface.
*/
export const ONBOARDING_PRIMARY_CTA_CLASS = `${ONBOARDING_CTA_SHAPE} text-[var(--buzz-onboarding-cta-label)]`;
export const ONBOARDING_PRIMARY_CTA_CLASS = `${ONBOARDING_CTA_SHAPE} bg-white text-black/80 hover:bg-white/90 hover:text-black`;
/**
* Primary-CTA styling for the landing screen only: the shared pill with the