From bbfd22f924f24cb447cf9f8a6c50f282621817b8 Mon Sep 17 00:00:00 2001
From: "Patrick H. Lauke" <redux@splintered.co.uk>
Date: Tue, 3 Nov 2020 07:44:42 +0000
Subject: [PATCH] Backport #32040 (#32054)

Add callouts about using light colors ideally on a dark background
---
 site/docs/4.5/components/buttons.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/site/docs/4.5/components/buttons.md b/site/docs/4.5/components/buttons.md
index b0856f5fc5..978b7683ec 100644
--- 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.