From d93e995298b87671288c19b5465dd68d00d37064 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Wed, 17 May 2023 11:02:29 +0200
Subject: [PATCH] chore(colors): prevent err and add warning when specific
 colors dont exist

---
 src/runtime/plugins/colors.ts | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/runtime/plugins/colors.ts b/src/runtime/plugins/colors.ts
index 1d81976c..e2e18628 100644
--- a/src/runtime/plugins/colors.ts
+++ b/src/runtime/plugins/colors.ts
@@ -7,11 +7,22 @@ export default defineNuxtPlugin(() => {
   const appConfig = useAppConfig()
   const nuxtApp = useNuxtApp()
 
-  const root = computed(() => `:root {
-${Object.entries(colors[appConfig.ui.primary]).map(([key, value]) => `--color-primary-${key}: ${hexToRgb(value)};`).join('\n')}
+  const root = computed(() => {
+    const primary = colors[appConfig.ui.primary]
+    const gray = colors[appConfig.ui.gray]
 
-${Object.entries(colors[appConfig.ui.gray]).map(([key, value]) => `--color-gray-${key}: ${hexToRgb(value)};`).join('\n')}
-  }`)
+    if (!primary) {
+      console.warn(`[@nuxthq/ui] Primary color '${appConfig.ui.primary}' not found in Tailwind config`)
+    }
+    if (!gray) {
+      console.warn(`[@nuxthq/ui] Gray color '${appConfig.ui.gray}' not found in Tailwind config`)
+    }
+
+    return `:root {
+${Object.entries(primary || colors.green).map(([key, value]) => `--color-primary-${key}: ${hexToRgb(value)};`).join('\n')}
+${Object.entries(gray || colors.cool).map(([key, value]) => `--color-gray-${key}: ${hexToRgb(value)};`).join('\n')}
+}`
+  })
 
   // Head
   const headData: any = {