Merge pull request #3490 from projectblacklight/iconfill-var

Create a blacklight specific variable for the bookmark icon color
projectblacklight · Jan 13, 2025 · 99ec18a · 99ec18a
2 parents dcd30e8 + 2063e27
commit 99ec18a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/app/assets/builds/blacklight.css b/app/assets/builds/blacklight.css
@@ -192,6 +192,7 @@ main {
 }
 
 .bookmark-toggle {
+  --bl-icon-color: var(--bs-primary);
   /* override for line 21.
       Creates weird spacing in toolbar when min-width is set to 8rem */
 }
@@ -215,7 +216,7 @@ main {
   height: 1.25rem;
   width: 1.25rem;
   overflow: visible;
-  fill: var(--bs-primary);
+  fill: var(--bl-icon-color);
 }
 .bookmark-toggle .toggle-bookmark .toggle-bookmark-label .blacklight-icons svg.bookmark-checked {
   display: none;

diff --git a/app/assets/stylesheets/blacklight/_bookmark.scss b/app/assets/stylesheets/blacklight/_bookmark.scss
@@ -1,4 +1,6 @@
 .bookmark-toggle {
+  --bl-icon-color: var(--bs-primary);
+
   .no-js & {
     input[type="submit"] {
       display: inline;
@@ -24,7 +26,7 @@
         height: 1.25rem;
         width: 1.25rem;
         overflow: visible;
-        fill: var(--bs-primary);
+        fill: var(--bl-icon-color);
 
         &.bookmark-checked {
           display: none;