Default Bootstrap theme to dark mode #9

Merged
timmybee merged 1 commits from feature/dark-mode-default into master 2026-03-06 12:01:58 +08:00
Owner

Summary

  • Dark mode is now the default for first-time visitors (no saved preference)
  • Returning visitors keep their saved light/dark preference via localStorage
  • Fixes Alpine reactive theme toggle — icons and data-bs-theme now update correctly on click
  • Removes hardcoded bg-light classes from guest layout, login page, and form sub-cards
  • Fixes broken duplicate Bootstrap bundle import in app.js

Test plan

  • Visit the site with no saved theme preference — should load in dark mode
  • Toggle to light mode — should switch and persist on reload
  • Toggle back to dark — should switch and persist
  • Check login page renders correctly in dark mode
  • Check travel request form sub-cards adapt to dark mode
  • Run npm run build to verify no JS errors
## Summary - Dark mode is now the default for first-time visitors (no saved preference) - Returning visitors keep their saved light/dark preference via localStorage - Fixes Alpine reactive theme toggle — icons and `data-bs-theme` now update correctly on click - Removes hardcoded `bg-light` classes from guest layout, login page, and form sub-cards - Fixes broken duplicate Bootstrap bundle import in `app.js` ## Test plan - [ ] Visit the site with no saved theme preference — should load in dark mode - [ ] Toggle to light mode — should switch and persist on reload - [ ] Toggle back to dark — should switch and persist - [ ] Check login page renders correctly in dark mode - [ ] Check travel request form sub-cards adapt to dark mode - [ ] Run `npm run build` to verify no JS errors
timmybee added 1 commit 2026-03-06 10:49:42 +08:00
Default Bootstrap theme to dark mode
All checks were successful
linter / quality (pull_request) Successful in 1m22s
security / Dependency Audit (pull_request) Successful in 1m36s
security / Static Analysis (pull_request) Successful in 1m54s
tests / ci (8.4) (pull_request) Successful in 1m30s
tests / ci (8.5) (pull_request) Successful in 1m28s
6d22830f95
- Change default theme from light to dark for first-time visitors
- Fix Alpine reactive theme toggle so icons and data-bs-theme update correctly
- Remove hardcoded bg-light classes that prevented dark mode from applying
- Fix broken duplicate Bootstrap bundle import in app.js
timmybee force-pushed feature/dark-mode-default from 6d22830f95 to e07984fa97 2026-03-06 11:55:27 +08:00 Compare
timmybee merged commit 2ef5014919 into master 2026-03-06 12:01:58 +08:00
Sign in to join this conversation.
No Reviewers
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: timmybee/travel#9