dididy opened a new pull request, #5078: URL: https://github.com/apache/zeppelin/pull/5078
### What is this PR for? This PR adds full dark mode support and system theme integration for the Zeppelin New UI. #### Example: Follow system theme + other parts https://github.com/user-attachments/assets/2159d54e-6403-4f80-91f0-3f66a93881e1 #### Example: Change with button + notebook https://github.com/user-attachments/assets/59bdf1bc-86a3-42e1-a3d0-1d89d955ed7d #### Automatic System Theme Detection & Sync - Automatically detect OS-level dark/light mode settings - Real-time detection and application of system theme changes - Theme cycle pattern: `auto(system) → opposite theme → original theme → auto` #### Comprehensive Dark Mode UI Support - Applied dark mode styles across all major components - Added dark mode overrides for Ant Design components - Full Monaco Editor dark theme support - Consistent color scheme and visual hierarchy #### Enhanced User Experience - Eliminated FOUC (Flash of Unstyled Content) with logic handled in `index.html` - Easy theme switching via a toggle button - Persisted user preferences in local storage - Theme state maintained after page reloads With complete dark mode support and system theme integration, Zeppelin delivers a modern, user-friendly experience. Users can either rely on system theme settings for automatic adaptation or manually select their preferred theme. ### What type of PR is it? Improvement ### Todos * [ ] I created a dark mode background used for login and loading with ChatGPT, but I need to verify whether there are any copyright issues. * [ ] Due to the limited environment setup, I wasn’t able to check all the cases where graphs are rendered. I think we can leave this as a follow-up issue to work on later. ### What is the Jira issue? * [[ZEPPELIN-6323](https://issues.apache.org/jira/browse/ZEPPELIN-6323)] ### How should this be tested? ### Screenshots (if appropriate) ### Questions: * Does the license files need to update? No * Is there breaking changes for older versions? No * Does this needs documentation? No -- 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]
