fix: improve AccountToggle active tab visibility in light mode by MaitrayeeK · Pull Request #1222 · Priyanshu-byte-coder/devtrack

MaitrayeeK · 2026-05-26T18:05:31Z

Summary

Fixes the AccountToggle component where the active tab indicator was nearly invisible in light mode due to insufficient contrast between the active and inactive tab states.

Closes #1037

Type of Change

Bug fix
New feature
Documentation update
Refactor / code cleanup

Changes Made

Wrapped inactive tabs using [var(--card-muted)] and [var(--muted-foreground)] as a consistent reference surface

How to Test

Steps for the reviewer to verify this works:

Switch the app to light mode
Navigate to the dashboard header and locate the account switcher (Personal / Organization / Combined)
Click each tab and verify the active tab

Screenshots (if UI change)

Checklist

Linked issue in summary
npm run lint passes locally
No TypeScript errors (npm run type-check)
Self-reviewed the diff
Added/updated tests if applicable

vercel · 2026-05-26T18:05:36Z

@MaitrayeeK 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 · 2026-05-26T18:05:48Z

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

…te-coder#1116) * fix: persist unread notification count across refreshes * fix(ci): fix playwright execution runner version mismatch in workflows

* fix: improve sign out button theme contrast * test: fix failing playwright smoke tests * fix(ci): fix playwright execution runner version mismatch

* added repo list new UI * e2e fix * fix: resolve FriendComparison duplicate import

…er#1135) * feat: add back to dashboard link on settings page * fix: resolve merge issues

* fix: add loading spinner and disable refresh button * fix: improve loading spinner in refresh button

…byte-coder#1169) * test: add unit tests for scoreAvgPrOpenTimeHours function * fix: remove duplicate font import in page.tsx * fix: add missing imports to KeyboardShortcuts.tsx * fix: move use client directive to top of files * test: mock new widgets and stream in E2E, fix auth unit tests * fix: remove duplicate SectionHeader imports * ci: fix playwright runner invocation to avoid double-version conflict

…1212)

