Skip to content

Fix dark mode visual bugs (stacked on Brian_DarkMode)#252

Merged
caleb-bit merged 2 commits intoBrian_DarkModefrom
Andrew/DarkModeFixes
Apr 27, 2026
Merged

Fix dark mode visual bugs (stacked on Brian_DarkMode)#252
caleb-bit merged 2 commits intoBrian_DarkModefrom
Andrew/DarkModeFixes

Conversation

@AndrewCheung360
Copy link
Copy Markdown
Member

Overview

Follow-up fixes for the dark mode PR (#222), addressing remaining visual bugs and review comments found during testing.

Changes Made

CompareMenus (CompareMenusScreen.kt)

  • Fix tab centering: scrollOffset = -sidePaddingPx was pushing tabs rightward; with symmetric contentPadding = sidePadding, scrollOffset = 0 correctly centers each tab
  • All tabs now get accentPrimary background so unselected tabs look like buttons, not plain text

EateryDetailsStickyHeader (EateryDetailsStickyHeader.kt)

  • Category pills now correctly highlight the last visible category when scrolled to the bottom of the list (previously stuck on first-visible-only logic)
  • Refactored to a single derivedStateOf block; removed the separate highlightCategory composable

FavoritesViewModel (FavoritesViewModel.kt)

  • Fix "Available today" logic: use startTimestamp.toLocalDate() == today instead of end-time comparison, preventing past days' events from showing as available
  • Normalize raw meal type strings (e.g. Late_nightLate Dinner); flatMap over all matching events per eatery so multiple meal types per location are captured

FavoritesToggle (FavoritesToggle.kt)

  • Remove shadow, increase border to 1.dp for cleaner look

ItemFavoritesCard (ItemFavoritesCard.kt)

  • Use accentPrimary container color for dark mode contrast
  • Long item names truncate with ellipsis instead of pushing star icon off-screen

MenuCard / PaymentWidgets / FilterRow / AccountPage / Color.kt

  • MenuCard (Upcoming): accentPrimary background for card contrast in dark mode
  • PaymentWidgets: accentPrimary surface color so payment icons don't disappear in dark mode
  • FilterRow: fillMaxWidth on LazyRow for proper left-alignment
  • AccountPage: oppTextPrimary tint on settings icon for both expanded and collapsed header states (icon was invisible on the blue header in dark mode)
  • AccentPrimaryDark: lightened to 0xFF2E2E2E for better card/background contrast

Test Coverage

  • TODO

Next Steps (optional)

  • Push unpushed commit on Brian_DarkMode and verify CI passes
  • Visual QA in both light and dark mode on device

Related PRs or Issues (optional)

Stacked on #222 (Brian dark mode). Closes or partially addresses #244, #245, #246, #247, #248, #249, #250, #251.

Screenshots (optional)

AndrewCheung360 and others added 2 commits April 27, 2026 02:19
- CompareMenus TitlePager: fix tab centering (scrollOffset 0 not negative),
  give all tabs accentPrimary background so unselected tabs look like buttons
- EateryDetailsStickyHeader: highlight last visible category when at bottom
  of list, not just first visible; refactor to single derivedStateOf
- FavoritesViewModel: fix "available today" filter using startTimestamp date,
  normalize meal types (Late_night → Late Dinner), flatMap all events per eatery
- FavoritesToggle: remove shadow, increase border to 1.dp
- ItemFavoritesCard: accentPrimary background, truncate long item names
- MenuCard (Upcoming): accentPrimary background for dark mode contrast
- PaymentWidgets: accentPrimary background in dark mode
- FilterRow: fillMaxWidth for left-aligned chips
- AccountPage: oppTextPrimary tint for settings icon on both header states
- Color.kt: lighten AccentPrimaryDark to 0xFF2E2E2E

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Apr 27, 2026

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 65a57c7c-e111-4e07-8885-7900eebc35d6

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch Andrew/DarkModeFixes

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

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Copy Markdown
Contributor

@caleb-bit caleb-bit left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants