Update orange color for out badge and white text

apps/explorer_web/assets/css/app.scss

@@ -69,6 +69,7 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
 @import "components/tile";
 @import "components/dashboard-banner";
 @import "components/icon-link";
+@import "components/badge";
 
 
 :export {

apps/explorer_web/assets/css/components/_badge.scss

@@ -0,0 +1,3 @@
+.badge {
+  color: $white;
+}

apps/explorer_web/assets/css/theme/_poa_variables.scss

@@ -39,7 +39,7 @@ $indigo:  #5b33a1 !default;
 $purple:  #9987fc !default;
 $pink:    #e83e8c !default;
 $red:     #dc3545 !default;
-$orange:  #fd7e14 !default;
+$orange:  #ef9a60 !default;
 $yellow:  #ffc107 !default;
 $green:   #20b760 !default;
 $teal:    #009097 !default;

apps/explorer_web/lib/explorer_web/templates/address_transaction/_transaction.html.eex

@@ -14,7 +14,7 @@
     </div>
     <div class="col-md-3 col-lg-2 d-flex flex-row flex-md-column justify-content-start justify-content-md-end align-items-end text-md-right">
       <%= if @address.hash == @transaction.from_address_hash do %>
-        <span class="badge badge-danger tile-badge mr-2 mr-md-0">OUT</span>
+        <span class="badge badge-warning tile-badge  mr-2 mr-md-0">OUT</span>
       <% else %>
         <span class="badge badge-success tile-badge mr-2 mr-md-0">IN</span>
       <% end %>