[WEB-6739] fix: color inside of active projects of analytics overview tab

[b-saikrishnakanth]

Description

fixed color inside of active projects of analytics overview tab

Type of Change

• Bug fix (non-breaking change which fixes an issue)

Screenshots and Media (if applicable)

Before

After

Test Scenarios

References

Summary by CodeRabbit

• Style
  • Updated the visual styling of completion percentage indicators in the analytics overview to use softer background colors for improved visual hierarchy and consistency.

[makeplane]

Linked to Plane Work Item(s)

• [WEB-6739] Percentage indicators in the analytics view are difficult to read because of inconsistent UI

This comment was auto-generated by Plane

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: dffdab81-c0db-4e6a-9caa-3d96d79cc5cd

📥 Commits

Reviewing files that changed from the base of the PR and between d94a269 and a695467.

📒 Files selected for processing (1)

• apps/web/core/components/analytics/overview/active-project-item.tsx

---

📝 Walkthrough

Walkthrough

Updated styling for the CompletionPercentage component by replacing primary background color classes with subtle variants while maintaining text color styling. Background colors changed from primary to subtle intensity for both success and danger states.

Changes

Cohort / File(s)	Summary
Styling Updates apps/web/core/components/analytics/overview/active-project-item.tsx	Modified CompletionPercentage component background colors: bg-success-primary → bg-success-subtle (percentage > 50) and bg-danger-primary → bg-danger-subtle (percentage ≤ 50). Text colors unchanged.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

🐰 Hop hop, the colors shift so bright,
From bold to subtle, just right, just right!
A progress bar now whispers gently,
Success and danger, more softly blended! 🎨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly summarizes the main change: fixing color styling in the active projects section of the analytics overview tab.
Description check	✅ Passed	The description covers the main sections but lacks detail in Test Scenarios and References; however, the core information is present and adequate for this bug fix.

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

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix-analytics-overview-completion-colors

---

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