fix: improve icon button color contrast (#345)

Author: tbusillo

src/components/IconButton.js

@@ -1,8 +1,8 @@
 import React from 'react';
 
 const variants = {
-  dark: 'text-gray-600 hover:text-gray-400',
-  light: 'text-gray-400 hover:text-gray-600',
+  dark: 'text-gray-500 hover:text-gray-400',
+  light: 'text-gray-500 hover:text-gray-700',
   white: 'text-white hover:text-white',
 };
 

tailwind.config.js

@@ -1,3 +1,15 @@
+const { colors } = require('tailwindcss/defaultTheme');
+
 module.exports = {
   purge: false,
+  theme: {
+    extend: {
+      colors: {
+        gray: {
+          ...colors.gray,
+          500: '#728DA7',
+        },
+      },
+    },
+  },
 };