fix(theme-radius): Add --radius CSS variable to all dark themes

[tsahil01]

Summary by CodeRabbit

• Style
  • Introduced radius CSS variables across all theme configurations (dark and light variants)
  • Added theme-specific radius token values for standardized component sizing and border radius styling throughout the interface
  • Extended theming system with new design tokens to ensure consistent corner radius treatment across UI components

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[vercel]

@tsahil01 is attempting to deploy a commit to the Dodo Payments Team on Vercel.

A member of the Team first needs to authorize it.

[coderabbitai]

📝 Walkthrough

Walkthrough

A new CSS variable --radius is added to dark and light theme definitions in src/lib/themes.ts with theme-specific values, extending the theming system with a radius token for standardized component border-radius sizing across the application.

Changes

Cohort / File(s)	Summary
Theme radius token additions src/lib/themes.ts	Added --radius CSS variable to both dark and light theme sets with theme-specific values (ranging 0.25rem to 1rem), positioned after existing --ring entries. Homogeneous, repetitive additions across all theme variants.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

Poem

🐰 A radius token hops in place,
Rounding corners with perfect grace,
From 0.25 to a full rem's call,
The themes now fit their curves so small! ✨

Pre-merge checks and finishing touches

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Description check	⚠️ Warning	No pull request description was provided by the author, missing all required sections from the template including summary, changes, testing steps, and checklist.	Add a comprehensive description following the template with sections for Summary, Changes, Testing steps, and Checklist completion.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main change: adding --radius CSS variable to dark themes in the theme configuration file.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✨ Finishing touches

• 📝 Generate docstrings

---

📜 Recent review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 86d3269 and b47f0df.

📒 Files selected for processing (1)

• src/lib/themes.ts

🔇 Additional comments (1)

src/lib/themes.ts (1)

61-61: LGTM! Excellent consistency across all themes.

The --radius CSS variable has been successfully added to all 15 dark theme variants. Each theme's dark variant correctly mirrors the radius value from its light counterpart, maintaining visual consistency across theme modes. The values are well-suited to each theme's design language (e.g., cyberpunk's sharp 0.25rem, retro's rounded 1rem, minimal's flat 0rem).

The --radius variable is actively utilized in the codebase:

• src/app/global.css: Derives compound radius tokens (--radius-sm, --radius-md, --radius-lg, --radius-xl) from this variable
• src/components/landing/quick-integrations.tsx: Uses the variable in inline styles
• Documentation: Referenced in theming guides

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}