From 54e6841ad0d13916322096884b1c2b5819e2b344 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Fri, 7 Feb 2025 13:01:49 +0100
Subject: [PATCH] dectools(app): use `error` css var

---
 devtools/app/app.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index d926cc5b..bf279960 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -91,7 +91,7 @@ const isDark = computed({
 <template>
   <UApp>
     <div v-if="status === 'pending' || error || !component || !components?.length">
-      <div v-if="error" class="flex flex-col justify-center items-center h-screen w-screen text-center text-(--ui-color-error-500)">
+      <div v-if="error" class="flex flex-col justify-center items-center h-screen w-screen text-center text-(--ui-error)">
         <UILogo class="h-8" />
         <UIcon name="i-lucide-circle-alert" size="20" class="mt-2" />
         <p>