Set the color to black for vault

ui/packages/consul-ui/app/components/consul/external-source/index.hbs

@@ -36,7 +36,7 @@
       class="consul-external-source"
       ...attributes
     >
-      <FlightIcon @name={{icon-mapping externalSource}} class="mr-1.5 h-4 w-4" />
+      <FlightIcon @name={{icon-mapping externalSource}} @color="rgb(var(--black))" class="mr-1.5 h-4 w-4" />
       {{#if @label}}
         {{@label}}
       {{else}}

ui/packages/consul-ui/app/components/consul/external-source/index.scss

@@ -2,37 +2,10 @@
   @extend %pill-200, %frame-gray-600, %p1;
 }
 
-.consul-external-source > svg {
-  color: rgb(var(--black));
-}
-
 .consul-external-source::before {
   --icon-size: icon-300;
 }
 
-// .consul-external-source.kubernetes::before {
-//   @extend %with-logo-kubernetes-color-icon, %as-pseudo;
-// }
-// .consul-external-source.terraform::before {
-//   @extend %with-logo-terraform-color-icon, %as-pseudo;
-// }
-// .consul-external-source.nomad::before {
-//   @extend %with-logo-nomad-color-icon, %as-pseudo;
-// }
-// .consul-external-source.consul::before,
-// .consul-external-source.consul-api-gateway::before {
-//   @extend %with-logo-consul-color-icon, %as-pseudo;
-// }
-// .consul-external-source.vault::before {
-//   @extend %with-vault-300;
-// }
-// .consul-external-source.lambda::before,
-// .consul-external-source.aws::before {
-//   @extend %with-aws-300;
-// }
-// .consul-external-source.leader::before {
-//   @extend %with-star-outline-mask, %as-pseudo;
-// }
 .consul-external-source.jwt::before {
   @extend %with-logo-jwt-color-icon, %as-pseudo;
 }

ui/packages/consul-ui/app/components/pill/index.scss

@@ -30,10 +30,3 @@ span.policy-service-identity::before {
 %pill.oidc::before {
   @extend %with-logo-oidc-color-icon, %as-pseudo;
 }
-// %pill.kubernetes::before {
-//   @extend %with-logo-kubernetes-color-icon, %as-pseudo;
-// }
-// %pill.aws-iam::before {
-//   --icon-name: icon-aws-color;
-//   content: '';
-// }