Skip to content

Feature/dark light theme#4

Open
Ayaalmadhon2004 wants to merge 1 commit into
mainfrom
feature/dark-light-theme
Open

Feature/dark light theme#4
Ayaalmadhon2004 wants to merge 1 commit into
mainfrom
feature/dark-light-theme

Conversation

@Ayaalmadhon2004

Copy link
Copy Markdown
Contributor

This PR implements a unified light/dark theme system for the Marten Kanban board using CSS
custom properties. The theme toggle now properly updates all components consistently — board,
sidebar, cards, modals, and login page — without the previous issues where light backgrounds
would "bleed through" in dark mode.

@Ayaalmadhon2004 Ayaalmadhon2004 force-pushed the feature/dark-light-theme branch from c629805 to b95e5a6 Compare May 31, 2026 08:03
- Rewrote app.css with CSS variables for theming (--bg-app, --bg-card, --text-primary, etc.)
- Light mode: white/gray palette with blue accent
- Dark mode: AMOLED deep black (#0a0a0b) with cyan accent
- All components updated to use CSS variables instead of dark: Tailwind classes
- Added currentPath reactive variable to fix nav highlighting on route changes
- Fixed +layout.js to disable SSR/prerender for proper client-side routing
- Updated Board, Column, Card components for consistent theming
- Updated all modals (IssueModal, CreateStoryModal, MembersModal, ConfigureBoardModal)
- Updated login page to use CSS variables
@Ayaalmadhon2004 Ayaalmadhon2004 force-pushed the feature/dark-light-theme branch from b95e5a6 to 9373839 Compare May 31, 2026 10:45
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