Text Contrast on Get Started button

[ojpro]

Currently the system is in dark mode

[linear]

CAP-674

[tembo]

The "Get Started" button uses the blue variant from the Button component at packages/ui/src/components/Button.tsx:18:

blue: "bg-blue-600 text-white disabled:border-gray-8 border border-blue-800 shadow-[0_1.50px_0_0_rgba(255,255,255,0.20)_inset] hover:bg-blue-700 disabled:bg-gray-7 disabled:text-gray-10",

The button styling is hardcoded as text-white, which should work in both light and dark modes. However, the issue might be in the page template context at apps/web/app/(org)/onboarding/components/InviteTeamPage.tsx:232-240 where the "Get Started" button appears on a container using Radix gray colors.

The web app uses Radix UI colors via CSS variables imported in apps/web/app/globals.css - it imports both light and dark Radix color palettes. The dark class definitions are at lines 879-904 for other variables, but the Radix colors auto-switch based on prefers-color-scheme.

Related issue #1517 documents that dark mode switching is currently broken in the web app, which may be connected to this contrast issue.

[richiemcilroy]

oops! fixed in the next update, thank you