From 0655115df2e77f73c38c1af6838b469a0f8d2911 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Tue, 16 Jun 2026 15:40:48 +0100
Subject: [PATCH] Fixe inconsistent dark mode text colours

---
 resources/js/components/ui/Alert.vue | 20 +++++++-------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/resources/js/components/ui/Alert.vue b/resources/js/components/ui/Alert.vue
index 4ccc13cb423..b23a5f50fdb 100644
--- a/resources/js/components/ui/Alert.vue
+++ b/resources/js/components/ui/Alert.vue
@@ -36,41 +36,35 @@ const alertClasses = computed(() => {
             '[&_h5]:mb-1 [&_h5]:font-bold',
             '[&_h6]:mb-1 [&_h6]:font-bold',
             '[&_[data-ui-heading]]:mb-1 [&_[data-ui-heading]]:font-bold',
+            '[&_h1]:text-inherit! [&_h2]:text-inherit! [&_h3]:text-inherit! [&_h4]:text-inherit! [&_h5]:text-inherit! [&_h6]:text-inherit! [&_[data-ui-heading]]:text-inherit!',
             '[&_[data-ui-heading]]:-mt-0.5',
             '[&_[data-ui-heading].text-lg]:-mt-1',
             '[&_[data-ui-heading].text-2xl]:mt-[-0.45rem] [&_[data-ui-heading].text-2xl]:mb-2',
             '[&_p:not(:last-child)]:mb-3',
             '[&_[data-ui-description]:not(:last-child)]:mb-3',
-            '[&_code]:px-0.75 [&_code]:mx-0.5 [&_code]:py-0.5 [&_code]:rounded-sm [&_code]:text-xs',
+            '[&_[data-ui-description]]:text-inherit!',
+            '[&_code]:px-0.75 [&_code]:mx-0.5 [&_code]:py-0.5 [&_code]:rounded-sm [&_code]:text-xs [&_code]:text-inherit!',
         ].join(' '),
         variants: {
             variant: {
                 default: [
                     'bg-gray-50 dark:bg-gray-900/50 border-gray-200 dark:border-gray-700/80 text-gray-800 dark:text-gray-100',
-                    '[&_code]:bg-gray-200! [&_code]:text-gray-800! dark:[&_code]:bg-gray-800! dark:[&_code]:text-gray-200!',
-                    '[&_[data-ui-heading]]:text-gray-800! dark:[&_[data-ui-heading]]:text-gray-100!',
-                    '[&_[data-ui-description]]:text-gray-800! dark:[&_[data-ui-description]]:text-gray-300!',
+                    '[&_code]:bg-gray-200! dark:[&_code]:bg-gray-800!',
                     'dark:[&_svg]:text-gray-400',
                 ],
                 warning: [
                     'bg-amber-50 dark:bg-amber-300/6 border-amber-200 dark:border-amber-400/25 text-amber-800 dark:text-amber-200',
-                    '[&_code]:bg-amber-200/50! [&_code]:text-amber-800! dark:[&_code]:bg-amber-300/8! dark:[&_code]:text-amber-200!',
-                    '[&_[data-ui-heading]]:text-amber-800! dark:[&_[data-ui-heading]]:text-amber-300!',
-                    '[&_[data-ui-description]]:text-amber-800! dark:[&_[data-ui-description]]:text-amber-200!',
+                    '[&_code]:bg-amber-200/50! dark:[&_code]:bg-amber-300/8!',
                     'dark:[&_svg]:text-amber-300',
                 ],
                 error: [
                     'bg-red-50 dark:bg-red-300/6 border-red-200 dark:border-red-400/25 text-red-800 dark:text-red-300',
-                    '[&_code]:bg-red-200/50! [&_code]:text-red-800! dark:[&_code]:bg-red-300/8! dark:[&_code]:text-red-200!',
-                    '[&_[data-ui-heading]]:text-red-800! dark:[&_[data-ui-heading]]:text-red-300!',
-                    '[&_[data-ui-description]]:text-red-800! dark:[&_[data-ui-description]]:text-red-200!',
+                    '[&_code]:bg-red-200/50! dark:[&_code]:bg-red-300/8!',
                     'dark:[&_svg]:text-red-300',
                 ],
                 success: [
                     'bg-emerald-50 dark:bg-emerald-300/6 border-emerald-200 dark:border-emerald-400/25 text-emerald-800 dark:text-emerald-300',
-                    '[&_code]:bg-emerald-200/50! [&_code]:text-emerald-800! dark:[&_code]:bg-emerald-300/8! dark:[&_code]:text-emerald-200!',
-                    '[&_[data-ui-heading]]:text-emerald-800! dark:[&_[data-ui-heading]]:text-emerald-300!',
-                    '[&_[data-ui-description]]:text-emerald-800! dark:[&_[data-ui-description]]:text-emerald-200!',
+                    '[&_code]:bg-emerald-200/50! dark:[&_code]:bg-emerald-300/8!',
                     'dark:[&_svg]:text-emerald-300',
                 ],
             },