Switch UI palette to dark mode defaults

[BotCoder254]

Reworks the frontend color system to a dark-first theme by updating Tailwind tokens (canvas, surface, primary, charcoal, steel, etc.) and propagating the new palette across key UI surfaces. This includes global base styles (color-scheme, selection, ring offset), dark Monaco/editor and xterm log viewer themes, chart/tooltip color updates, toast theming, and contrast fixes for brand/toolchain logos on black backgrounds.

Summary by CodeRabbit

• Style
  • Updated the application’s color palette for a consistent dark theme.
  • Improved contrast and visibility for toolchain logos, particles, buttons, focus states, and text selection.
  • Refreshed dashboard charts, tooltips, and performance visualizations.
  • Updated workflow editing and pipeline log viewing to use darker, more readable themes.
  • Adjusted browser theme coloring to match the dark interface.

[netlify]

✅ Deploy Preview for overup-app ready!

Name	Link
🔨 Latest commit	13e8d33
🔍 Latest deploy log	https://app.netlify.com/projects/overup-app/deploys/6a5b25e9a36b6f0008d4ca33
😎 Deploy Preview	https://deploy-preview-52--overup-app.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
overup	Building	Preview, Comment	Jul 18, 2026 7:06am

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 73dfd712-bed5-4a92-b755-455b67e3714d

📥 Commits

Reviewing files that changed from the base of the PR and between b828666 and 13e8d33.

📒 Files selected for processing (12)

• public/index.html
• src/app/providers.tsx
• src/components/brand/toolchains/ToolchainLogo.tsx
• src/components/ui/Button.tsx
• src/features/auth/components/ParticleField.tsx
• src/features/dashboard/components/ActivityChart.tsx
• src/features/dashboard/components/SuccessRateChart.tsx
• src/features/pipelines/components/LogViewer.tsx
• src/features/pipelines/components/panels/PerformancePanel.tsx
• src/features/workflows/components/WorkflowEditor.tsx
• src/index.css
• tailwind.config.js

---

📝 Walkthrough

Walkthrough

Changes

The application’s visual system is updated for dark-mode presentation across shared theme tokens, browser and toast styling, buttons, logos, particles, charts, the workflow editor, and the log viewer.

Dark Theme Overhaul

Layer / File(s)	Summary
Theme tokens and global styling tailwind.config.js, src/index.css, public/index.html, src/app/providers.tsx	Shared colors, browser theme metadata, global dark-mode behavior, focus and selection styles, and toast rendering are updated.
Shared controls and visual effects src/components/ui/Button.tsx, src/components/brand/toolchains/ToolchainLogo.tsx, src/features/auth/components/ParticleField.tsx	Button hover states, selected toolchain logo colors, and particle RGB values are changed for dark backgrounds.
Dashboard chart palettes src/features/dashboard/components/*Chart.tsx, src/features/pipelines/components/panels/PerformancePanel.tsx	Chart grids, axes, tooltips, and data series use revised dark-theme colors.
Editor and log viewer themes src/features/workflows/components/WorkflowEditor.tsx, src/features/pipelines/components/LogViewer.tsx	The Monaco editor and xterm viewer use dark palettes, with updated search highlighting and terminal colors.

Estimated code review effort: 3 (Moderate) | ~20 minutes

Possibly related PRs

• BotCoder254/overup#47: Also changes particle rendering color logic in ParticleField.tsx.

✨ 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 feat/event-driven-orchestration

---

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

[amazon-q-developer]

This PR successfully implements the dark-first UI palette transition. All color token updates, logo contrast fixes, and theme adjustments are correctly applied across components. The changes are internally consistent and maintain the existing functionality while improving dark mode visibility.

---

You can now have the agent implement changes and create commits directly on your pull request's source branch. Simply comment with /q followed by your request in natural language to ask the agent to make changes.