brave / brave-ui

List of reusable React components to empower your brave UI
https://brave.github.io/brave-ui
Mozilla Public License 2.0
473 stars 137 forks source link

Restyle buttons according to updated mockups #536

Open antonok-edm opened 5 years ago

antonok-edm commented 5 years ago

The current button designs are outdated.

They should be updated to look like the ones in this mockup:

Button Specs

In dark mode, "Default" style buttons should be styled as follows: white text and #c2c4cf border, Hover style should be #FF7654 bold, weight: 700 text and #FF7654 border. Focused treatment is white text, #FF7654 border with 3px #FF7654 40% alpha border. and pressed state is #FF7654 text and #FF7654 border with 3px #FF7654 40% alpha border

"Primary" style buttons are identical between dark and light themes.

antonok-edm commented 5 years ago

Regarding existing button styles at https://brave.github.io/brave-ui/?path=/story/components--button, as per conversation with @karenkliu: