UI fixes for all chains

apps/block_scout_web/assets/css/_typography.scss

@@ -93,6 +93,10 @@ label, textarea.form-control {
     &-internal-transaction {
       color: $teal;
     }
+
+    &-faded {
+      opacity: 0.7;
+    }
 }
 
 [data-transaction-status="Success"] {

apps/block_scout_web/assets/css/components/_dashboard-banner.scss

@@ -68,7 +68,7 @@
 .dashboard-banner-chart-legend {
   grid-area: legend;
   display: flex;
-  padding: 1rem 1rem;
+  padding: 1rem 0.3rem;
 
   &-item {
     padding-left: 0.5rem;

apps/block_scout_web/assets/css/components/_footer.scss

@@ -23,6 +23,19 @@ $footer-text-color: rgba($white, 0.7);
   position: relative;
 }
 
+.footer-brand {
+  display: block;
+  position: absolute;
+  left: 0;
+  font-size: 1.25rem;
+  line-height: inherit;
+  white-space: nowrap;
+}
+
+.footer-logo {
+  height: 1.5em;
+}
+
 .footer .icon-links {
   position: absolute;
   right: 0;

apps/block_scout_web/assets/css/components/_icon-link.scss

@@ -19,7 +19,7 @@
   transition: all 0.1s ease;
 
   &:hover {
-    background-color: $primary;
+    background-color: darken($primary, 20%);
     color: $white;
     text-decoration: none;
   }

apps/block_scout_web/assets/css/theme/_base_variables.scss

@@ -715,7 +715,7 @@ $tooltip-margin:                    0 !default;
 
 $tooltip-arrow-width:               .8rem !default;
 $tooltip-arrow-height:              .4rem !default;
-$tooltip-arrow-color:               $tooltip-bg !default;
+$tooltip-arrow-color:               $secondary !default;
 
 
 // Popovers
@@ -814,7 +814,7 @@ $progress-bg:                       $gray-200 !default;
 $progress-border-radius:            $border-radius !default;
 $progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;
 $progress-bar-color:                $white !default;
-$progress-bar-bg:                   theme-color("primary") !default;
+$progress-bar-bg:                   $primary !default;
 $progress-bar-animation-timing:     1s linear infinite !default;
 $progress-bar-transition:           width .6s ease !default;
 

apps/block_scout_web/assets/css/theme/_variables.scss

@@ -1,2 +1,2 @@
+@import "dai_variables";
 @import "theme/base_variables";
-@import "poa_variables";

apps/block_scout_web/lib/block_scout_web/templates/api_docs/_action_tile.html.eex

@@ -3,8 +3,8 @@
   <div>
     <button class="nounderline tile tile-type-api-documentation" data-toggle="collapse" href="#<%= action_tile_id(@module_name, @action.name) %>" role="button" aria-expanded="false" aria-controls="<%= action_tile_id(@module_name, @action.name) %>">
       <h3>
-        <span class="badge badge-secondary tile-badge float-right"><%= gettext "POST" %></span>
-        <span class="badge badge-primary tile-badge float-right mr-1"><%= gettext "GET" %></span>
+        <span class="badge badge-primary tile-badge float-right"><%= gettext "POST" %></span>
+        <span class="badge badge-dark tile-badge float-right mr-1"><%= gettext "GET" %></span>
         <strong class="tile-label"><%= @action.name %></strong>
       </h3>
       <h4 class="text-dark"><span data-selector="stop-propagation"><%= raw @action.description %></span></h4>

apps/block_scout_web/lib/block_scout_web/templates/api_docs/index.html.eex

@@ -3,7 +3,7 @@
     <div class="card-body">
 
       <h1 class="card-title mb-0">API Documentation</h2>
-      <small class="text-monospace text-secondary" data-endpoint-url="<%= BlockScoutWeb.Endpoint.url() %>/api">[ <%= gettext "Base URL:" %> <%= @conn.host %>/api ]</small>
+      <small class="text-monospace text-primary" data-endpoint-url="<%= BlockScoutWeb.Endpoint.url() %>/api">[ <%= gettext "Base URL:" %> <%= @conn.host %>/api ]</small>
       <p class="mt-4"><%= gettext "This API is provided for developers transitioning their applications from Etherscan to Explorer. It supports GET and POST requests." %></p>
 
     </div>

apps/block_scout_web/lib/block_scout_web/templates/layout/_footer.html.eex

@@ -1,5 +1,8 @@
 <footer class="footer">
   <div class="footer-body container">
+    <%= link to: chain_path(@conn, :show), class: "footer-brand" do %>
+      <img class="footer-logo" src="<%= logo() %>" />
+    <% end %>
     <div class="icon-links icon-links-primary">
       <a href="https://github.com/poanetwork" target="_blank" class="icon-link" data-toggle="tooltip" data-placement="top" title="<%= gettext("Github") %>">
         <i class="fab fa-github"></i>

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

@@ -100,7 +100,7 @@
             <h3 class="text-white">
               <%= value(@transaction) %>
             </h3>
-            <span class="text-light" data-wei-value=<%= @transaction.value.value %> data-usd-exchange-rate=<%= @exchange_rate.usd_value %>></span>
+            <span class="text-white text-faded" data-wei-value=<%= @transaction.value.value %> data-usd-exchange-rate=<%= @exchange_rate.usd_value %>></span>
           </div>
         </div>
       </div>

apps/block_scout_web/lib/block_scout_web/views/api_docs_view.ex

@@ -31,8 +31,7 @@ defmodule BlockScoutWeb.APIDocsView do
   defp required_params(action) do
     Enum.map(action.required_params, fn param ->
       "&#{param.key}=" <>
-        "<span class='text-primary'>{</span>" <>
-        "<strong>#{param.placeholder}</strong><span class='text-primary'>}</span>"
+        "{<strong>#{param.placeholder}</strong>}"
     end)
   end
 end

apps/block_scout_web/lib/block_scout_web/views/layout_view.ex

@@ -8,7 +8,7 @@ defmodule BlockScoutWeb.LayoutView do
   end
 
   def logo do
-    Keyword.get(application_config(), :logo) || "/images/poa_logo.svg"
+    Keyword.get(application_config(), :logo) || "/images/dai_logo.svg"
   end
 
   def subnetwork_title do