refactor: replace hard-coded theme colors

[rohit-singh121]

Description

Replaced appropriate hard-coded theme colors with reusable CSS theme variables.

Changes

• Added reusable primary, success, info, and light text color variables.
• Replaced repeated hard-coded color values with CSS variables.
• Added RGB variables for colors used with rgba().
• Preserved special-purpose colors and existing visual behavior.

Related Issue

Closes #643

[deepsource-io]

DeepSource Code Review

We reviewed changes in 2f0945a...6dcd87e on this pull request. Below is the summary for the review, and you can see the individual issues we found as inline review comments.

See full review on DeepSource ↗

PR Report Card

Overall Grade

Security   Reliability   Complexity   Hygiene

Code Review Summary

Analyzer	Status	Updated (UTC)	Details
JavaScript		Oct 10, 2026 11:49p.m.	Review ↗
Secrets		Oct 10, 2026 11:49p.m.	Review ↗

---

Important

AI Review is run only on demand for your team. We're only showing results of static analysis review right now. To trigger AI Review, comment @deepsourcebot review on this thread.

[Copilot]

🟢 Approval recommended

The substitutions preserve existing color values and CSS behavior without unresolved issues.

0 open findings

What changed in this PR

Centralizes repeated theme colors in CSS variables while preserving existing visuals.

Changes:

• Adds primary, success, info, light-text, and RGB variables.
• Replaces matching hard-coded colors across buttons, level styling, and console UI.

File	Description
src/​assets/​css/​style.css	Defines and applies reusable theme color variables.

🧠 Review effort: Balanced

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

[jbampton]

Thanks 🏂

[jbampton]

Hey @rohit-singh121 you will need a GitHub sponsors profile to receive payment