From: Mark Otto <markdotto@gmail.com>
Date: Sun, 22 Jun 2025 21:15:59 +0000 (-0700)
Subject: Fix docs colors
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=8eb0175d2f537a2909f7ee0f7b1bea74f0b98813;p=thirdparty%2Fbootstrap.git

Fix docs colors
---

diff --git a/site/src/scss/_component-examples.scss b/site/src/scss/_component-examples.scss
index 1f2401a710..a1adfca215 100644
--- a/site/src/scss/_component-examples.scss
+++ b/site/src/scss/_component-examples.scss
@@ -126,8 +126,8 @@
 .bd-example-cssgrid [class*="grid"] > * {
   padding-top: .75rem;
   padding-bottom: .75rem;
-  background-color: rgba(var(--bd-violet-rgb), .15);
-  border: 1px solid rgba(var(--bd-violet-rgb), .3);
+  background-color: color-mix(in srgb, var(--bd-violet) 15%, transparent);
+  border: 1px solid color-mix(in srgb, var(--bd-violet) 30%, transparent);
 }
 
 .bd-example-row .row + .row,
@@ -137,12 +137,12 @@
 
 .bd-example-row-flex-cols .row {
   min-height: 10rem;
-  background-color: rgba(var(--bd-violet-rgb), .15);
+  background-color: color-mix(in srgb, var(--bd-violet) 15%, transparent);
 }
 
 .bd-example-flex div:not(.vr) {
-  background-color: rgba(var(--bd-violet-rgb), .15);
-  border: 1px solid rgba(var(--bd-violet-rgb), .3);
+  background-color: color-mix(in srgb, var(--bd-violet) 15%, transparent);
+  border: 1px solid color-mix(in srgb, var(--bd-violet) 30%, transparent);
 }
 
 // // Grid mixins
@@ -246,7 +246,7 @@
 
 .simple-list-example-scrollspy {
   .active {
-    background-color: rgba(var(--bd-violet-rgb), .15);
+    background-color: color-mix(in srgb, var(--bd-violet) 15%, transparent);
   }
 }