Merge pull request #2672 from YegorSan/new-xusdt-theme-added
New xUSDT theme created.production-xusdt
commit
36a421b20d
@ -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 |
@ -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; |
||||||
|
} |
After Width: | Height: | Size: 584 B |
After Width: | Height: | Size: 4.7 KiB |
After Width: | Height: | Size: 4.7 KiB |
Loading…
Reference in new issue