Added focus colors for the nav

Author: Zaydek Michels-Gualtieri

src/components/Nav/index.js

@@ -134,7 +134,7 @@ const MetaNavItem = ({ className, children }) => (
 	// <Meta.Transition duration={75}>
 	React.cloneElement(children, {
 		className: trimSpaces(`${children.props.className}
-			px-3 flex flex-row items-center text-gray-900 hover:text-gray-500
+			px-3 flex flex-row items-center text-gray-900 hover:text-gray-500 active:text-gray-900
 				${className}`),
 	})
 	// </Meta.Transition>

tailwind.config.js

@@ -93,6 +93,7 @@ module.exports = {
 		...defaultVariants,
 		boxShadow: [...defaultVariants.boxShadow, "active"],
 		opacity: [...defaultVariants.opacity, "active"],
+		textColor: [...defaultVariants.textColor, "active"],
 	},
 	plugins: [
 		require("@tailwindcss/ui"),