Brand Color Test Page
Verify that brand colors are applied correctly. Delete this page after testing.
Primary Color (Brand Green #1E9735)
Primary Text
Primary Background
Secondary Color (Brand Pink #F2059F)
Secondary Text
Secondary Background
Neutral Color (Slate)
Neutral Text
Other Semantic Colors (Tailwind Defaults)
Brand Green Scale (50-950)
50
100
200
300
400
500
600
700
800
900
950
Brand Pink Scale (50-950)
50
100
200
300
400
500
600
700
800
900
950
Dark Mode Status
Expected: Dark mode should be disabled
HTML class check:
✓ Dark mode is disabled (no 'dark' class)
Verification Checklist
- Primary buttons and text should be green (#1E9735 base)
- Secondary buttons and text should be pink (#F2059F base)
- No dark mode toggle visible in header
- Page stays in light mode (no dark class on html)
- All color scales display correctly
- No console errors
Delete this file (app/pages/test-colors.vue) after verification is complete.