feat: improve theme

app/theme/elements/Button.js

@@ -35,4 +35,9 @@ export default css`
   font-weight: 500;
   ${props => !props.primary && secondary};
   border: none;
+
+  &:focus,
+  &:hover {
+    background-color: ${darken('colorPrimary', -0.2)};
+  }
 `

app/theme/elements/GlobalStyle.js

@@ -43,4 +43,7 @@ text-decoration: none;
 text-rendering: optimizeLegibility;
 }
 
+a {
+  color: ${th('colorPrimary')};
+}
 `

app/theme/index.js

@@ -17,7 +17,7 @@ const cokoTheme = {
   /* Colors */
   colorBackground: 'white',
   colorSecondaryBackground: '#f9fafb', // custom
-  colorPrimary: '#0B65CB',
+  colorPrimary: '#0D83DD',
   colorSecondary: '#9e9e9e',
   colorFurniture: '#E8E8E8',
   colorBorder: '#AAA',
@@ -74,7 +74,7 @@ const cokoTheme = {
 
   /* Shadow (for tooltip) */
   boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
-  boxShadow: '4px 4px 16px #cdcdcd',
+  // boxShadow: '4px 4px 16px #cdcdcd',
   /* Transition */
   transitionDuration: '0.2s', // TODO -- julien: not 0.05s
   transitionTimingFunction: 'ease',