From 8df34b075a1ffffcc90d37fc44fac07c4c5d5791 Mon Sep 17 00:00:00 2001
From: Andres Galante <agalante@gmail.com>
Date: Fri, 17 Nov 2017 01:57:49 -0300
Subject: [PATCH] Change the text color to dark on bg color warning examples
 (#24805)

---
 docs/4.0/utilities/colors.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/4.0/utilities/colors.md b/docs/4.0/utilities/colors.md
index 10d6e5ae341d..7543aa0bfc62 100644
--- a/docs/4.0/utilities/colors.md
+++ b/docs/4.0/utilities/colors.md
@@ -30,7 +30,7 @@ Similar to the contextual text color classes, easily set the background of an el
 
 {% example html %}
 {% for color in site.data.theme-colors %}
-<div class="p-3 mb-2 bg-{{ color.name }} {% if color.name == "light" %}text-dark{% else %}text-white{% endif %}">.bg-{{ color.name }}</div>{% endfor %}
+<div class="p-3 mb-2 bg-{{ color.name }} {% if color.name == "light" or color.name == "warning" %}text-dark{% else %}text-white{% endif %}">.bg-{{ color.name }}</div>{% endfor %}
 <div class="p-3 mb-2 bg-white text-dark">.bg-white</div>
 {% endexample %}
 
@@ -40,7 +40,7 @@ When `$enable-gradients` is set to true, you'll be able to use `.bg-gradient-` u
 
 {% example html %}
 {% for color in site.data.theme-colors %}
-<div class="p-3 mb-2 bg-gradient-{{ color.name }} {% if color.name == "light" %}text-dark{% else %}text-white{% endif %}">.bg-gradient-{{ color.name }}</div>{% endfor %}
+<div class="p-3 mb-2 bg-gradient-{{ color.name }} {% if color.name == "light" or color.name == "warning" %}text-dark{% else %}text-white{% endif %}">.bg-gradient-{{ color.name }}</div>{% endfor %}
 {% endexample %}
 
 {% callout info %}