feat(ui): crypto-friendly design refresh with a11y polish - #32
Merged
Conversation
- Replace Sky-blue primary with Amber (#F59E0B) + Violet (#8B5CF6) accent for a gold-trust + tech-purple crypto aesthetic - Add Orbitron (headings) and Exo 2 (UI labels) Google Fonts - Add font-heading, font-ui, text-gradient-crypto, glow-amber utilities - Update scrollbar to amber-tinted - StatCard: framer-motion staggered entrance, hover glow, animated value transitions, gradient top-bar accent - Sidebar logo: Orbitron font with amber→violet gradient text; active nav uses subtle tinted background + thin gradient left indicator - RecentBlocksCard: AnimatePresence for live block-update animations, violet accent on tx count badge, hover left accent bar - Home heading uses text-gradient-crypto + font-heading
…, contrast - Add branded SVG favicon (amber-violet gradient D logo); keep .ico fallback - Fix RPC modal hardcoded bg-white breaking dark mode - Restore keyboard focus rings on ghost buttons in TopNav (were fully suppressed) - Add focus:ring color token to Button base so all variants show branded ring - Darken light-mode primary Amber-600→Amber-700 (#B45309) for WCAG AA (4.6:1) - Replace Sidebar onMouseEnter/Leave with CSS hover:bg/text custom-property classes - Add Firefox scrollbar-width/color; add select option background theming - Add focus:ring-2 to native select elements in Transactions and IBCBalanceTable
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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
1 participant
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.
Summary
#B45309, 4.6:1 on white)bg-whitebreaking dark modefocus:ring-0+boxShadow:none)focus:ring-[var(--color-primary)]to Button base so all variants show the branded amber ringonMouseEnter/onMouseLeaveJS handlers with CSShover:bg-[var(--color-background-secondary)]classes (theme-aware via CSS custom properties)scrollbar-width: thin+scrollbar-color)<select>dropdown option theming + focus rings in Transactions and IBCBalanceTableTest plan