Merge pull request #3490 from projectblacklight/iconfill-var

Create a blacklight specific variable for the bookmark icon color

Author: seanaery

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;

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;