diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..51ae31d
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,5 @@
+* text=auto
+*.js eol=lf
+*.ts eol=lf
+*.tsx eol=lf
+*.jsx eol=lf
\ No newline at end of file
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..970221a
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,4 @@
+{
+  "endOfLine": "lf",
+  "trailingComma": "all"
+}
\ No newline at end of file
diff --git a/chingu-theme.js b/chingu-theme.js
new file mode 100644
index 0000000..ce14ff1
--- /dev/null
+++ b/chingu-theme.js
@@ -0,0 +1,41 @@
+export default {
+  theme: {
+    extend: {
+      colors: {
+        primary: "rgb(var(--primary) / <alpha-value>)",
+        "primary-focus": "rgb(var(--primary-focus) / <alpha-value>)",
+        "primary-content": "rgb(var(--primary-content) / <alpha-value>)",
+        secondary: "rgb(var(--secondary) / <alpha-value>)",
+        "secondary-focus": "rgb(var(--secondary-focus) / <alpha-value>)",
+        "secondary-content": "rgb(var(--secondary-content) / <alpha-value>)",
+        accent: "rgb(var(--accent) / <alpha-value>)",
+        "accent-focus": "rgb(var(--accent-focus) / <alpha-value>)",
+        "accent-content": "rgb(var(--accent-content) / <alpha-value>)",
+        neutral: "rgb(var(--neutral) / <alpha-value>)",
+        "neutral-focus": "rgb(var(--neutral-focus) / <alpha-value>)",
+        "neutral-content": "rgb(var(--neutral-content) / <alpha-value>)",
+        info: "rgb(var(--info) / <alpha-value>)",
+        "info-content": "rgb(var(--info-content) / <alpha-value>)",
+        success: "rgb(var(--success) / <alpha-value>)",
+        "success-content": "rgb(var(--success-content) / <alpha-value>)",
+        warning: "rgb(var(--warning) / <alpha-value>)",
+        "warning-content": "rgb(var(--warning-content) / <alpha-value>)",
+        error: "rgb(var(--error) / <alpha-value>)",
+        "error-content": "rgb(var(--error-content) / <alpha-value>)",
+        "base-100": "rgb(var(--base-100) / <alpha-value>)",
+        "base-200": "rgb(var(--base-200) / <alpha-value>)",
+        "base-300": "rgb(var(--base-300) / <alpha-value>)",
+        "base-content": "rgb(var(--base-content) / <alpha-value>)",
+        overlay: "var(--overlay)",
+      },
+      boxShadow: {
+        sm: "0 2px 4px 0 rgb(var(--neutral-focus) / 0.05)",
+        DEFAULT: "0 4px 8px 0 rgb(var(--neutral-focus) / 0.05)",
+        md: "0 4px 8px 0 rgb(var(--neutral-focus) / 0.08)",
+        lg: "0 8px 12px 0 rgb(var(--neutral-focus) / 0.08)",
+        xl: "0 8px 12px 0 rgb(var(--neutral-focus) / 0.1)",
+        "2xl": "0 10px 16px 0 rgb(var(--neutral-focus) / 0.12)",
+      },
+    },
+  },
+};
diff --git a/eslint.config.js b/eslint.config.js
index 87bb60a..5ffd70d 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -74,6 +74,7 @@ export default [
       "vite.config.ts",
       "vitest.config.ts",
       "generate-exports.js",
+      "chingu-theme.js",
     ],
   },
 ];
diff --git a/generate-exports.js b/generate-exports.js
index 847fa8d..7b0bca7 100644
--- a/generate-exports.js
+++ b/generate-exports.js
@@ -16,7 +16,7 @@ const exportsObject = {
     import: "./dist/style.css",
     types: "./dist/global.d.ts",
   },
-  "./tailwind-config": "./tailwind.config.js",
+  "./chingu-theme": "./chingu-theme.js",
 };
 
 components.forEach((component) => {
diff --git a/package.json b/package.json
index da2a080..e1e401c 100644
--- a/package.json
+++ b/package.json
@@ -101,7 +101,7 @@
       "import": "./dist/style.css",
       "types": "./dist/global.d.ts"
     },
-    "./tailwind-config": "./tailwind.config.js",
+    "./chingu-theme": "./chingu-theme.js",
     "./alert": {
       "import": "./dist/alert/index.js",
       "types": "./dist/types/alert/index.d.ts"
@@ -179,4 +179,4 @@
       "types": "./dist/types/types/index.d.ts"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index e92556d..6368cf8 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,9 +4,6 @@ export default {
   content: ["./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
     extend: {
-      screens: {
-        "3xl": "1920px",
-      },
       colors: {
         primary: "rgb(var(--primary) / <alpha-value>)",
         "primary-focus": "rgb(var(--primary-focus) / <alpha-value>)",