Skip to content

feat: BONK redesign polish 2 #14

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.

Sign up for GitHub

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

Jump to bottom
Merged
dwjanus merged 12 commits into from
Dec 15, 2025
Merged

feat: BONK redesign polish 2 #14

dwjanus merged 12 commits into from
Dec 15, 2025

Conversation

@godzidcrypto
Copy link
Collaborator

@godzidcrypto godzidcrypto commented Dec 15, 2025

Overview

  • The changes made are purely stylistic and aesthetic changes and the overall functionality of the app should not be affected, addressing the accessibility concerns

Changes

  • Added different shades for both light mode and dark mode (this makes several inputs and null/interactive button states to be clearer compared to the previous version that conflicted)
  • Dynamically adjusting the max-width for the /trade page to allow it to have more space (every other page remains the same)
  • Updated the gradient background to go from top to bottom instead of it being middle out
  • Updated the header in terms of colors and hover/active states, since the top to bottom gradient now serves as its new background

@godzidcrypto
feat: add updated colors to address accessibility/contrast issues
be7243d
@godzidcrypto
feat: remove borders from header and app content, ensure roundedness …
324d0bf 
…of market selector and stats
@godzidcrypto
feat: add conditional max-width for AppContainer based for trade page
466dffe
@godzidcrypto
fix: adjust gradient background and reposition element in GlobalBackg…
b741b90 
…round component
@godzidcrypto
fix: ensure header maintains max width of 1600px regardless of app co…
9aef0be 
…ntainer max width
@godzidcrypto
feat: more improvements to input colors (checkbox, amount input, rece…
76fe617 
…ipt)
@godzidcrypto
feat: update header nav link text colors, hover and active states of …
216f69a 
…account menu and icon
@godzidcrypto
chore: set max width to 2000 px for trade page
627776e
@godzidcrypto
chore: update background color of unselected tabs in trade form
ed790d0
@godzidcrypto
chore: reduce max width for trade page
fd8a7ef
@godzidcrypto
feat: ensure market dropdown selector is in line with max width of ap…
b774c31 
…p container, add roundedness
@godzidcrypto godzidcrypto requested a review from a team as a code owner December 15, 2025 03:35
@vercel
Copy link

vercel bot commented Dec 15, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
project-pup Ready Ready Preview, Comment Dec 15, 2025 3:35am

@dwjanus dwjanus merged commit bafdc3d into main Dec 15, 2025
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@dwjanus dwjanus dwjanus approved these changes

Assignees

No one assigned

Labels

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@godzidcrypto @dwjanus