diff --git a/CHANGELOG.md b/CHANGELOG.md
index 08ed9cf838..62f0d9fdcf 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
## Current
### Features
+- [#2672](https://github.com/poanetwork/blockscout/pull/2672) - added new theme for xUSDT
### Fixes
diff --git a/apps/block_scout_web/assets/css/_images-preload.scss b/apps/block_scout_web/assets/css/_images-preload.scss
index 95f4633a56..031cf20888 100644
--- a/apps/block_scout_web/assets/css/_images-preload.scss
+++ b/apps/block_scout_web/assets/css/_images-preload.scss
@@ -13,4 +13,5 @@ body:after {
url(/images/network-selector-icons/ropsten-testnet.svg)
url(/images/network-selector-icons/xdai-chain.svg)
url(/images/network-selector-icons/lukso-l14-testnet.svg)
+ url(/images/network-selector-icons/circle-xusdt.svg)
};
\ No newline at end of file
diff --git a/apps/block_scout_web/assets/css/components/_network-selector.scss b/apps/block_scout_web/assets/css/components/_network-selector.scss
index 9df2d22164..e3ffea33de 100644
--- a/apps/block_scout_web/assets/css/components/_network-selector.scss
+++ b/apps/block_scout_web/assets/css/components/_network-selector.scss
@@ -280,6 +280,9 @@ $network-selector-item-icon-dimensions: 30px !default;
&-lukso-l14-testnet {
background-image: url(/images/network-selector-icons/lukso-l14-testnet.svg)
}
+ &-xusdt-chain {
+ background-image: url(/images/network-selector-icons/circle-xusdt.svg)
+ }
}
.network-selector-item-title {
diff --git a/apps/block_scout_web/assets/css/theme/_variables-non-critical.scss b/apps/block_scout_web/assets/css/theme/_variables-non-critical.scss
index 232b9cc647..39762ec68a 100644
--- a/apps/block_scout_web/assets/css/theme/_variables-non-critical.scss
+++ b/apps/block_scout_web/assets/css/theme/_variables-non-critical.scss
@@ -1,5 +1,6 @@
@import "theme/base_variables";
@import "neutral_variables-non-critical";
+// @import "xusdt_variables-non-critical";
// @import "dai_variables-non-critical";
// @import "ethereum_classic_variables-non-critical";
// @import "ethereum_variables-non-critical";
diff --git a/apps/block_scout_web/assets/css/theme/_variables.scss b/apps/block_scout_web/assets/css/theme/_variables.scss
index bff54cc6bf..15571b454b 100644
--- a/apps/block_scout_web/assets/css/theme/_variables.scss
+++ b/apps/block_scout_web/assets/css/theme/_variables.scss
@@ -1,5 +1,6 @@
@import "theme/base_variables";
@import "neutral_variables";
+// @import "xusdt_variables";
// @import "dai_variables";
// @import "ethereum_classic_variables";
// @import "ethereum_variables";
diff --git a/apps/block_scout_web/assets/css/theme/_xusdt_variables-non-critical.scss b/apps/block_scout_web/assets/css/theme/_xusdt_variables-non-critical.scss
new file mode 100644
index 0000000000..7f337f9bf5
--- /dev/null
+++ b/apps/block_scout_web/assets/css/theme/_xusdt_variables-non-critical.scss
@@ -0,0 +1,7 @@
+// general
+$primary: #2b9f7a;
+$secondary: #20745a;
+$tertiary: #fff;
+$additional-font: #fff;
+
+$btn-line-color: $secondary; // button border and font color && hover bg color
\ No newline at end of file
diff --git a/apps/block_scout_web/assets/css/theme/_xusdt_variables.scss b/apps/block_scout_web/assets/css/theme/_xusdt_variables.scss
new file mode 100644
index 0000000000..ac3b2fa4e0
--- /dev/null
+++ b/apps/block_scout_web/assets/css/theme/_xusdt_variables.scss
@@ -0,0 +1,97 @@
+// general
+$primary: #2b9f7a;
+$secondary: #20745a;
+$tertiary: #fff;
+$additional-font: #fff;
+
+$tile-body-a-color: $primary;
+$tile-type-block-color: $primary;
+$tile-type-progress-bar-color: $primary;
+a.tile-title { color: $primary !important; }
+
+// footer
+$footer-background-color: #282d31;
+$footer-title-color: #fff;
+$footer-text-color: $additional-font;
+$footer-item-disc-color: $secondary;
+$footer-social-icon-color: $secondary;
+
+// dashboard
+$dashboard-line-color-price: #fff; // price left border
+
+$dashboard-banner-chart-legend-label-color: #fff;
+$dashboard-stats-item-label-color: $dashboard-banner-chart-legend-label-color;
+$dashboard-banner-chart-legend-value-color: #fff; // chart labels
+$dashboard-stats-item-value-color: #fff; // stat values
+
+$dashboard-stats-item-border-color: $secondary; // stat border
+
+$dashboard-banner-gradient-start: $primary; // gradient begin
+
+$dashboard-banner-gradient-end: #289371; // gradient end
+
+$dashboard-banner-network-plain-container-background-color: #2ea780; // stats bg
+
+
+// navigation
+.navbar { box-shadow: 0px 0px 30px 0px rgba(21, 53, 80, 0.12); } // header shadow
+$dropdown-menu-item-hover-color: $primary !default;
+$dropdown-menu-item-hover-background: rgba($primary, .1) !default;
+$header-icon-color-hover: $primary;
+$header-icon-border-color-hover: $primary;
+
+// buttons
+$btn-line-bg: #fff; // button bg
+$btn-line-color: $primary; // button border and font color && hover bg color
+$btn-copy-color: $primary; // btn copy
+$btn-qr-color: $primary; // btn qr-code
+$btn-address-card-icon-color: $primary; // btn address color
+
+//links & tile
+$tile-body-a-color: $primary;
+$tile-type-block-color: $primary;
+$tile-type-progress-bar-color: $primary;
+a.tile-title { color: $primary !important; }
+
+// card
+$card-background-1: $primary;
+$card-tab-active: $primary;
+
+.layout-container {
+ .dashboard-banner-container {
+ background-image: linear-gradient(
+ to bottom,
+ $dashboard-banner-gradient-start,
+ $dashboard-banner-gradient-end
+ );
+ }
+}
+
+// Badges
+$badge-neutral-color: $primary;
+$badge-neutral-background-color: rgba($primary, .1);
+$api-text-monospace-color: $primary;
+
+// Tokens dropdown
+.token-balance-dropdown[aria-labelledby="dropdown-tokens"] {
+ .dropdown-items .dropdown-item:hover {
+ color: $primary !important;
+ }
+}
+
+// Dark theme
+$dark-primary: #2b9f7a;
+$dark-secondary: #20745a;
+$dark-primary-alternate: #2b9f7a;
+
+.dark-theme-applied .dashboard-banner-chart-legend .dashboard-banner-chart-legend-item:nth-child(1)::before {
+ background-color: white!important;
+}
+
+.dark-theme-applied .dashboard-banner-chart-legend .dashboard-banner-chart-legend-item:nth-child(2)::before {
+ background-color: $primary!important;
+}
+
+.dark-theme-applied .tile .tile-body a, .dark-theme-applied .tile span[data-address-hash] {
+ color: #2b9f7a;
+}
\ No newline at end of file
diff --git a/apps/block_scout_web/assets/static/images/network-selector-icons/circle-xusdt.svg b/apps/block_scout_web/assets/static/images/network-selector-icons/circle-xusdt.svg
new file mode 100644
index 0000000000..de660df5d8
--- /dev/null
+++ b/apps/block_scout_web/assets/static/images/network-selector-icons/circle-xusdt.svg
@@ -0,0 +1,4 @@
+
diff --git a/apps/block_scout_web/assets/static/images/xusdt-logo-footer.svg b/apps/block_scout_web/assets/static/images/xusdt-logo-footer.svg
new file mode 100644
index 0000000000..53763fdec4
--- /dev/null
+++ b/apps/block_scout_web/assets/static/images/xusdt-logo-footer.svg
@@ -0,0 +1,3 @@
+
diff --git a/apps/block_scout_web/assets/static/images/xusdt-logo-top.svg b/apps/block_scout_web/assets/static/images/xusdt-logo-top.svg
new file mode 100644
index 0000000000..1e0ac1b3c8
--- /dev/null
+++ b/apps/block_scout_web/assets/static/images/xusdt-logo-top.svg
@@ -0,0 +1,4 @@
+