chore: redid color scheme to vanilla b/w vercel-esque theming

[Prajna1999]

Experimenting vercel-like color scheme.

Summary by CodeRabbit

Release Notes

• New Features

  • Added centralized color scheme documentation and configuration system for consistent theming throughout the application.

• Style

  • Updated visual appearance across all pages with a unified color palette, transitioning from warm tones to neutral and white themes.
  • Refined UI consistency with improved spacing, borders, and interactive hover states across components.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

A centralized color scheme system is introduced through a new configuration file (app/lib/colors.ts) with documentation. Multiple components and pages are refactored to replace hard-coded color values with tokens from this new palette, and some page layouts integrate a new Sidebar component for consistency.

Changes

Cohort / File(s)	Summary
Color System Foundation COLOR_SCHEME.md, app/lib/colors.ts, app/globals.css	New documentation for color strategy; new centralized color tokens module exporting organized color groups (bg, text, border, accent, status); CSS variables added for theme support.
Component Refactoring app/components/Sidebar.tsx, app/components/TabNavigation.tsx	Components updated to consume centralized color tokens; active/inactive states, borders, backgrounds, and hover behaviors now driven by colors palette instead of hard-coded values.
Pages with Sidebar Integration app/datasets/page.tsx, app/keystore/page.tsx	Inline sidebar markup replaced with dedicated Sidebar component; dynamic sidebar icon rendering and state management integrated.
Pages with Color Token Updates app/evaluations/page.tsx, app/evaluations/[id]/page.tsx, app/page.tsx	Hard-coded HSL and color values replaced with centralized color tokens; background, text, border, and interactive styling updated across headers, buttons, badges, and layout containers.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

• Sidebar.tsx: Review color integration, active/inactive state logic, and icon opacity changes
• app/evaluations/page.tsx: Verify consistent color token usage across multiple UI sections (cards, buttons, badges, loading states)
• app/datasets/page.tsx & app/keystore/page.tsx: Confirm Sidebar component integration and state management alignment
• Color token consistency: Spot-check that all color replacements match the defined palette structure and no values are duplicated or inconsistent

Poem

🎨 A palette born from scattered hues so fine,
Now centralized, a theme divine!
No more hard-coded hex in endless rows,
One source of truth where every color flows.
Refactored clean, from sidebar to the page—
Welcome, colors, to our design stage! 🐰✨

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feature/config-prompt-management

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 0020744 and c4228b6.

📒 Files selected for processing (10)

• COLOR_SCHEME.md (1 hunks)
• app/components/Sidebar.tsx (2 hunks)
• app/components/TabNavigation.tsx (1 hunks)
• app/datasets/page.tsx (13 hunks)
• app/evaluations/[id]/page.tsx (16 hunks)
• app/evaluations/page.tsx (30 hunks)
• app/globals.css (2 hunks)
• app/keystore/page.tsx (10 hunks)
• app/lib/colors.ts (1 hunks)
• app/page.tsx (2 hunks)

---

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