From 48483e40bcde70b501bd4f9c00a5c833565ca8b6 Mon Sep 17 00:00:00 2001
From: Isaac Qadri <94640870+pmnzt@users.noreply.github.com>
Date: Thu, 4 Jan 2024 15:37:37 +0300
Subject: [PATCH] docs: fix defaultTheme.colors.green is undefined (#788)

reference issue #786
reference [default tailwind config](https://github.com/tailwindlabs/tailwindcss/blob/master/stubs/config.full.js)
---
 docs/content/2.tailwind/1.config.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/content/2.tailwind/1.config.md b/docs/content/2.tailwind/1.config.md
index b1701f23..35e16a2f 100644
--- a/docs/content/2.tailwind/1.config.md
+++ b/docs/content/2.tailwind/1.config.md
@@ -51,13 +51,13 @@ This config has the highest priority to overwrite the defaults and [tailwindcss.
 
 ::code-group
 ```js [tailwind.config.js]
-import defaultTheme from 'tailwindcss/defaultTheme'
+import colors from 'tailwindcss/colors'
 
 export default {
   theme: {
     extend: {
       colors: {
-        primary: defaultTheme.colors.green
+        primary: colors.green
       }
     }
   }
@@ -66,13 +66,13 @@ export default {
 
 ```ts [tailwind.config.ts]
 import type { Config } from 'tailwindcss'
-import defaultTheme from 'tailwindcss/defaultTheme'
+import colors from 'tailwindcss/colors'
 
 export default <Partial<Config>>{
 	theme: {
     extend: {
       colors: {
-        primary: defaultTheme.colors.green
+        primary: colors.green
       }
     }
   }
@@ -80,13 +80,13 @@ export default <Partial<Config>>{
 ```
 
 ```js [tailwind.config.cjs]
-const defaultTheme = require('tailwindcss/defaultTheme')
+const colors = require('tailwindcss/colors')
 
 module.exports = {
   theme: {
     extend: {
       colors: {
-        primary: defaultTheme.colors.green
+        primary: colors.green
       }
     }
   }