fix(Experiments): Dark mode visibility in results page

[Zaimwa9]

Changes

Fix dark mode visibility issues on the experiment results page:

• Variant names invisible in recommendation card
• Hypothesis text too faint
• Stat card titles barely visible
• Chip/tag backgrounds blending into background
• "Baseline" text invisible in scorecard table

How did you test this code?

Toggled dark mode and verified all affected elements are visible.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
flagsmith-frontend-preview	Ready	Preview, Comment	Jul 10, 2026 1:46pm
flagsmith-frontend-staging	Ready	Preview, Comment	Jul 10, 2026 1:46pm

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
docs	Ignored	Preview	Jul 10, 2026 1:46pm

[github-actions]

Docker builds report

Image	Build Status	Security report
ghcr.io/flagsmith/flagsmith-api-test:pr-7980	Finished ✅	Skipped
ghcr.io/flagsmith/flagsmith-e2e:pr-7980	Finished ✅	Skipped
ghcr.io/flagsmith/flagsmith-api:pr-7980	Finished ✅	Results ✅
ghcr.io/flagsmith/flagsmith:pr-7980	Finished ✅	Results ✅
ghcr.io/flagsmith/flagsmith-private-cloud:pr-7980	Finished ✅	Results ✅
ghcr.io/flagsmith/flagsmith-frontend:pr-7980	Finished ✅	Results ✅

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: 23874c25-77df-4e5b-8cbf-98f4b9408316

📥 Commits

Reviewing files that changed from the base of the PR and between 1e0c08f and 3013c22.

📒 Files selected for processing (5)

• frontend/web/components/experiments/results/ExperimentConfiguration.tsx
• frontend/web/components/experiments/results/ExperimentDetailHeader.tsx
• frontend/web/components/experiments/results/ExperimentResultsScorecardTable.tsx
• frontend/web/components/experiments/results/StatCard.tsx
• frontend/web/components/experiments/results/results.scss

---

📝 Walkthrough

Walkthrough

Experiment results styling now uses a dedicated tag class for feature flag and primary metric tags. Hypothesis, scorecard, and stat card text switches from text-muted to text-secondary, while recommendation text uses the default colour. Existing rendering logic, data handling, and component structure remain unchanged.

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

---

_{Comment @coderabbitai help to get the list of available commands.}

[github-actions]

Playwright Test Results (oss - depot-ubuntu-latest-16)

 4 passed

Details

 4 tests across 3 suites
 17.4 seconds
 1e0c08f
 🔄 Run: #18156 (attempt 1)

Playwright Test Results (oss - depot-ubuntu-latest-arm-16)

 4 passed

Details

 4 tests across 4 suites
 45 seconds
 1e0c08f
 🔄 Run: #18156 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-16)

 6 passed

Details

 6 tests across 5 suites
 56.6 seconds
 1e0c08f
 🔄 Run: #18156 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-arm-16)

 5 passed

Details

 5 tests across 3 suites
 4.6 seconds
 1e0c08f
 🔄 Run: #18156 (attempt 1)

Playwright Test Results (oss - depot-ubuntu-latest-arm-16)

 4 passed

Details

 4 tests across 3 suites
 46.8 seconds
 3013c22
 🔄 Run: #18160 (attempt 1)

Playwright Test Results (oss - depot-ubuntu-latest-16)

 4 passed

Details

 4 tests across 3 suites
 19 seconds
 3013c22
 🔄 Run: #18160 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-arm-16)

 3 passed

Details

 3 tests across 2 suites
 12.4 seconds
 3013c22
 🔄 Run: #18160 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-16)

 4 passed

Details

 4 tests across 2 suites
 18.7 seconds
 3013c22
 🔄 Run: #18160 (attempt 1)

[github-actions]

Visual Regression

19 screenshots compared. See report for details.
View full report

[talissoncosta]

Good job @Zaimwa9 !