Skip to content

feat(ui): add multiple dashboard themes#1844

Merged
Priyanshu-byte-coder merged 8 commits into
Priyanshu-byte-coder:mainfrom
KrutagyaKaneria:feat/multiple-dashboard-themes
Jun 4, 2026
Merged

feat(ui): add multiple dashboard themes#1844
Priyanshu-byte-coder merged 8 commits into
Priyanshu-byte-coder:mainfrom
KrutagyaKaneria:feat/multiple-dashboard-themes

Conversation

@KrutagyaKaneria

Copy link
Copy Markdown
Contributor

Summary

Implemented a complete multi-theme customization system for the DevTrack dashboard.

Added Themes

  • Classic Dark
  • Modern Light Blue
  • Nordic Frost
  • Cyberpunk / Matrix

Features

  • CSS variable based theming
  • Persistent theme selection using localStorage
  • Theme dropdown selector
  • Tailwind-compatible design tokens
  • Smooth global theme switching
  • Backward compatibility with existing dark mode classes

Technical Improvements

  • Centralized theme registry
  • Reusable semantic color tokens
  • Hydration-safe theme initialization
  • Minimal architectural changes

close #1675

@vercel

vercel Bot commented Jun 1, 2026

Copy link
Copy Markdown

@KrutagyaKaneria is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions Bot added gssoc26 GSSoC 2026 contribution type:design GSSoC type bonus: UI/design (+10 pts) type:feature GSSoC type bonus: new feature labels Jun 1, 2026
@github-actions

github-actions Bot commented Jun 1, 2026

Copy link
Copy Markdown

GSSoC Label Checklist 🏷️

@Priyanshu-byte-coder — please apply the appropriate labels before merging:

Difficulty (pick one):

  • level:beginner — 20 pts
  • level:intermediate — 35 pts
  • level:advanced — 55 pts
  • level:critical — 80 pts

Quality (optional):

  • quality:clean — ×1.2 multiplier
  • quality:exceptional — ×1.5 multiplier

Validation (required to score):

  • gssoc:approved — counts for points
  • gssoc:invalid / gssoc:spam / gssoc:ai-slop — does not score

Type labels (type:*) are auto-detected from files and title. Review and adjust if needed.
Points formula: (difficulty × quality_multiplier) + type_bonus

@KrutagyaKaneria KrutagyaKaneria changed the title feat: add multiple dashboard themes feat(ui): add multiple dashboard themes Jun 1, 2026
@Priyanshu-byte-coder Priyanshu-byte-coder added the level2 GSSoC Level 2 - Medium complexity (25 points) label Jun 2, 2026
@Priyanshu-byte-coder

Copy link
Copy Markdown
Owner

Please rebase on main to resolve conflicts. Run: git fetch origin && git rebase origin/main

Also note: this repo uses pnpm (not npm). Please remove package-lock.json and use pnpm-lock.yaml instead.

@Priyanshu-byte-coder

Copy link
Copy Markdown
Owner

This PR has merge conflicts in layout.tsx, globals.css, tailwind.config.ts, and package-lock.json. These files were modified on main after this PR was opened. Please rebase on the latest main to resolve the conflicts.

@Priyanshu-byte-coder Priyanshu-byte-coder added gssoc:approved GSSoC: PR approved for scoring quality:clean GSSoC: Clean quality multiplier (×1.2) labels Jun 2, 2026
@KrutagyaKaneria KrutagyaKaneria force-pushed the feat/multiple-dashboard-themes branch from a02f9f7 to 9005fb6 Compare June 2, 2026 11:44
@github-actions github-actions Bot added the type:devops GSSoC type bonus: devops (+15 pts) label Jun 2, 2026
@Priyanshu-byte-coder Priyanshu-byte-coder added the level:advanced GSSoC: Advanced difficulty (55 pts) label Jun 3, 2026
@Priyanshu-byte-coder

Copy link
Copy Markdown
Owner

CI is failing because .github/workflows/ci.yml has a broken change — a ````yml``` markdown code fence was accidentally added at the top of the file, making it invalid YAML. Additionally, the workflow was changed from npm to `pnpm`, but this project uses `npm` (`package-lock.json`).

Please revert the .github/workflows/ci.yml and .github/workflows/e2e.yml changes, and also remove the pnpm-lock.yaml file that was added (the project uses npm):

git checkout origin/main -- .github/workflows/ci.yml .github/workflows/e2e.yml
git rm --ignore-unmatch pnpm-lock.yaml
git add .
git commit -m "revert: restore CI workflow files"
git push

The theme implementation itself (ThemeContext, ThemeToggle, globals.css, etc.) looks good — just the workflow files need to be reverted.

@KrutagyaKaneria KrutagyaKaneria force-pushed the feat/multiple-dashboard-themes branch from 5c7a581 to da88174 Compare June 3, 2026 12:22
@Priyanshu-byte-coder Priyanshu-byte-coder merged commit 24fdd89 into Priyanshu-byte-coder:main Jun 4, 2026
9 of 10 checks passed
@github-actions

github-actions Bot commented Jun 4, 2026

Copy link
Copy Markdown

🎉 Merged! Thanks for contributing to DevTrack.

If the project has been useful to you, a ⭐ star on the repo is the easiest way to support it — it helps DevTrack get discovered by more developers.

Keep an eye on open issues for your next contribution!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved GSSoC: PR approved for scoring gssoc26 GSSoC 2026 contribution level:advanced GSSoC: Advanced difficulty (55 pts) level2 GSSoC Level 2 - Medium complexity (25 points) quality:clean GSSoC: Clean quality multiplier (×1.2) type:design GSSoC type bonus: UI/design (+10 pts) type:devops GSSoC type bonus: devops (+15 pts) type:feature GSSoC type bonus: new feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEAT] Add Multiple UI Themes for Dashboard Customization (e.g., Light Blue, Minimalist)

2 participants