-
Notifications
You must be signed in to change notification settings - Fork 1
Develop #349
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
Merged
Develop #349
Conversation
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
- Enhanced text contrast for device names and labels (gray-800/200 for light/dark) - Improved unit notation contrast with font-semibold for better readability - Updated card styling with refined borders and shadows - Added gradient header to location cards for professional polish - Improved icon contrast (gray-700/300 for light/dark modes) - Enhanced border colors for better definition (gray-200/700) - Updated color tokens for better contrast ratios - Refined device panel shadows for subtle, professional appearance - Maintained all data positioning without moving content
- Changed from text-yellow-600 to text-yellow-700 for light mode (better contrast on white) - Changed from text-yellow-400 to text-yellow-300 for dark mode (maintained consistency) - Upgraded font-weight from semibold to bold for additional visual emphasis
…ility - Changed from yellow-700 to amber-700 (darker, more saturated orange-brown) - Changed dark mode from yellow-300 to amber-300 for consistency - Amber-700 has significantly better contrast on white backgrounds (WCAG AA compliant)
- when applying theme, toggle `dark` class on both <html> and <body> - add body data-theme attribute for debugging This prevents orphaned `dark` classes on the body element from forcing dark styles (like `dark:` variants) while the user is in light mode.
- use text-gray-900 in light mode and text-gray-100 in dark mode for the Details heading - ensures the label is readable regardless of theme selection
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
No description provided.