diff --git a/.changes/showed-warning-callouts-in-the-accent.md b/.changes/showed-warning-callouts-in-the-accent.md
new file mode 100644
index 0000000000..c707feeeeb
--- /dev/null
+++ b/.changes/showed-warning-callouts-in-the-accent.md
@@ -0,0 +1,4 @@
+---
+type: fixed
+---
+Showed warning callouts in the accent color instead of yellow when a custom theme is active
diff --git a/resources/views/components/callout.blade.php b/resources/views/components/callout.blade.php
index c6d0d3de8c..7003fc7356 100644
--- a/resources/views/components/callout.blade.php
+++ b/resources/views/components/callout.blade.php
@@ -10,10 +10,11 @@
     $styles = [
         'warning' => [
             'icon' => 'alert-triangle',
-            'shell' => 'border-warning/25 bg-warning/[0.07] dark:border-warning/20 dark:bg-warning/[0.06]',
-            'iconClass' => 'text-warning-700 dark:text-warning',
-            'titleClass' => 'text-warning-900 dark:text-warning',
-            'textClass' => 'text-warning-900/75 dark:text-warning/70',
+            // Numbered warning shades: the custom theme maps the plain warning color to its accent.
+            'shell' => 'border-warning-700/25 bg-warning-700/[0.07] dark:border-warning-400/20 dark:bg-warning-400/[0.06]',
+            'iconClass' => 'text-warning-700 dark:text-warning-400',
+            'titleClass' => 'text-warning-900 dark:text-warning-400',
+            'textClass' => 'text-warning-900/75 dark:text-warning-400/70',
         ],
         'danger' => [
             'icon' => 'alert-circle',