From 89eb1d88732763280a4a00d397be8908e3c1b705 Mon Sep 17 00:00:00 2001
From: Justin Coyne <jcoyne@justincoyne.com>
Date: Thu, 6 Jun 2024 23:09:33 -0500
Subject: [PATCH] Allow active facet header color to be set with a css property

Fixes #3174
---
 app/assets/stylesheets/blacklight/_facets.scss       | 12 +-----------
 .../stylesheets/blacklight/blacklight_defaults.scss  | 11 ++++++++++-
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/app/assets/stylesheets/blacklight/_facets.scss b/app/assets/stylesheets/blacklight/_facets.scss
index 2734f859ea..188489a2f0 100644
--- a/app/assets/stylesheets/blacklight/_facets.scss
+++ b/app/assets/stylesheets/blacklight/_facets.scss
@@ -110,19 +110,9 @@
 
 .facet-limit-active {
   border-color: $facet-active-border !important;
-
   .card-header {
+    --bs-btn-color: #{$facet-active-header-color};
     background-color: $facet-active-bg !important;
-
-    .btn {
-      @if function-exists(color-contrast) {
-        color: color-contrast($facet-active-bg);
-      }
-
-      @if function-exists(color-yiq) {
-        color: color-yiq($facet-active-bg);
-      }
-    }
   }
 }
 
diff --git a/app/assets/stylesheets/blacklight/blacklight_defaults.scss b/app/assets/stylesheets/blacklight/blacklight_defaults.scss
index 9b2133f081..7603a7d6bb 100644
--- a/app/assets/stylesheets/blacklight/blacklight_defaults.scss
+++ b/app/assets/stylesheets/blacklight/blacklight_defaults.scss
@@ -14,4 +14,13 @@ $remove-icon-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helveti
 
 $facet-active-border: $success !default;
 $facet-active-bg: $success !default;
-$facet-active-item-color: $success !default;
\ No newline at end of file
+$facet-active-item-color: $success !default;
+$facet-active-header-color: $black;
+/* Bootstrap 5+ */
+@if function-exists(color-contrast) {
+  $facet-active-header-color: color-contrast($facet-active-bg);
+}
+/* Bootstrap 4 */
+@if function-exists(color-yiq) {
+  $facet-active-header-color: color-yiq($facet-active-bg);
+}