Feat/implement dark mode system for merchant dashbaord#130
Merged
0xdevcollins merged 4 commits intoJun 25, 2026
Merged
Conversation
- Refactored theme management in ThemeProvider to support user preferences (light, dark, system). - Updated Topbar and SiteHeader components to reflect theme changes with appropriate icons and tooltips. - Enhanced InvoicesTable and InvoiceDrawer components with consistent status badge styling. - Adjusted QR code modal and link creation components for improved visual consistency. - Fixed encoding issues in InvoiceDrawer and GreetingHeader components. - Improved accessibility by adding aria-labels and titles for theme toggle buttons.
…/implement-dark-mode-system-for-merchant-dashbaord
- layout.tsx: keep flash-prevention <head> script from PR + new Hanken/Fraunces/JetBrains font vars from main - globals.css: keep full @theme inline block + dark mode :root/:light/.dark tokens; merge --header-height from main into same :root block; update font refs to new CSS vars - (auth)/layout.tsx: keep PR's CSS-var gradient wrapper - GreetingHeader/MetricCard/site-header: take main's version (main ships ThemeToggle component; MetricCard HEAD had stray Card tags) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
|
@0xdevcollins is attempting to deploy a commit to the Threadflow Team on Vercel. A member of the Team first needs to authorize it. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
closes #88
Dark Mode System for Merchant Dashboard
Implements a full production-ready dark mode system for the merchant dashboard with system preference detection, manual toggle, localStorage persistence, and CSS variable-based theming across all components.
Changes
Theme Infrastructure
CSS Token System (globals.css)
Theme Toggle UI
Component Fixes (removed all hardcoded colors)