Backport #32040 (#32054)

Add callouts about using light colors ideally on a dark background

diff --git a/site/docs/4.5/components/buttons.md b/site/docs/4.5/components/buttons.md
index b0856f5fc5c392f04b54acf5f83d3edbd2cd6cd9..978b7683ecc755829b3c157094528ad4fe7c381b 100644 (file)
--- a/site/docs/4.5/components/buttons.md
+++ b/site/docs/4.5/components/buttons.md
@@ -49,6 +49,11 @@ In need of a button, but not the hefty background colors they bring? Replace the
 {% endcapture %}
 {% include example.html content=example %}
 
+{% capture callout %}
+Some of the button styles use a relatively light foreground color, and should only be used on a dark background in order to have sufficient contrast.
+{% endcapture %}
+{% include callout.html content=callout type="info" %}
+
 ## Sizes
 
 Fancy larger or smaller buttons? Add `.btn-lg` or `.btn-sm` for additional sizes.