style: consolidate landing colors/spacing into theme tokens#619
Conversation
|
@muffti123 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits. You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀 |
ezedike-evan
left a comment
There was a problem hiding this comment.
Two things to fix before this can merge:
-
Commit message — the subject
Consolidate landing colors/spacing into theme tokensdoesn't follow Conventional Commits. Please use a type prefix, e.g.style(landing): consolidate colors/spacing into theme tokensand push. -
CI not triggered — no checks are running on this branch. Please push an empty commit or close and reopen to trigger GitHub Actions.
|
Okay I will check this out and get back to you
…On Sun, 28 Jun 2026, 11:01 pm That guy, ***@***.***> wrote:
***@***.**** commented on this pull request.
Two things to fix before this can merge:
1.
*Commit message* — the subject Consolidate landing colors/spacing into
theme tokens doesn't follow Conventional Commits. Please use a type
prefix, e.g. style(landing): consolidate colors/spacing into theme
tokens and push.
2.
*CI not triggered* — no checks are running on this branch. Please push
an empty commit or close and reopen to trigger GitHub Actions.
—
Reply to this email directly, view it on GitHub
<#619?email_source=notifications&email_token=B3MZGLTAXMQKBPS2AMHBMXD5CGITXA5CNFSNUABKM5UWIORPF5TWS5BNNB2WEL2QOVWGYUTFOF2WK43UKJSXM2LFO4XTINJYHAYTKNJSGEY2M4TFMFZW63VHNVSW45DJN5XKKZLWMVXHJLDGN5XXIZLSL5RWY2LDNM#pullrequestreview-4588155211>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/B3MZGLSKXPWGMKGGD7LAIV35CGITXAVCNFSNUABGKJSXA33TNF2G64TZHMYTCOBRGYYDSMJQGA5US43TOVSTWNBXGYZDENRSHE4TNILWAI>
.
You are receiving this because you were mentioned.Message ID:
***@***.***>
|
…#531) Replace ad-hoc Tailwind color classes in Hero, StatBar, and the StatBar icon colors in app/page.tsx with the project's CSS custom property tokens (accent, accent-subtle, primary-text, secondary-text, border, bg-subtle). Adds accent-subtle and documents the full token set in globals.css.
d0486c7 to
1ca5098
Compare
|
Someone is attempting to deploy a commit to the ezedikeevan's projects Team on Vercel. A member of the Team first needs to authorize it. |
Summary
Replaces all ad-hoc Tailwind color classes in landing components (
Hero.tsx,StatBar.tsx) with the project-defined CSS custom property tokens, ensuring visual consistency and a single source of truth for the color palette.Changes
app/globals.cssaccent-subtletoken —#eff6ff(light) /#172554(dark) — for badge/pill background fills.#2563ebto#93c5fd(blue‑300) so accent text/icons remain legible on dark surfaces.components/landing/Hero.tsxbg-blue-50/dark:bg-blue-950bg-accent-subtletext-blue-700/dark:text-blue-300text-accenttext-gray-900/dark:text-whitetext-primary-texttext-blue-600text-accenttext-gray-600/dark:text-gray-400text-secondary-textcomponents/landing/StatBar.tsxborder-gray-200/dark:border-gray-700border-borderbg-gray-50/dark:bg-gray-800/50bg-bg-subtletext-blue-600text-accenttext-gray-900/dark:text-whitetext-primary-texttext-gray-500/dark:text-gray-400text-secondary-textAcceptance criteria
globals.cssCloses #531