feat(bridge-ui): bridge light and dark themes

[shadab-taiko]

No description provided.

[codecov]

Codecov Report

Merging #12957 (204f6bf) into main (dd389be) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             main   #12957   +/-   ##
=======================================
  Coverage   66.32%   66.32%           
=======================================
  Files         113      113           
  Lines        3050     3050           
  Branches      357      357           
=======================================
  Hits         2023     2023           
  Misses        951      951           
  Partials       76       76           

Flag	Coverage Δ		*Carryforward flag
bridge-ui	92.61% <ø> (ø)
protocol	59.23% <ø> (ø)		Carriedforward from 0b26323
relayer	68.92% <ø> (ø)		Carriedforward from 0b26323
ui	100.00% <ø> (ø)		Carriedforward from 0b26323

*This pull request uses carry forward flags. Click here to find out more.

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[dionysuzx]

@shadab-taiko is this pending any changes? Such as an update to a light theme of the banner? My current critiques are:

• light theme banner would be better
• i think tailwind neutral > gray? for example the connect wallet button goes between two "dark palettes", in dark mode it is the more neutral gray (called neutral in tailwind), and in light mode it is the gray with the slightly blue tint.
• i think the border is a bit strong / dark for the light theme.
• i still think we can try to maybe lighten the buttons just one 100 shade on tailwind.

otherwise looks great! let me know when you need a re-review.

[shadab-taiko]

@d1onys1us since we don't currently have a lighter version of the banner image we will have to go ahead with this and wait till we have some design help on this.

Made the border and buttons lighter, let me know what you think.