VPS-189: Soften light mode colours

[rgin216]

Issue

Light mode used a near-white background and pure black text, making the interface feel overly bright during extended use.

Solution

• replace the main light-mode background with a neutral, lower-glare grey
• introduce a clearer inverted-charcoal hierarchy for surfaces and text
• soften the light-mode accent and semantic colours while maintaining accessible contrast
• leave dark mode and the white authoring canvas unchanged

Risk

Low. The change is limited to central light-theme tokens, so component behaviour and dark mode are unaffected.

Testing

• npm.cmd run prettier -- --check src/index.css
• npm.cmd run build
• visually checked both light and dark themes
• verified key foreground/background pairs meet at least 4.5:1 contrast

Checklist

• Acceptance criteria met
• Wiki documentation is up to date; no documentation changes required
• Unit tests are not applicable to this theme-token-only change
• Integration tests are not applicable to this theme-token-only change
• Continuous integration build passing

Screenshot

Summary by CodeRabbit

• Style
  • Updated the light theme with a dedicated color palette.
  • Refined base, content, accent, status, and neutral colors for a more consistent appearance.
  • Improved content shadow styling.

[linear]

VPS-189

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 388d097b-ff17-48ec-a729-c73ac851baab

📥 Commits

Reviewing files that changed from the base of the PR and between 430ee21 and ed4115d.

📒 Files selected for processing (1)

• frontend/src/index.css

Included review availability: Your plan provides up to 1 included review per hour; 0 remain after this review.

---

📝 Walkthrough

Walkthrough

The light DaisyUI theme now defines a dedicated color palette. Theme properties use these variables for base, content, shadow, accent, status, and neutral colors.

Changes

Light theme palette

Layer / File(s)	Summary
Define and apply the light palette frontend/src/index.css	The stylesheet adds dedicated light-theme variables and applies them to DaisyUI base, content, shadow, primary, secondary, accent, neutral, informational, success, warning, and error colors.

Estimated code review effort: 2 (Simple) | ~10 minutes

Merge Risk: ⚪ Minimal · up to ed411

The PR is limited to light-mode color tokens, and no actionable merge-blocking risk remains after normal checks and review.

Suggested reviewers: mshi672, harbassan

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and concisely describes the main change: reducing glare by softening light mode colours.
Description check	✅ Passed	The description includes the required Issue, Solution, Risk, and Checklist sections and adds testing details relevant to the theme-token changes.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 0 files. (1 skipped: 1 unsupported.)
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

---

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

[rgin216]

@coderabbitai review

[coderabbitai]

⚠️ Action not completed

Review rate limited.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.