Secondary Button Styles

[aaronrbenson]

Working on adding a secondary button style with default, hover and active states. The draft styles are pretty dark to begin with.

We settled on the following which looks 👌🏼. Thoughts @aminalhazwani @brassy- ?

[aminalhazwani]

Yeah, it is also particularly challenging to design secondary buttons that do not look disable 😅 Are these three different proposals or hover/active states? It would be also interesting to pair a primary with a secondary in order to see how the two look together (the primary w/o border and the secondary with border).

[brassy-]

I second Amin to try to pair the primary with the secondary.

I think can explore the idea to have the secondary button looking different only in the default mode, but share the stye with the primary for hover and active.

Bonus question: what we can learn and maybe re-use from existing elements? I'm thinking of the 'ghost'/'icon' button in the toolbar. ;)

[aaronrbenson]

These are the three states, not variations.

[aaronrbenson]

I’m bothered a little that a different color value is used for the default and then the two states (hover and active). Maybe we shouldn’t use semi-opaque values either in cases where these aren’t against an all-white background.