Baluduvamsi2006 opened a new pull request, #3310: URL: https://github.com/apache/apisix-dashboard/pull/3310
# Why submit this pull request? - [ ] Bugfix - [x] New feature provided - [ ] Improve performance - [ ] Backport patches --- # What changes will this PR take into? This PR introduces a native Dark Mode toggle switch in the dashboard header, enabling seamless switching between light and dark themes across the entire application. --- # Detailed Implementation ## ✨ Feature: Dark Mode Toggle Integration - Created a new `DarkModeToggleBtn.tsx` component. - Implemented as an `ActionIcon` placed in the dashboard header. - Utilizes Mantine’s `useMantineColorScheme` hook to toggle global `AppShell` color scheme state securely and consistently. - Dynamically switches icons between `IconLightMode` and `IconDarkMode` based on active theme. ## 🎨 Theme Consistency Improvements - Ensured all underlying Ant Design `ProTable` styling variables align correctly with Mantine’s dark theme configuration. - Adjusted styling to maintain true-black visual consistency. - Eliminated theme clashes and visual artifacts when switching between light and dark modes. This implementation provides a clean, accessible, and fully integrated theme-switching experience across the dashboard. -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected]
