fix added border to start new debate button in high contrast theme

[insanekrishnna]

Addressed Issues

Fixes #551

Changes

• Added an explicit white border to the Start New Debate CTA in High-Contrast Theme.
• Matched the visible border treatment of the Search topic or opponent input.
• Preserved the existing Light and Dark theme styling.

Testing

• Confirmed Tailwind generates the pure white border rule.
• Ran git diff --check successfully.
• Confirmed only frontend/src/Pages/Profile.tsx was changed.

Screenshots/Recordings

Before

The Start New Debate CTA did not have a clearly visible border in High-Contrast Theme.

start_new_dedate.mp4

After

The CTA has a complete white border in High-Contrast Theme, matching the Search topic or opponent input.

sol_start_new_debate.mp4

Summary by CodeRabbit

• Bug Fixes
  • Improved the visibility of the “Start New Debate” button border when high-contrast mode is enabled.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Advanced

Run ID: 2a54ccb3-9363-4bf6-a136-00d46b07524f

📥 Commits

Reviewing files that changed from the base of the PR and between 9f90f9b and 22f842d.

📒 Files selected for processing (1)

• frontend/src/Pages/Profile.tsx

Included review availability: Your plan provides up to 1 included review per hour; 0 remain after this review.

---

📝 Walkthrough

Walkthrough

The Start New Debate button now applies a white border in high-contrast mode. Its variant and navigation to /debates remain unchanged.

Changes

Debate button styling

Layer / File(s)	Summary
High-contrast button border frontend/src/Pages/Profile.tsx	The Start New Debate button adds [.contrast_&]:border-white while preserving its existing variant and navigation behavior.

Priority: ➖ Normal

Estimated code review effort: 1 (Trivial) | ~5 minutes

Change: Bug fix · Severity of issue fixed: Medium

Suggested reviewers: syedbarkath980

Merge Risk: ⚪ Minimal · up to 22f84

No actionable correctness, security, or availability risk is identified; this styling-only change is ready to merge.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly identifies the main change: adding a visible border to the Start New Debate button in the High-Contrast theme.
Linked Issues check	✅ Passed	The change satisfies #551. frontend/src/Pages/Profile.tsx adds [.contrast_&]:border-white to the Start New Debate button. This gives the High-Contrast theme a visible white border. The existing …
Out of Scope Changes check	✅ Passed	The pull request changes only frontend/src/Pages/Profile.tsx. The change directly addresses the missing High-Contrast border for the Start New Debate CTA in #551. No unrelated product or code chan…
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 1…

---

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