From: Patrick H. Lauke <redux@splintered.co.uk>
Date: Mon, 2 Nov 2020 20:39:49 +0000 (+0000)
Subject: Add callouts about using light colors ideally on a dark background (#32040)
X-Git-Tag: v5.0.0-alpha3~46
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=6682bba82db029ce62b1d63949a077ddd7eb0bb6;p=thirdparty%2Fbootstrap.git

Add callouts about using light colors ideally on a dark background (#32040)

* Add callout about using light colors ideally on a dark background

* Add callout to helpers > colored links as well
---

diff --git a/site/content/docs/5.0/components/buttons.md b/site/content/docs/5.0/components/buttons.md
index 845aba7224..ab31bb2156 100644
--- a/site/content/docs/5.0/components/buttons.md
+++ b/site/content/docs/5.0/components/buttons.md
@@ -54,6 +54,10 @@ In need of a button, but not the hefty background colors they bring? Replace the
 {{< /buttons.inline >}}
 {{< /example >}}
 
+{{< callout info >}}
+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.
+{{< /callout >}}
+
 ## Sizes
 
 Fancy larger or smaller buttons? Add `.btn-lg` or `.btn-sm` for additional sizes.
diff --git a/site/content/docs/5.0/helpers/colored-links.md b/site/content/docs/5.0/helpers/colored-links.md
index f75cae4275..ffaf7cdba4 100644
--- a/site/content/docs/5.0/helpers/colored-links.md
+++ b/site/content/docs/5.0/helpers/colored-links.md
@@ -15,3 +15,7 @@ You can use the `.link-*` classes to colorize links. Unlike the [`.text-*` class
 {{- end -}}
 {{< /colored-links.inline >}}
 {{< /example >}}
+
+{{< callout info >}}
+Some of the link styles use a relatively light foreground color, and should only be used on a dark background in order to have sufficient contrast.
+{{< /callout >}}