Feat(dark-theme): Improve global dark theme styling and dashboard UI consistency

[BhriguKumarDeka]

This PR enhances the global dark theme experience across the application and introduces subtle UI refinements for a cleaner and more minimal interface.

• Improved global dark mode styling using index.css
• Refined dashboard widgets and card components
• Reduced overly distracting color usage
• Improved visual consistency across UI elements
• Enhanced spacing, contrast, and overall readability
• Created a more minimal and modern dashboard feel

The goal of these changes is to improve the overall user experience by making the interface feel cleaner, less visually noisy, and more comfortable during extended usage in dark mode.

Updated files:

1. apps/web/src/index.css: Global Color Palette changes.
2. apps/web/src/pages/Dashboard.jsx: UI overhaul.
3. apps/web/src/lib/navItems.js, apps/web/src/components/layout/Sidebar.jsx: Navigation Hierarchy fix.
4. apps/web/src/components/layout/Navbar.jsx: Minor color changes.
5. apps\web\index.html: Font links added.
6. apps\web\src\components\Realtimestatswidget.jsx: Widget better structure and layout.

Changes focues on:

• UI/UX Enhancement
• Dark Theme Improvement
• Visual Consistency Update

Comparison

Before

After

NOTE: This is not a complete overhaul, it marks as the intial feel for the theme and will be later integrated to the whole site. For now the experiment is being done on the Dashboard.

[AnirbansarkarS]

@BhriguKumarDeka ...the colors looks good at first,,, actually

[BhriguKumarDeka]

The thing is too much color in a single screen can ruin the experience of a user as every section of the screen pulls attention, so it can increase the cognitive load. This was my thought behind reducing the colors.

If you want them back, I can add them in a subtle way so that it shines without taking much attention.

[Karanjot786]

Hey @BhriguKumarDeka! Saw your work on GSSoC 2026.

We are building TermUI, a TypeScript terminal UI framework with React-style hooks and JSX, rendered entirely in the terminal.

We have 67 unassigned GSSoC issues open. 19 are marked good first issue. Your JavaScript background transfers directly.

• Open issues (GSSoC 2026)
• TermUI on GSSoC

Karanjot, TermUI maintainer