Fix: Update form control focus border and add green box-shadow

[ghanshyam2005singh]

Fix: Button Hover & Form Control Focus Colors (Closes #257)

Summary

This PR fixes UI consistency issues to match the CircuitVerse color scheme: Form control focus state - Text input fields now show a green border and subtle green glow on focus instead of red

Changes

File: assets/scss/_mixins.scss

• Added focus state override for .form-control to use #40ba84 border with a matching green box-shadow
• No submodule files were modified; all changes are safe from future submodule updates

How to Test

1. Navigate to the contact page
2. Click on any text input field
3. The border should turn green (#40ba84) with a subtle green glow
4. It should not turn red at any point

Screen Recording

Screencast.from.2025-12-24.14-15-40.webm

Summary by CodeRabbit

• Style
  • Reformatted theme and responsive styles for spacing and consistency across navigation, blog, pagination, buttons, footer social, and centered links.
  • Refined Table-of-Contents link styling for clearer appearance and hover behavior.
  • Enhanced form control focus states with a stronger green border and subtle glow for improved visual feedback.

[coderabbitai]

Walkthrough

Reformats responsive mixin definitions and multiple CircuitVerse theme override rules for spacing/consistency without changing behaviors, expands and annotates Table-of-Contents link and related media-query blocks, and adds a new focus-state rule for input.form-control and textarea.form-control applying border-color #40ba84 and a 0.2rem green box-shadow.

Changes

Cohort / File(s)	Summary
Form Control Focus Styling assets/scss/_mixins.scss	Introduces input.form-control:focus and textarea.form-control:focus selectors with green border-color (#40ba84) and green box-shadow effect (0.2rem), along with broader SCSS reformatting across responsive mixins, navigation, blogs, pagination, buttons, footer social icons, .text-center links, and TOC styles.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 inconclusive)

Check name	Status	Explanation	Resolution
Out of Scope Changes check	❓ Inconclusive	The PR includes formatting/spacing changes to responsive mixins and other selectors alongside the main focus-state override, which appear to be incidental refactoring.	Clarify whether the extensive reformatting of unrelated selectors is intentional or should be separated into a separate formatting PR for cleaner change isolation.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main change: adding a green border and box-shadow to form control focus states instead of the default red.
Linked Issues check	✅ Passed	The PR directly addresses issue #257 by changing form control focus border color from red to green (#40ba84) with matching box-shadow, matching the expected behavior.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

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

[Nihal4777]

Thanks @ghanshyam2005singh

[coderabbitai]

🧹 Nitpick comments (1)

assets/scss/_mixins.scss (1)

33-33: 💤 Low value

Optional: Fix typo in comment.

"Overriden" should be "Overridden" (double 'd').

✏️ Proposed fix

-    // Overriden here
+    // Overridden here

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 0fb9ac1c-5150-4ac8-8aea-a11d452d275c

📥 Commits

Reviewing files that changed from the base of the PR and between 8ae0341 and 619fa72.

📒 Files selected for processing (1)

• assets/scss/_mixins.scss