diff --git a/apps/block_scout_web/assets/css/theme/_dai_variables.scss b/apps/block_scout_web/assets/css/theme/_dai_variables.scss index 6722369c7f..edfc1a26fd 100644 --- a/apps/block_scout_web/assets/css/theme/_dai_variables.scss +++ b/apps/block_scout_web/assets/css/theme/_dai_variables.scss @@ -1,23 +1,23 @@ // general -$primary: #17314f; -$secondary: #15bba6; -$tertiary: #93d7ff; +$primary: #233174; +$secondary: #15f9bb; +$tertiary: #5a77ff; $additional-font: #fff; // footer -$footer-background-color: $primary; +$footer-background-color:#202d6a; $footer-title-color: #fff; -$footer-text-color: #96bde8; +$footer-text-color: #b5c2ff; $footer-item-disc-color: $secondary; .footer-logo { filter: brightness(0) invert(1); } - +.footer-social-icon { color: $secondary!important; } // dashboard $dashboard-line-color-price: $tertiary; // price left border $dashboard-line-color-market: $secondary; $dashboard-banner-chart-legend-label-color: $footer-text-color; -$dashboard-stats-item-label-color: $footer-text-color; +$dashboard-stats-item-label-color: #b4c1ff; $dashboard-banner-chart-legend-value-color: #fff; // chart labels $dashboard-stats-item-value-color: #fff; // stat values @@ -25,9 +25,11 @@ $dashboard-stats-item-border-color: $secondary; // stat border $dashboard-banner-gradient-start: $primary; // gradient begin -$dashboard-banner-gradient-end: lighten($primary, 5); // gradient end +$dashboard-banner-gradient-end: #1e2a63; +// gradient end -$dashboard-banner-network-plain-container-background-color: #20446e; // stats bg +$dashboard-banner-network-plain-container-background-color: #273781 +; // stats bg // navigation @@ -35,20 +37,20 @@ $dashboard-banner-network-plain-container-background-color: #20446e; // stats bg // buttons $btn-line-bg: #fff; // button bg -$btn-line-color: $secondary; // button border and font color && hover bg color -$btn-copy-color: $secondary; // btn copy -$btn-qr-color: $secondary; // btn qr-code +$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: $secondary; // btn address color //links & tile -$tile-body-a-color: $secondary; -$tile-type-block-color: $secondary; -$tile-type-progress-bar-color: $secondary; -a.tile-title { color: $secondary !important; } +$tile-body-a-color: $tertiary; +$tile-type-block-color: $primary; +$tile-type-progress-bar-color: $primary; +a.tile-title { color: $primary !important; } // card -$card-background-1: $secondary; -$card-tab-active: $secondary; +$card-background-1: $primary; +$card-tab-active: $primary; .layout-container { .dashboard-banner-container { @@ -66,6 +68,20 @@ $badge-neutral-background-color: rgba(#20446e, .1); $api-text-monospace-color: #20446e; // Dark theme -$dark-primary: #15bba6; -$dark-secondary: #93d7ff; -$dark-primary-alternate: #15bba6; \ No newline at end of file +$dark-primary: #233174; +$dark-secondary:#15f9bb; +$dark-tertiary: #5a77ff; + +.dark-theme-applied .tile .tile-body a, .dark-theme-applied .tile span[data-address-hash] { + color: $dark-tertiary!important; +} + +.dark-theme-applied .btn-line { + background-color: transparent!important; + border-color: $dark-tertiary!important; + color: $dark-tertiary!important; +} + +.dark-theme-applied .btn-line:hover { + color: $additional-font!important; +} \ No newline at end of file diff --git a/apps/block_scout_web/assets/static/images/dai_logo.svg b/apps/block_scout_web/assets/static/images/dai_logo.svg index 3ce9609c84..538f3bc4c3 100644 --- a/apps/block_scout_web/assets/static/images/dai_logo.svg +++ b/apps/block_scout_web/assets/static/images/dai_logo.svg @@ -1,11 +1,5 @@ - - - - - - - - - - + + + + diff --git a/apps/block_scout_web/assets/static/images/network-selector-icons/xdai-chain.svg b/apps/block_scout_web/assets/static/images/network-selector-icons/xdai-chain.svg index e6f660410a..ac045d3112 100644 --- a/apps/block_scout_web/assets/static/images/network-selector-icons/xdai-chain.svg +++ b/apps/block_scout_web/assets/static/images/network-selector-icons/xdai-chain.svg @@ -1,4 +1,4 @@ - - + +