From e99625c088643364e3da74deb3daadfe26b16219 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Thu, 29 Aug 2019 15:18:47 +0300
Subject: [PATCH] docs: remove swatches for theme colors. (#29327)

Use the built-in utilities instead.
---
 site/content/docs/4.3/getting-started/theming.md | 2 +-
 site/static/docs/4.3/assets/scss/_colors.scss    | 7 -------
 2 files changed, 1 insertion(+), 8 deletions(-)

diff --git a/site/content/docs/4.3/getting-started/theming.md b/site/content/docs/4.3/getting-started/theming.md
index 0c8fe306ad..9c34c9ee3f 100644
--- a/site/content/docs/4.3/getting-started/theming.md
+++ b/site/content/docs/4.3/getting-started/theming.md
@@ -276,7 +276,7 @@ We use a subset of all colors to create a smaller color palette for generating c
   {{< theme-colors.inline >}}
   {{- range (index $.Site.Data "theme-colors") }}
     <div class="col-md-4">
-      <div class="p-3 mb-3 swatch-{{ .name }}">{{ .name | title }}</div>
+      <div class="p-3 mb-3 bg-{{ .name }} {{ if or (eq .name "light") (eq .name "warning") }}text-dark{{ else }}text-white{{ end }}">{{ .name | title }}</div>
     </div>
   {{ end -}}
   {{< /theme-colors.inline >}}
diff --git a/site/static/docs/4.3/assets/scss/_colors.scss b/site/static/docs/4.3/assets/scss/_colors.scss
index 8d2825c570..10ad8efdb7 100644
--- a/site/static/docs/4.3/assets/scss/_colors.scss
+++ b/site/static/docs/4.3/assets/scss/_colors.scss
@@ -9,13 +9,6 @@
   }
 }
 
-@each $color, $value in $theme-colors {
-  .swatch-#{$color} {
-    color: color-yiq($value);
-    background-color: #{$value};
-  }
-}
-
 @each $color, $value in $grays {
   .swatch-#{$color} {
     color: color-yiq($value);
-- 
2.47.2