Style: Theme Color Inconsistency

[dev-rohitkumar]

✨ Current Style Issue

• Problem: When user changes theme color (red/blue/teal/etc.), many accent elements still use hardcoded purple classes (text-purple-*, bg-purple-*, border-purple-*), causing mixed colors and inconsistent theming.

💡 Proposed Style Changes

• Suggested Change: Make all non-semantic accent styles derive from the active theme color (primary) instead of hardcoded purple.
• Technical Notes:
  • Replace: text|bg|border-purple-XXX → text|bg|border-primary-XXX
  • Ensure primary shade CSS vars (--color-primary-50 … 950) are generated (ThemeContext handles this).
  • Update gradients using purple to use from-primary-400 via-primary-500 to-primary-600 (or mark them brand-fixed).
  • Convert inline purple hex / focus / ring usages to primary equivalents.
  • Optional: add ::selection { background: var(--color-primary-500); color:#fff; }
• Example:
  • Before: <span className="text-purple-600 dark:text-purple-400">Fundamentals</span>
  • After: <span className="text-primary-600 dark:text-primary-400">Fundamentals</span>

🔍 Alternatives Considered

• Keep purple as fixed brand accent and only theme internal content (rejected: still inconsistent).
• Add second token (brand vs user accent) (rejected for now: adds complexity).
• Leave only base --color-primary without shades (rejected: limits existing Tailwind usage).

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. Thank you @Roshansuthar1105 😊

[dev-rohitkumar]

Please me assign me this issue

[Roshansuthar1105]

@dev-rohitkumar share me screenshot of those pages/sections where you are getting these type of issues.

[dev-rohitkumar]

[Roshansuthar1105]

@dev-rohitkumar start working.