Color the tnx status label

apps/block_scout_web/assets/css/_typography.scss

@@ -94,3 +94,11 @@ label, textarea.form-control {
       color: $teal;
     }
 }
+
+[data-transaction-status="Success"] {
+  color: $success;
+}
+
+[data-transaction-status^="Error"] {
+  color: $danger;
+}

apps/block_scout_web/lib/block_scout_web/templates/transaction/overview.html.eex

@@ -32,7 +32,7 @@
           </span>
           <div class="d-flex flex-row justify-content-start text-muted">
             <span class="mr-4 text-<%= BlockScoutWeb.TransactionView.type_suffix(@transaction) %>"><%= BlockScoutWeb.TransactionView.transaction_display_type(@transaction) %></span>
-            <span class="mr-4"><%= BlockScoutWeb.TransactionView.formatted_status(@transaction) %></span>
+            <span class="mr-4" data-transaction-status="<%= BlockScoutWeb.TransactionView.formatted_status(@transaction) %>"><%= BlockScoutWeb.TransactionView.formatted_status(@transaction) %></span>
             <span class="mr-4">
               <%= if block do %>
                 <span data-from-now="<%= @transaction.block.timestamp %>"></span>