Market Fill with ETH Widget (Taker Price variant) | Style

[designheretic]

Overview
Apply styling to the Market Fill with ETH widget (Taker Price variant)

Specifications
Styling should fit within the following constraints to the extent possible/reasonably feasible. Where intentional deviations are made, please explain to the best of your ability in commit comments.

1. OpenRelay Colors
   #003ea3, #000330, #101e62, #00288b, #2e6dd3, #0056bb, #809dff

2. 1px solid borders wherever possible.

3. Sans serif font hierarchy: Avenir Next, Helvetica Neue, Open Sans, Sans Serif

4. Use thin weights for large headings and heavy weights for user inputs and labels, as exemplified by https://get.embiggen.me.

5. Use #00223a as text color.

6. Optimize for mobile and test your results to confirm they work in Cipher, imToken and Coinbase Wallet's dApp browsers. (formerly Toshi)

7. Refer to https://fling.openrelay.xyz/ as a general style guide if no other specification speaks to a decision you're trying to make about how to implement a style.

8. Default styling should be implemented in a way that makes it easy for custom styles to be implemented without extraordinary effort.