fix: adjust contrast ratio in Add Link modal for dark mode (#265)

[prakshithamalla-art]

Overview

Closes #265. Improved accessibility and visual contrast for the "Add Link" modal in Dark Mode.

Changes Implemented

• Semantic Theming: Refactored Tailwind CSS classes to use semantic color primitives (text-foreground, bg-background, text-muted-foreground) instead of hardcoded values, ensuring the component automatically adapts to Light and Dark mode themes.
• Improved Accessibility: Added explicit elements for all input fields to improve screen reader support and ensure the component meets standard accessibility requirements.
• Enhanced Contrast: Adjusted border and background colors to ensure UI elements remain visible and legible against dark backgrounds, meeting high-contrast accessibility standards.
• Interactive Feedback: Added focus:ring-ring utilities to provide clear visual cues for keyboard users when navigating form fields.

Why this improves LinkID

• Inclusive Design: Ensures that users who prefer Dark Mode are not disadvantaged by poor text legibility.
• Consistency: Standardizes the "Add Link" modal styling to match the rest of the application's design language, preventing visual "glitches" or washed-out inputs.

[vercel]

@prakshithamalla-art is attempting to deploy a commit to the vishnukothakapu's projects Team on Vercel.

A member of the Team first needs to authorize it.

[coderabbitai]

Warning

Review limit reached

@prakshithamalla-art, we couldn't start this review because you've reached your PR review rate limit.

More reviews will be available in 21 minutes and 7 seconds. Learn how PR review limits work.

Your organization has run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans include higher PR review limits than trial, open-source, and free plans. In all cases, reviews become available again over time. During sustained high-volume PR review activity, CodeRabbit may temporarily slow when the next review becomes available.

Please see our Fair Usage Limits Policy for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: b5965fff-aed2-48ba-95a5-c953bfdb13c4

📥 Commits

Reviewing files that changed from the base of the PR and between f11e0d7 and baff3e9.

📒 Files selected for processing (1)

• app/dashboard/AddLinkBox.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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.}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
linkid	Ready	Preview, Comment	Jun 1, 2026 9:30am

[prakshithamalla-art]

please check this file and merge

[vedhapprakashni]

hey @prakshithamalla-art. pls resolve conflicts and lmk