xDai logo dark theme fix

CHANGELOG.md

@@ -28,7 +28,7 @@
 - [#3256](https://github.com/poanetwork/blockscout/pull/3256) - Fix for invisible validator address at block page and wrong alert text color at xDai
 
 ### Chore
-- [#3316](https://github.com/poanetwork/blockscout/pull/3316) - xDai smile logos
+- [#3316](https://github.com/poanetwork/blockscout/pull/3316), [#3317](https://github.com/poanetwork/blockscout/pull/3317) - xDai smile logo
 - [#3315](https://github.com/poanetwork/blockscout/pull/3315) - Environment variable to disable Bridge market cap updater
 - [#3308](https://github.com/poanetwork/blockscout/pull/3308) - Fixate latest stable release of Elixir, Node, Postgres
 - [#3297](https://github.com/poanetwork/blockscout/pull/3297) - Actualize names of default chains

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

@@ -115,3 +115,7 @@ $footer-logo-width: auto !default;
     }
   }
 }
+
+.footer-brand {
+  text-decoration: none !important;
+}

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

@@ -78,3 +78,30 @@ $api-text-monospace-color: #20446e;
 $dark-primary: #15bba6;
 $dark-secondary: #93d7ff;
 $dark-primary-alternate: #15bba6;
+
+.dark-theme-applied {
+	.navbar-logo {
+		content: url('/images/xdai_logo_dark.png') !important;
+	}
+	.footer-logo {
+		content: url('/images/xdai_logo_dark.png') !important;
+	}
+}
+
+.navbar-brand .navbar-logo {
+	transform: translateZ(0);
+	-webkit-transform: translateZ(0);
+}
+.footer-logo {
+	transform: translateZ(0);
+	-webkit-transform: translateZ(0);
+}
+
+.dark-theme-applied {
+	.navbar-brand .navbar-logo {
+		filter: brightness(1) invert(0) !important;
+	}
+	.footer-logo {
+		filter: brightness(1) invert(0) !important;
+	}
+}

apps/block_scout_web/assets/css/theme/_dark-theme.scss

@@ -778,6 +778,10 @@ $labels-dark: #8a8dba; // header nav, labels
 			color: #fff;
 		}
 	}
+
+	.logo-text {
+		color: white;
+	}
 }
 
 .navbar-dark .navbar-toggler {

apps/block_scout_web/lib/block_scout_web/templates/chain/show.html.eex

@@ -62,21 +62,23 @@
                 <span class="dashboard-banner-chart-legend-label">
                 <%= gettext "Market Cap" %>
                 </span>
-                <% total_market_cap = market_cap(@market_cap_calculation, @exchange_rate) %>
-                <span style="display: contents;" class="dashboard-banner-chart-legend-value" data-selector="market-cap" data-usd-value="<%= total_market_cap %>">
-                </span>
-                <%= if token_bridge_supply?() do %>
-                  <% token_bridge_market_cap = total_market_cap_from_token_bridge(@exchange_rate) %>
-                  <% omni_bridge_market_cap = total_market_cap_from_omni_bridge() %>
-                  <span
-                    data-toggle="tooltip"
-                    data-placement="top"
-                    data-html="true"
-                    data-template="<div class='tooltip tooltip-inversed-color tooltip-market-cap' role='tooltip'><div class='arrow'></div><div class='tooltip-inner'></div></div>"
-                    title="<div class='token-bridge-market-cap-header'><b><%= format_usd_value(total_market_cap) %></b> is a sum of assets locked in TokenBridge and OmniBridge</div><div class='token-bridge-market-cap-description'><b><%= format_usd_value(token_bridge_market_cap) %></b> locked in Dai in TokenBridge <br/><b><%= format_usd_value(omni_bridge_market_cap) %></b> locked in different assets in OmniBridge</div>">
-                    <i style="color: #ffffff;" class="fa fa-info-circle ml-1" data-test="token-bridge-supply"></i>
+                <div>
+                  <% total_market_cap = market_cap(@market_cap_calculation, @exchange_rate) %>
+                  <span style="display: contents;" class="dashboard-banner-chart-legend-value" data-selector="market-cap" data-usd-value="<%= total_market_cap %>">
                   </span>
-                <% end %>
+                  <%= if token_bridge_supply?() do %>
+                    <% token_bridge_market_cap = total_market_cap_from_token_bridge(@exchange_rate) %>
+                    <% omni_bridge_market_cap = total_market_cap_from_omni_bridge() %>
+                    <span
+                      data-toggle="tooltip"
+                      data-placement="top"
+                      data-html="true"
+                      data-template="<div class='tooltip tooltip-inversed-color tooltip-market-cap' role='tooltip'><div class='arrow'></div><div class='tooltip-inner'></div></div>"
+                      title="<div class='token-bridge-market-cap-header'><b><%= format_usd_value(total_market_cap) %></b> is a sum of assets locked in TokenBridge and OmniBridge</div><div class='token-bridge-market-cap-description'><b><%= format_usd_value(token_bridge_market_cap) %></b> locked in Dai in TokenBridge <br/><b><%= format_usd_value(omni_bridge_market_cap) %></b> locked in different assets in OmniBridge</div>">
+                      <i style="color: #ffffff;" class="fa fa-info-circle ml-1" data-test="token-bridge-supply"></i>
+                    </span>
+                  <% end %>
+                </div>
             </div>
             <% end %>
           <% end %>

apps/block_scout_web/priv/gettext/default.pot

@@ -151,7 +151,7 @@ msgid "Anything not in this list is not supported. Click on the method to be tak
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:108
+#: lib/block_scout_web/templates/chain/show.html.eex:110
 msgid "Average block time"
 msgstr ""
 
@@ -234,7 +234,7 @@ msgid "BlockScout provides analytics data, API, and Smart Contract tools for the
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:150
+#: lib/block_scout_web/templates/chain/show.html.eex:152
 #: lib/block_scout_web/templates/layout/_topnav.html.eex:34
 #: lib/block_scout_web/templates/layout/_topnav.html.eex:38
 msgid "Blocks"
@@ -778,7 +778,7 @@ msgid "Success"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:89
+#: lib/block_scout_web/templates/chain/show.html.eex:91
 #: lib/block_scout_web/templates/layout/app.html.eex:33
 msgid "Tx/day"
 msgstr ""
@@ -1066,7 +1066,7 @@ msgid "More internal transactions have come in"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:211
+#: lib/block_scout_web/templates/chain/show.html.eex:213
 #: lib/block_scout_web/templates/pending_transaction/index.html.eex:10
 #: lib/block_scout_web/templates/transaction/index.html.eex:10
 msgid "More transactions have come in"
@@ -1309,7 +1309,7 @@ msgstr ""
 #: lib/block_scout_web/templates/address_transaction/index.html.eex:49
 #: lib/block_scout_web/templates/address_validation/index.html.eex:22
 #: lib/block_scout_web/templates/block_transaction/index.html.eex:23
-#: lib/block_scout_web/templates/chain/show.html.eex:154
+#: lib/block_scout_web/templates/chain/show.html.eex:156
 #: lib/block_scout_web/templates/pending_transaction/index.html.eex:19
 #: lib/block_scout_web/templates/tokens/holder/index.html.eex:20
 #: lib/block_scout_web/templates/tokens/instance/transfer/index.html.eex:21
@@ -1323,7 +1323,7 @@ msgid "Something went wrong, click to reload."
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:217
+#: lib/block_scout_web/templates/chain/show.html.eex:219
 msgid "Something went wrong, click to retry."
 msgstr ""
 
@@ -1452,7 +1452,7 @@ msgid "Total Supply"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:125
+#: lib/block_scout_web/templates/chain/show.html.eex:127
 msgid "Total blocks"
 msgstr ""
 
@@ -1592,12 +1592,12 @@ msgid "Version"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:149
+#: lib/block_scout_web/templates/chain/show.html.eex:151
 msgid "View All Blocks"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:207
+#: lib/block_scout_web/templates/chain/show.html.eex:209
 msgid "View All Transactions"
 msgstr ""
 
@@ -1639,7 +1639,7 @@ msgid "WEI"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:133
+#: lib/block_scout_web/templates/chain/show.html.eex:135
 msgid "Wallet addresses"
 msgstr ""
 
@@ -1778,7 +1778,7 @@ msgid "Module"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:117
+#: lib/block_scout_web/templates/chain/show.html.eex:119
 msgid "Total transactions"
 msgstr ""
 
@@ -1866,7 +1866,7 @@ msgstr ""
 #: lib/block_scout_web/templates/address_transaction/index.html.eex:15
 #: lib/block_scout_web/templates/block_transaction/index.html.eex:10
 #: lib/block_scout_web/templates/block_transaction/index.html.eex:18
-#: lib/block_scout_web/templates/chain/show.html.eex:208
+#: lib/block_scout_web/templates/chain/show.html.eex:210
 #: lib/block_scout_web/templates/layout/_topnav.html.eex:53
 #: lib/block_scout_web/views/address_view.ex:345
 msgid "Transactions"

apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po

@@ -151,7 +151,7 @@ msgid "Anything not in this list is not supported. Click on the method to be tak
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:108
+#: lib/block_scout_web/templates/chain/show.html.eex:110
 msgid "Average block time"
 msgstr ""
 
@@ -234,7 +234,7 @@ msgid "BlockScout provides analytics data, API, and Smart Contract tools for the
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:150
+#: lib/block_scout_web/templates/chain/show.html.eex:152
 #: lib/block_scout_web/templates/layout/_topnav.html.eex:34
 #: lib/block_scout_web/templates/layout/_topnav.html.eex:38
 msgid "Blocks"
@@ -778,7 +778,7 @@ msgid "Success"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:89
+#: lib/block_scout_web/templates/chain/show.html.eex:91
 #: lib/block_scout_web/templates/layout/app.html.eex:33
 msgid "Tx/day"
 msgstr ""
@@ -1066,7 +1066,7 @@ msgid "More internal transactions have come in"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:211
+#: lib/block_scout_web/templates/chain/show.html.eex:213
 #: lib/block_scout_web/templates/pending_transaction/index.html.eex:10
 #: lib/block_scout_web/templates/transaction/index.html.eex:10
 msgid "More transactions have come in"
@@ -1309,7 +1309,7 @@ msgstr ""
 #: lib/block_scout_web/templates/address_transaction/index.html.eex:49
 #: lib/block_scout_web/templates/address_validation/index.html.eex:22
 #: lib/block_scout_web/templates/block_transaction/index.html.eex:23
-#: lib/block_scout_web/templates/chain/show.html.eex:154
+#: lib/block_scout_web/templates/chain/show.html.eex:156
 #: lib/block_scout_web/templates/pending_transaction/index.html.eex:19
 #: lib/block_scout_web/templates/tokens/holder/index.html.eex:20
 #: lib/block_scout_web/templates/tokens/instance/transfer/index.html.eex:21
@@ -1323,7 +1323,7 @@ msgid "Something went wrong, click to reload."
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:217
+#: lib/block_scout_web/templates/chain/show.html.eex:219
 msgid "Something went wrong, click to retry."
 msgstr ""
 
@@ -1452,7 +1452,7 @@ msgid "Total Supply"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:125
+#: lib/block_scout_web/templates/chain/show.html.eex:127
 msgid "Total blocks"
 msgstr ""
 
@@ -1592,12 +1592,12 @@ msgid "Version"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:149
+#: lib/block_scout_web/templates/chain/show.html.eex:151
 msgid "View All Blocks"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:207
+#: lib/block_scout_web/templates/chain/show.html.eex:209
 msgid "View All Transactions"
 msgstr ""
 
@@ -1639,7 +1639,7 @@ msgid "WEI"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:133
+#: lib/block_scout_web/templates/chain/show.html.eex:135
 msgid "Wallet addresses"
 msgstr ""
 
@@ -1778,7 +1778,7 @@ msgid "Module"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/chain/show.html.eex:117
+#: lib/block_scout_web/templates/chain/show.html.eex:119
 msgid "Total transactions"
 msgstr ""
 
@@ -1866,7 +1866,7 @@ msgstr ""
 #: lib/block_scout_web/templates/address_transaction/index.html.eex:15
 #: lib/block_scout_web/templates/block_transaction/index.html.eex:10
 #: lib/block_scout_web/templates/block_transaction/index.html.eex:18
-#: lib/block_scout_web/templates/chain/show.html.eex:208
+#: lib/block_scout_web/templates/chain/show.html.eex:210
 #: lib/block_scout_web/templates/layout/_topnav.html.eex:53
 #: lib/block_scout_web/views/address_view.ex:345
 msgid "Transactions"