Update default button hover & active styles

7 years ago · b74a40b9c1
1 changed files with 6 additions and 2 deletions
--- a/src/components/base/Button/index.js
+++ b/src/components/base/Button/index.js
@ -16,8 +16,12 @@ type Style = any // FIXME
 const buttonStyles: { [_: string]: Style } = {
  default: {
    default: noop,
-    active: noop,
-    hover: noop,
+    active: p => `
+      background: ${rgba(p.theme.colors.fog, 0.3)};
+    `,
+    hover: p => `
+      background: ${rgba(p.theme.colors.fog, 0.2)};
+    `,
    focus: () => `
      box-shadow: ${focusedShadowStyle};
    `,