diff --git a/colors/index.js b/colors/index.js
index e0b92d234d8..c594a0e81dc 100644
--- a/colors/index.js
+++ b/colors/index.js
@@ -2,6 +2,7 @@ const colorValues = require('./color-values')
 
 let colorObject = {
   "transparent": "transparent",
+  "current": "currentColor",
 }
 
 for (const [key, item] of Object.entries(colorValues)) {
diff --git a/colors/windi.js b/colors/windi.js
index c87586ba709..ef31c8e0cc5 100644
--- a/colors/windi.js
+++ b/colors/windi.js
@@ -2,6 +2,7 @@ const colorValues = require('./color-values')
 
 let colorObject = {
   "transparent": "transparent",
+  "current": "currentColor",
 }
 
 for (const [key, item] of Object.entries(colorValues)) {
diff --git a/src/tailwind.config.js b/src/tailwind.config.js
index b10453f5e21..43fd399cd12 100644
--- a/src/tailwind.config.js
+++ b/src/tailwind.config.js
@@ -1,9 +1,7 @@
 const plugin = require('tailwindcss/plugin')
 module.exports = {
   theme: {
-    extend: {
-      colors: require('../colors')
-    },
+    colors: require('../colors')
   },
   plugins: [
     plugin(function({ addBase, addUtilities }) {