- adding icons to buttons

- styling modals for dark mode

src/styles/colors.css

@@ -0,0 +1,6 @@
+:root {
+  --color-primary: #444;
+  --color-primary-dark: #333;
+  --color-inverse: #fff;
+  --color-inverse-dark: #f5f5f5;
+}

src/styles/global.css

@@ -2,6 +2,10 @@
 @import "~react-toastify/dist/ReactToastify.css";
 @import "./toastify.css";
 
+:root {
+  @apply transition-colors duration-200 ease-in-out;
+}
+
 html,
 body {
   font-size: 12px;