…get (Priyanshu-byte-coder#1218) * fix(ai-mentor): resolve React hydration mismatch in date formatting - Add mounted state to track client-side hydration - Only call toLocaleDateString after component hydrates - Prevents timezone/locale mismatches between server and client * Fix hydration mismatch caused by toLocaleDateString

…der#1196) Co-authored-by: SANCHI GOYAL <sanchigoyal@Mac.lan>

…yanshu-byte-coder#1232) * Fix GoalTracker progress overflow issue * Improve progress bar width clamping * Fix undefined language badge for repos without detected language

…animations (Priyanshu-byte-coder#1151) (Priyanshu-byte-coder#1173)

Priyanshu-byte-coder#976) (Priyanshu-byte-coder#1188)

…r#1200) Co-authored-by: SANCHI GOYAL <sanchigoyal@Mac.lan>

…der#811) (Priyanshu-byte-coder#1219)

…and dynamic color shift (Priyanshu-byte-coder#1179) Co-authored-by: Shweta <gdgshweta@gmail.com>

…1220)

…riyanshu-byte-coder#1227) * fix(theme): fix theme toggle icon flicker using useSafeLayoutEffect * fix(ci): fix playwright execution runner version mismatch in workflows

Co-authored-by: yash gupta <you@example.com>

…ing (Priyanshu-byte-coder#1189) * fix: remove private repository scope from github oauth * fix: resolve auth heading alignment and footer dark theme

…shu-byte-coder#965) (Priyanshu-byte-coder#1194)

* feat: complete WakaTime integration * chore: trigger CI * fix: address Copilot AI review feedback

Priyanshu-byte-coder · 2026-05-27T08:08:27Z

CI is failing on this PR. Please fix the failing checks before this can be merged.

Squash merge of Priyanshu-byte-coder#1141 left unresolved conflict markers in package.json, causing invalid JSON and breaking all Vercel builds since that commit.

…nflicts - Remove duplicate formatActivity import in activity/route.ts (PR#1220 added an import at line 1 while the original already had one at line 21) - Add explicit vitest imports to activity-formatter.test.ts (describe/it/expect) - Resolve three merge conflict markers in package-lock.json left by PR#1141 squash merge (lucide-react version and libc field conflicts)

)

Hobby plan blocks sub-daily crons. Changed 0 * * * * (hourly) to 0 0 * * * (midnight daily) to match Vercel Hobby plan limits.

…te-coder#1187)

…anshu-byte-coder#1198)

- Add .github/FUNDING.yml to show Sponsor button on repo - Add sponsor badge, link, and tier table to README - Add .vercel and .env* entries to .gitignore Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

…eeK/devtrack into fix/tab-active-indicator

MaitrayeeK · 2026-05-28T00:39:29Z

@Priyanshu-byte-coder Updated the branch. Kindly review it once, it can be merged now.

Priyanshu-byte-coder

Hi @MaitrayeeK! The PR title says 'fix: improve AccountToggle active tab visibility' but the diff includes 50+ files — new API routes, SQL migrations, new components, e2e tests, CI workflow changes, and more. This is too large to review as a single PR and carries significant risk of breaking things.

Please split this into separate focused PRs:

The AccountToggle tab visibility fix (CSS tweak in AccountToggle.tsx) — this is the actual fix stated in the title
Any new features (repo analytics, wakatime sync, etc.) as separate PRs

The SQL migration file is especially risky in a bundled PR.

Thanks for understanding!

MaitrayeeK · 2026-05-28T11:23:37Z

That happened because I merged the main branch into this branch. Closing this one and will raise another PR with only my issue-related changes.

Thanks.

fix: improve AccountToggle active tab visibility in light mode

302899c

MaitrayeeK requested a review from Priyanshu-byte-coder as a code owner May 26, 2026 18:05

github-actions Bot added gssoc26 GSSoC 2026 contribution type:bug GSSoC type bonus: bug fix labels May 26, 2026

github-actions Bot assigned MaitrayeeK May 26, 2026

seffhunnn and others added 21 commits May 27, 2026 12:51

fix: persist unread notification count across refreshes (Priyanshu-by…

84f0116

…te-coder#1116) * fix: persist unread notification count across refreshes * fix(ci): fix playwright execution runner version mismatch in workflows

fix: improve sign out button theme contrast (Priyanshu-byte-coder#1120)

2404cab

* fix: improve sign out button theme contrast * test: fix failing playwright smoke tests * fix(ci): fix playwright execution runner version mismatch

added repo list new UI (Priyanshu-byte-coder#1122)

9ebbb46

* added repo list new UI * e2e fix * fix: resolve FriendComparison duplicate import

feat: add back to dashboard link on settings page (Priyanshu-byte-cod…

c44279d

…er#1135) * feat: add back to dashboard link on settings page * fix: resolve merge issues

Fix/refresh loading state (Priyanshu-byte-coder#1141)

5448760

* fix: add loading spinner and disable refresh button * fix: improve loading spinner in refresh button

Add .editorconfig for consistent coding styles (Priyanshu-byte-coder#…

48b803c

…1212)

fix: disable streak freeze button after activation (Priyanshu-byte-co…

3d7c2a6

…der#1196) Co-authored-by: SANCHI GOYAL <sanchigoyal@Mac.lan>

Fix undefined language badge for repos without detected language (Pri…

b3bddb1

…yanshu-byte-coder#1232) * Fix GoalTracker progress overflow issue * Improve progress bar width clamping * Fix undefined language badge for repos without detected language

fix(theme): correct theme toggle text inversion and match transition …

0cadbc8

…animations (Priyanshu-byte-coder#1151) (Priyanshu-byte-coder#1173)

feat(activity): add DiscussionEvent and DiscussionCommentEvent support (

168bd35

Priyanshu-byte-coder#976) (Priyanshu-byte-coder#1188)

fix: make public profile lookup case-insensitive (Priyanshu-byte-code…

749eeb1

…r#1200) Co-authored-by: SANCHI GOYAL <sanchigoyal@Mac.lan>

fix: use unified metrics cache in compare endpoint (Priyanshu-byte-co…

a1193d8

…der#811) (Priyanshu-byte-coder#1219)

feat: enhance ParticleBackground with mouse attract, shooting stars, …

0b42b50

…and dynamic color shift (Priyanshu-byte-coder#1179) Co-authored-by: Shweta <gdgshweta@gmail.com>

refactor: extract formatActivity and add tests (Priyanshu-byte-coder#…

fabafd1

…1220)

fix(theme): fix theme toggle icon flicker using useSafeLayoutEffect (P…

45d8822

…riyanshu-byte-coder#1227) * fix(theme): fix theme toggle icon flicker using useSafeLayoutEffect * fix(ci): fix playwright execution runner version mismatch in workflows

fix: defer Vercel analytics loading (Priyanshu-byte-coder#1199)

341b8c2

Co-authored-by: yash gupta <you@example.com>

fix: correct sign-in container alignment and footer dark theme render…

d75c265

…ing (Priyanshu-byte-coder#1189) * fix: remove private repository scope from github oauth * fix: resolve auth heading alignment and footer dark theme

feat(toprepos): add client-side search filter to Repos widget (Priyan…

4e5e3c4

…shu-byte-coder#965) (Priyanshu-byte-coder#1194)

feat: complete WakaTime integration (Priyanshu-byte-coder#1191)

30e461c

* feat: complete WakaTime integration * chore: trigger CI * fix: address Copilot AI review feedback

fix: resolve merge conflict in package.json (lucide-react version)

96ad300

Squash merge of Priyanshu-byte-coder#1141 left unresolved conflict markers in package.json, causing invalid JSON and breaking all Vercel builds since that commit.

Priyanshu-byte-coder and others added 11 commits May 27, 2026 13:53

chore: trigger Vercel deployment for e36e5f5 fix commit

b0da05e

chore: normalize vercel.json trailing newline

078a215

chore: normalize vercel.json trailing newline (Priyanshu-byte-coder#1256

a0b8d90

)

fix: change goals/sync cron to daily for Hobby plan compatibility

dd28de7

Hobby plan blocks sub-daily crons. Changed 0 * * * * (hourly) to 0 0 * * * (midnight daily) to match Vercel Hobby plan limits.

Merge branch 'chore/trigger-vercel-deploy'

57f4560

feat: add external github indicator to top repositories (Priyanshu-by…

d65bc88

…te-coder#1187)

fix: Improve pin repository tooltip clarity in Top Repositories (Priy…

51060d7

…anshu-byte-coder#1198)

feat: add GitHub Sponsors integration

0c4dfde

- Add .github/FUNDING.yml to show Sponsor button on repo - Add sponsor badge, link, and tier table to README - Add .vercel and .env* entries to .gitignore Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

fix: improve AccountToggle active tab visibility in light mode

3ffa80a

Merge branch 'fix/tab-active-indicator' of https://github.com/Maitray…

2f61f16

…eeK/devtrack into fix/tab-active-indicator

github-actions Bot added type:devops GSSoC type bonus: devops (+15 pts) type:docs GSSoC type bonus: documentation (+5 pts) type:testing GSSoC type bonus: tests (+10 pts) labels May 28, 2026

Priyanshu-byte-coder requested changes May 28, 2026

View reviewed changes

MaitrayeeK closed this May 28, 2026

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

fix: improve AccountToggle active tab visibility in light mode#1222

fix: improve AccountToggle active tab visibility in light mode#1222
MaitrayeeK wants to merge 34 commits into
Priyanshu-byte-coder:mainfrom
MaitrayeeK:fix/tab-active-indicator

MaitrayeeK commented May 26, 2026

Uh oh!

vercel Bot commented May 26, 2026

Uh oh!

github-actions Bot commented May 26, 2026

Uh oh!

Priyanshu-byte-coder commented May 27, 2026

Uh oh!

MaitrayeeK commented May 28, 2026

Uh oh!

Priyanshu-byte-coder left a comment

Uh oh!

MaitrayeeK commented May 28, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

20 participants

Conversation

MaitrayeeK commented May 26, 2026

Summary

Type of Change

Changes Made

How to Test

Screenshots (if UI change)

Checklist

Uh oh!

vercel Bot commented May 26, 2026

Uh oh!

github-actions Bot commented May 26, 2026

GSSoC Label Checklist 🏷️

Uh oh!

Priyanshu-byte-coder commented May 27, 2026

Uh oh!

MaitrayeeK commented May 28, 2026

Uh oh!

Priyanshu-byte-coder left a comment

Choose a reason for hiding this comment

Uh oh!

MaitrayeeK commented May 28, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

20 participants