From 167fbab3916e5e5cf44f22e2abb44833084c630f Mon Sep 17 00:00:00 2001
From: Nikolai Dorofeev <dorich2000@gmail.com>
Date: Sat, 24 Aug 2024 14:51:34 +0400
Subject: [PATCH] Tailwind shadows plugin inherits colors from config

---
 .changeset/long-peaches-collect.md        |  5 +++++
 packages/esprit-design/plugins/shadows.js | 22 +++++++++++++---------
 2 files changed, 18 insertions(+), 9 deletions(-)
 create mode 100644 .changeset/long-peaches-collect.md

diff --git a/.changeset/long-peaches-collect.md b/.changeset/long-peaches-collect.md
new file mode 100644
index 00000000..4abb5786
--- /dev/null
+++ b/.changeset/long-peaches-collect.md
@@ -0,0 +1,5 @@
+---
+'@d0rich/esprit-design': patch
+---
+
+Tailwind shadows plugin inherits colors from config
diff --git a/packages/esprit-design/plugins/shadows.js b/packages/esprit-design/plugins/shadows.js
index 55442f24..9d18e652 100644
--- a/packages/esprit-design/plugins/shadows.js
+++ b/packages/esprit-design/plugins/shadows.js
@@ -46,9 +46,13 @@ function generateDirections() {
   return result
 }
 
-function generateColors() {
+function generateColors(themeColors) {
   const result = {}
-  for (const colorKey in colors) {
+  const localColors = {
+    ...colors,
+    ...themeColors
+  }
+  for (const colorKey in localColors) {
     if (
       [
         'inherit',
@@ -63,14 +67,14 @@ function generateColors() {
     ) {
       continue
     }
-    if (typeof colors[colorKey] === 'string') {
+    if (typeof localColors[colorKey] === 'string') {
       result[`.ss-${colorKey}`] = {
-        [COLOR_VAR]: colors[colorKey]
+        [COLOR_VAR]: localColors[colorKey]
       }
-    } else if (typeof colors[colorKey] === 'object') {
-      for (const colorVariantKey in colors[colorKey]) {
+    } else if (typeof localColors[colorKey] === 'object') {
+      for (const colorVariantKey in localColors[colorKey]) {
         result[`.ss-${colorKey}-${colorVariantKey}`] = {
-          [COLOR_VAR]: colors[colorKey][colorVariantKey]
+          [COLOR_VAR]: localColors[colorKey][colorVariantKey]
         }
       }
     }
@@ -78,10 +82,10 @@ function generateColors() {
   return result
 }
 
-module.exports = plugin(function ({ addUtilities }) {
+module.exports = plugin(function ({ addUtilities, config }) {
   addUtilities({
     '.sharp-shadow': defaultStyle,
     ...generateDirections(),
-    ...generateColors()
+    ...generateColors(config().theme.colors)
   })
 })