diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..74aa790
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,27 @@
+const { colors } = require('tailwindcss/defaultTheme')
+
+module.exports = {
+  corePlugins: {
+    preflight: false,
+  },
+  content: ["./src/**/*.{js,jsx,ts,tsx}"],
+  darkMode: ['class', '[data-theme="dark"]'],
+  theme: {
+    extend: {
+      colors: {
+        gray: {
+          '100': '#f5f5f5',
+          '200': '#eeeeee',
+          '300': '#e0e0e0',
+          '400': '#bdbdbd',
+          '500': '#9e9e9e',
+          '600': '#757575',
+          '700': '#616161',
+          '800': '#424242',
+          '900': '#212121',
+        }
+      }
+    },
+  },
+  plugins: [],
+}