fix

src/client/styles/scss/theme/_reboot-bootstrap-theme-colors.scss

@@ -1,11 +1,51 @@
 $theme-colors: map-merge($theme-colors, $colors);
 
 @mixin button-svg-icon-variant($color, $bordercolor) {
-  fill: $color;
+  svg {
+    fill: $color;
+  }
+
+  &.disabled,
+  &:disabled {
+    svg {
+      fill: $color;
+    }
+  }
+
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active,
+  .show > &.dropdown-toggle {
+    svg {
+      fill: $color;
+    }
+  }
 }
 
 @mixin button-outline-svg-icon-variant($value, $color-hover: $value) {
-  fill: $value;
+  svg {
+    fill: $value;
+  }
+
+  @include hover() {
+    svg {
+      fill: $value;
+    }
+  }
+
+  &.disabled,
+  &:disabled {
+    svg {
+      fill: $value;
+    }
+  }
+
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active,
+  .show > &.dropdown-toggle {
+    svg {
+      fill: $value;
+    }
+  }
 }
 
 @each $color, $value in $theme-colors {
@@ -28,6 +68,7 @@ $theme-colors: map-merge($theme-colors, $colors);
     @include button-svg-icon-variant($value, $value);
   }
 }
+
 @each $color, $value in $theme-colors {
   .btn-outline-#{$color} {
     @include button-outline-variant($value, $color-hover: $value, $active-background: rgba($value, 0.1), $active-border: $value);