feat(webui): modern dark theme redesign for WebUI v5#3560
Open
MrLrh wants to merge 1 commit into
Open
Conversation
- Replace pure black background with deep slate gradient - Modern system font stack with monospace for data values - Refined semantic status colors (green/blue/amber/red) - Card-based plugin sections with subtle borders and hover effects - Gradient progress bars with smooth transitions - Custom scrollbar styling - Pulse animation for critical states - Improved responsive design - Better visual hierarchy and spacing Closes nicolargo#3485
Owner
|
Hi @MrLrh When i test the new theme on my computer it look like this: 
|
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.
🎨 Modern Dark Theme Redesign for Glances WebUI
Closes #3485
What's Changed
Complete visual redesign of the WebUI with a modern dark theme:
Color Palette
#0d1117→#161b22) instead of pure black#3fb950, blue#58a6ff, amber#d2991d, red#f85149Typography
-apple-system, Segoe UI, etc.) for labels and UI elementsComponents
Details
Screenshots
Testing
Before / After
Before: Pure black background, monospace everywhere, flat tables, muted colors
After: Deep gradient background, system fonts, card-based sections, vibrant semantic colors, smooth animations