From 608cd4ca5196c9bdc6973a91922e4d2cdec68a3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20D=C3=A9ramond?= <julien.deramond@orange.com>
Date: Tue, 3 Oct 2023 10:52:48 +0200
Subject: [PATCH] Update
 site/layouts/shortcodes/callout-deprecated-dark-variants.html

Co-authored-by: Louis-Maxime Piton <louismaxime.piton@orange.com>
---
 site/layouts/shortcodes/callout-deprecated-dark-variants.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/layouts/shortcodes/callout-deprecated-dark-variants.html b/site/layouts/shortcodes/callout-deprecated-dark-variants.html
index aa219c6e9c..062a28c354 100644
--- a/site/layouts/shortcodes/callout-deprecated-dark-variants.html
+++ b/site/layouts/shortcodes/callout-deprecated-dark-variants.html
@@ -4,6 +4,6 @@
 
 <div class="bd-callout bd-callout-warning">
   <p>
-    <strong>Heads up!</strong> Dark variants for components were deprecated in v5.3.3 with the introduction of color modes. Instead of adding <code>.{{ $component }}-dark</code>, set <code>data-bs-theme="dark"</code> on the root element, a parent wrapper, or the component itself.
+    <strong>Heads up!</strong> Dark variants for components were deprecated in v5.3.3 with the introduction of color modes.<br>Add <code>data-bs-theme="dark"</code> to the <code>.{{ $component }}</code> or any ancestor element to enable a component-specific color mode. <a href="/docs/customize/color-modes">Learn more about our color modes</a>.
   </p>
 </div>