diff --git a/docs/plugins/ui.ts b/docs/plugins/ui.ts
index 701732ed..945c632e 100644
--- a/docs/plugins/ui.ts
+++ b/docs/plugins/ui.ts
@@ -7,8 +7,8 @@ export default defineNuxtPlugin({
     const appConfig = useAppConfig()
 
     const root = computed(() => {
-      const primary = colors[appConfig.ui.primary]
-      const gray = colors[appConfig.ui.gray]
+      const primary: Record<string, string> | undefined = colors[appConfig.ui.primary]
+      const gray: Record<string, string> | undefined = colors[appConfig.ui.gray]
 
       return `:root {
         ${Object.entries(primary || colors.green).map(([key, value]) => `--color-primary-${key}: ${hexToRgb(value)};`).join('\n')}
diff --git a/src/runtime/plugins/colors.ts b/src/runtime/plugins/colors.ts
index 208438f6..140885ba 100644
--- a/src/runtime/plugins/colors.ts
+++ b/src/runtime/plugins/colors.ts
@@ -8,8 +8,8 @@ export default defineNuxtPlugin(() => {
   const nuxtApp = useNuxtApp()
 
   const root = computed(() => {
-    const primary = colors[appConfig.ui.primary]
-    const gray = colors[appConfig.ui.gray]
+    const primary: Record<string, string> | undefined = colors[appConfig.ui.primary]
+    const gray: Record<string, string> | undefined = colors[appConfig.ui.gray]
 
     if (!primary) {
       console.warn(`[@nuxthq/ui] Primary color '${appConfig.ui.primary}' not found in Tailwind config`)
diff --git a/src/runtime/utils/index.ts b/src/runtime/utils/index.ts
index f4c3d87e..6b17a627 100644
--- a/src/runtime/utils/index.ts
+++ b/src/runtime/utils/index.ts
@@ -2,7 +2,7 @@ export function classNames (...classes: any[string]) {
   return classes.filter(Boolean).join(' ')
 }
 
-export const hexToRgb = (hex) => {
+export const hexToRgb = (hex: string) => {
   // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
   const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i
   hex = hex.replace(shorthandRegex, function (_, r, g, b) {