Merge pull request #2672 from YegorSan/new-xusdt-theme-added
New xUSDT theme created.production-xusdt
Victor Baranov
5 years ago
committed by
GitHub
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