Skip to content

style: implement warm light orange theme for improved contrast - #200

Merged
khanirfan18 merged 1 commit into
khanirfan18:mainfrom
RiddhiBose:feature/light-orange-theme
Jun 9, 2026
Merged

style: implement warm light orange theme for improved contrast#200
khanirfan18 merged 1 commit into
khanirfan18:mainfrom
RiddhiBose:feature/light-orange-theme

Conversation

@RiddhiBose

Copy link
Copy Markdown
Contributor

Associated Issue

Closes #199

Description

As proposed in the linked issue, this PR overhauls the default light theme profile to transition it from a flat, stark white layout into a cohesive, tiered Light Orange/Cream theme ecosystem.

Changes Made

  • Workspace Canvas: Shifted the main dashboard background to a soft, soothing warm cream color to eliminate eye strain.
  • Layout Segmentation: Assigned a richer cream tone to the navigation sidebar, providing instant structure and visual depth.
  • Component Elevation: Kept the metric cards and data charts pure white so they cleanly "float" over the new background profile without bleeding together.

Visual Proof (Before vs. After)

Before (Stark White) After (Light Orange Refactor)

Screenshot 2026-06-09 004454Screenshot 2026-06-09 004510

Checklist

  • My code follows the code style of this project.
  • The changes reflect correctly on local development servers.
  • No unrelated files (like App.jsx or .env) are tracked in this PR.

@netlify

netlify Bot commented Jun 8, 2026

Copy link
Copy Markdown

👷 Deploy request for finnboard0 pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 810be9a

@netlify

netlify Bot commented Jun 8, 2026

Copy link
Copy Markdown

Deploy Preview for finnboard ready!

Name Link
🔨 Latest commit 810be9a
🔍 Latest deploy log https://app.netlify.com/projects/finnboard/deploys/6a27184c82bed50007aa6759
😎 Deploy Preview https://deploy-preview-200--finnboard.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@khanirfan18
khanirfan18 merged commit 052db73 into khanirfan18:main Jun 9, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Enhancement]: Refactor Light Theme into a cohesive Light Orange/Cream theme

2 participants