From 8ba5637f61144a9f70cd8216994ba978fafda352 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Wed, 17 Jul 2024 14:55:16 +0200
Subject: [PATCH] chore(Alert): improve `gray` color

---
 src/theme/alert.ts                               | 6 +++---
 test/components/__snapshots__/Alert.spec.ts.snap | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/theme/alert.ts b/src/theme/alert.ts
index 15bd1f9e..1a4d2155 100644
--- a/src/theme/alert.ts
+++ b/src/theme/alert.ts
@@ -68,19 +68,19 @@ export default (options: Required<ModuleOptions>) => ({
     color: 'gray',
     variant: 'outline',
     class: {
-      root: 'ring ring-inset ring-gray-200 dark:ring-gray-800 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-900'
+      root: 'text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-200 dark:ring-gray-800'
     }
   }, {
     color: 'gray',
     variant: 'soft',
     class: {
-      root: 'text-gray-700 dark:text-gray-200 bg-gray-50 dark:bg-gray-800/50'
+      root: 'text-gray-900 dark:text-white bg-gray-50 dark:bg-gray-800/50'
     }
   }, {
     color: 'gray',
     variant: 'subtle',
     class: {
-      root: 'ring ring-inset ring-gray-300 dark:ring-gray-700 text-gray-700 dark:text-gray-200 bg-gray-50 dark:bg-gray-800/50'
+      root: 'text-gray-900 dark:text-white bg-gray-50 dark:bg-gray-800/50 ring ring-inset ring-gray-300 dark:ring-gray-700'
     }
   }],
   defaultVariants: {
diff --git a/test/components/__snapshots__/Alert.spec.ts.snap b/test/components/__snapshots__/Alert.spec.ts.snap
index f5dd0b6a..e0343e69 100644
--- a/test/components/__snapshots__/Alert.spec.ts.snap
+++ b/test/components/__snapshots__/Alert.spec.ts.snap
@@ -102,7 +102,7 @@ exports[`Alert > renders with description slot correctly 1`] = `
 `;
 
 exports[`Alert > renders with gray variant outline correctly 1`] = `
-"<div class="relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5 items-center ring ring-inset ring-gray-200 dark:ring-gray-800 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-900">
+"<div class="relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5 items-center text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-200 dark:ring-gray-800">
   <!--v-if-->
   <div class="min-w-0 flex-1 flex flex-col gap-1">
     <div class="text-sm font-medium">Alert</div>
@@ -114,7 +114,7 @@ exports[`Alert > renders with gray variant outline correctly 1`] = `
 `;
 
 exports[`Alert > renders with gray variant soft correctly 1`] = `
-"<div class="relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5 items-center text-gray-700 dark:text-gray-200 bg-gray-50 dark:bg-gray-800/50">
+"<div class="relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5 items-center text-gray-900 dark:text-white bg-gray-50 dark:bg-gray-800/50">
   <!--v-if-->
   <div class="min-w-0 flex-1 flex flex-col gap-1">
     <div class="text-sm font-medium">Alert</div>
@@ -138,7 +138,7 @@ exports[`Alert > renders with gray variant solid correctly 1`] = `
 `;
 
 exports[`Alert > renders with gray variant subtle correctly 1`] = `
-"<div class="relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5 items-center ring ring-inset ring-gray-300 dark:ring-gray-700 text-gray-700 dark:text-gray-200 bg-gray-50 dark:bg-gray-800/50">
+"<div class="relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5 items-center text-gray-900 dark:text-white bg-gray-50 dark:bg-gray-800/50 ring ring-inset ring-gray-300 dark:ring-gray-700">
   <!--v-if-->
   <div class="min-w-0 flex-1 flex flex-col gap-1">
     <div class="text-sm font-medium">Alert</div>