diff --git a/src/img/icons/dark/import-keystore-file-dark.svg b/src/img/icons/dark/import-keystore-file-dark.svg new file mode 100644 index 0000000000..a5ba926c74 --- /dev/null +++ b/src/img/icons/dark/import-keystore-file-dark.svg @@ -0,0 +1,21 @@ + + + + Icon/40/KeystoreFile-Dark + Created with Sketch. + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/img/icons/icon-removeacc.svg b/src/img/icons/icon-removeacc.svg index 9be3a96934..886b1c8c0f 100644 --- a/src/img/icons/icon-removeacc.svg +++ b/src/img/icons/icon-removeacc.svg @@ -1,8 +1,6 @@ - - - - + + diff --git a/src/img/icons/logo-ledger-white.svg b/src/img/icons/logo-ledger-white.svg new file mode 100644 index 0000000000..93fc91f17d --- /dev/null +++ b/src/img/icons/logo-ledger-white.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/img/icons/select-arrow-black.svg b/src/img/icons/select-arrow-black.svg new file mode 100644 index 0000000000..cd4024a26e --- /dev/null +++ b/src/img/icons/select-arrow-black.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/modules/dex/directives/createOrder/createOrder.less b/src/modules/dex/directives/createOrder/createOrder.less index ab9feb0854..fe3a9065a3 100644 --- a/src/modules/dex/directives/createOrder/createOrder.less +++ b/src/modules/dex/directives/createOrder/createOrder.less @@ -26,7 +26,6 @@ w-create-order { .plate-note { padding: 6px 14px; - font-family: 'Roboto-Medium', sans-serif; } .split-half { @@ -90,262 +89,262 @@ w-create-order { background-size: 10px; background-position: center; } +} - .create-order { - position: relative; +.create-order { + position: relative; - w-input { - .w-input-wrap { - input { - color: @color-disabled-900; - background: @color-white; + w-input { + .w-input-wrap { + input { + color: @color-disabled-900; + background: @color-white; - &[type="text"].tiny { - padding: 0 16px; - } + &[type="text"].tiny { + padding: 0 16px; } } } - .head { - align-items: center; - width: 100%; - padding: 0 16px; - height: 30px; - position: relative; + } + .head { + align-items: center; + width: 100%; + padding: 0 16px; + height: 30px; + position: relative; + display: none; + border-bottom: 1px solid @color-disabled-100; + } + + .body { + .choice { display: none; - border-bottom: 1px solid @color-disabled-100; + flex-direction: row; + position: relative; + z-index: 2; + text-transform: uppercase; + background-color: @color-white; + + .choose { + width: 50%; + flex-grow: 1; + height: 50px; + padding-top: 8px; + text-align: center; + cursor: pointer; + color: @white-only; + + .name { + font-size: @font-size-caption-2; + text-transform: uppercase; + } + + .price { + .footnote-2(); + } + + &.sell { + background: @color-error-400; + } + + &.buy { + background: @color-submit-400; + } + + &.inactive { + background: black; + } + } + + .middle { + width: 70px; + padding-top: 15px; + text-align: center; + } } - .body { - .choice { - display: none; + .making-order { + .create-order-notification { + z-index: 1; + } + + .areas { + display: flex; flex-direction: row; position: relative; - z-index: 2; - text-transform: uppercase; - background-color: @color-white; + z-index: 3; - .choose { + .area { width: 50%; flex-grow: 1; - height: 50px; - padding-top: 8px; - text-align: center; + height: 38px; + color: @color-disabled-400; + border-bottom: 1px solid @color-basic-100; cursor: pointer; - color: @white-only; + background: @color-white; + text-align: center; + border-top: 2px solid @color-white; .name { - font-size: @font-size-caption-2; + line-height: 32px; text-transform: uppercase; } - .price { - .footnote-2(); + &:first-child { + border-right: 1px solid @color-basic-100; } - &.sell { - background: @color-error-400; - } + .spread { + position: absolute; + left: 50%; + transform: translate(-50%, 50px); + margin-top: -12px; - &.buy { - background: @color-submit-400; - } + span { + display: block; + text-align: center; + } - &.inactive { - background: black; + .spread-label { + font-size: 9px; + } } } - - .middle { - width: 70px; - padding-top: 15px; - text-align: center; - } } - .making-order { - .create-order-notification { - z-index: 1; - } - - .areas { - display: flex; - flex-direction: row; - position: relative; - z-index: 3; - - .area { - width: 50%; - flex-grow: 1; - height: 38px; - color: @color-disabled-400; - border-bottom: 1px solid @color-basic-100; - cursor: pointer; - background: @color-white; - text-align: center; - border-top: 2px solid @color-white; - - .name { - line-height: 32px; - text-transform: uppercase; - } + .fields { + padding: 6px 25px 17px; + background: @color-white; - &:first-child { - border-right: 1px solid @color-basic-100; - } + .field-label { + margin-top: 8px; + padding-bottom: 4px; + } - .spread { - position: absolute; - left: 50%; - transform: translate(-50%, 50px); - margin-top: -12px; + .field-fee { + margin: 13px 0; - span { - display: block; - text-align: center; - } - - .spread-label { - font-size: 9px; - } - } + span:last-child { + margin-left: 5px; } } - .fields { - padding: 6px 25px 17px; - background: @color-white; - - .field-label { - margin-top: 8px; - padding-bottom: 4px; + w-input-container.invalid { + .input-like { + border: 1px solid @color-error-200; } + } + + .input-like { + padding: 0; + display: flex; + align-items: center; + border-radius: @border-radius / 2; - .field-fee { - margin: 13px 0; + w-input { + display: block; + width: 50%; - span:last-child { - margin-left: 5px; + input { + height: 28px; + border: none; } } - w-input-container.invalid { - .input-like { - border: 1px solid @color-error-200; - } + .asset-name-wrap { + position: relative; + height: 100%; + width: 50%; + padding: 6px 11px; + background-color: @color-basic-50; + border-top-right-radius: @border-radius / 2; + border-bottom-right-radius: @border-radius / 2; + text-align: right; } + } - .input-like { - padding: 0; - display: flex; - align-items: center; - border-radius: @border-radius / 2; + .summary { + display: flex; + padding-top: 14px; + padding-bottom: 25px; + justify-content: space-between; + } - w-input { - display: block; - width: 50%; + .place-order { + width: 100%; + color: @white-only; + border: none; + height: 36px; + box-shadow: none; + border-radius: @border-radius / 2; + } + } - input { - height: 28px; - border: none; - } - } + button.micro { + &[disabled] { + border: 1px solid @color-accent-50; + color: @color-basic-500; + } + } - .asset-name-wrap { - position: relative; - height: 100%; - width: 50%; - padding: 6px 11px; - background-color: @color-basic-50; - border-top-right-radius: @border-radius; - border-bottom-right-radius: @border-radius; - text-align: right; - } - } + &.buy { + .areas .area.buy { + border-top: 2px solid @color-submit-400; + border-bottom: 1px solid @color-white; + cursor: default; + opacity: 1; + } - .summary { - display: flex; - padding-top: 14px; - padding-bottom: 25px; - justify-content: space-between; + button.place-order { + background: @color-submit-400; + &:hover { + background: @color-submit-600; } - - .place-order { - width: 100%; - color: @white-only; - border: none; - height: 36px; - box-shadow: none; - border-radius: @border-radius / 2; + &:active { + background: @color-submit-700; } - } - - button.micro { &[disabled] { - border: 1px solid @color-accent-50; - color: @color-basic-500; + background: @color-submit-400; + opacity: 0.3; } } + } - &.buy { - .areas .area.buy { - border-top: 2px solid @color-submit-400; - border-bottom: 1px solid @color-white; - cursor: default; - opacity: 1; - } - - button.place-order { - background: @color-submit-400; - &:hover { - background: @color-submit-600; - } - &:active { - background: @color-submit-700; - } - &[disabled] { - background: @color-submit-400; - opacity: 0.3; - } - } + &.sell { + .areas .area.sell { + border-top: 2px solid @color-error-400; + border-bottom: 1px solid @color-white; + cursor: default; + opacity: 1; } - &.sell { - .areas .area.sell { - border-top: 2px solid @color-error-400; - border-bottom: 1px solid @color-white; - cursor: default; - opacity: 1; + button.place-order { + background: @color-error-400; + &:hover { + background: @color-error-600; } - - button.place-order { + &:active { + background: @color-error-700; + } + &[disabled] { background: @color-error-400; - &:hover { - background: @color-error-600; - } - &:active { - background: @color-error-700; - } - &[disabled] { - background: @color-error-400; - opacity: 0.3; - } + opacity: 0.3; } } + } - .price { - font-size: @font-size-caption-2; - line-height: 12px; + .price { + font-size: @font-size-caption-2; + line-height: 12px; - span.link { - color: @color-disabled-900; - font-size: @font-size-caption-2; - line-height: 13px; - height: auto; + span.link { + color: @color-disabled-900; + font-size: @font-size-caption-2; + line-height: 13px; + height: auto; - &.active { - color: @color-disabled-600; - } + &.active { + color: @color-disabled-600; } } } diff --git a/src/modules/dex/directives/dexWatchlist/DexWatchlist.less b/src/modules/dex/directives/dexWatchlist/DexWatchlist.less index e3652a1194..db99e90e8c 100644 --- a/src/modules/dex/directives/dexWatchlist/DexWatchlist.less +++ b/src/modules/dex/directives/dexWatchlist/DexWatchlist.less @@ -24,7 +24,8 @@ display: inline-block; width: 100%; z-index: 4; - height: 35px; + height: 32px; + min-height: 32px; w-help-icon { position: absolute; @@ -212,10 +213,6 @@ &__watchlist { max-height: calc(100% ~'- 445px'); width: 360px; - - // .loader { - // top: 60%; - // } } &__watchlist-collapsed { diff --git a/src/modules/dex/directives/layout/less/dex-layout.less b/src/modules/dex/directives/layout/less/dex-layout.less index 4cc9882f43..3e07e33b99 100644 --- a/src/modules/dex/directives/layout/less/dex-layout.less +++ b/src/modules/dex/directives/layout/less/dex-layout.less @@ -36,7 +36,8 @@ } &__block[data-block="tradevolume"] { - height: 38px; + height: 37px; + overflow: hidden; .block-title i { transform: rotate(-180deg); @@ -270,6 +271,14 @@ .caption-2 { font-size: 12px; } + + &_tradevolume-collapsed { + .dex-layout__column_orderbook { + .dex-layout__block[data-block="tradevolume"] { + height: 41px; + } + } + } } } diff --git a/src/modules/dex/directives/layout/less/dex-layout__column_createorder.less b/src/modules/dex/directives/layout/less/dex-layout__column_createorder.less index fd23e4e762..eeb7ca7dba 100644 --- a/src/modules/dex/directives/layout/less/dex-layout__column_createorder.less +++ b/src/modules/dex/directives/layout/less/dex-layout__column_createorder.less @@ -32,7 +32,7 @@ @media screen and (min-width: 2400px) { .dex-layout { - &__createorder { + &__column_createorder { max-height: 440px; width: 360px; diff --git a/src/modules/dex/directives/layout/less/dex-layout__column_orderbook.less b/src/modules/dex/directives/layout/less/dex-layout__column_orderbook.less index a2bff3d55e..19e7ef9fcc 100644 --- a/src/modules/dex/directives/layout/less/dex-layout__column_orderbook.less +++ b/src/modules/dex/directives/layout/less/dex-layout__column_orderbook.less @@ -81,7 +81,7 @@ @media screen and (min-width: 2400px) { .dex-layout { - &__orderbook { + &__column_orderbook { width: 360px; max-height: calc(100% ~'- 445px') !important; @@ -224,6 +224,7 @@ max-height: 420px; margin-left: 0; order: 2; + margin-bottom: 5px; .dex-layout { &__block[data-block="tradevolume"] { diff --git a/src/modules/signIn/templates/signIn.html b/src/modules/signIn/templates/signIn.html index c1dff8761c..c78816b91e 100644 --- a/src/modules/signIn/templates/signIn.html +++ b/src/modules/signIn/templates/signIn.html @@ -35,7 +35,7 @@ - +
diff --git a/src/modules/ui/directives/actions/action-item.less b/src/modules/ui/directives/actions/action-item.less index c4d66b743a..75e4063cc1 100644 --- a/src/modules/ui/directives/actions/action-item.less +++ b/src/modules/ui/directives/actions/action-item.less @@ -1,8 +1,9 @@ @import (reference) 'config'; .action-item { - padding: 8px 20px; + padding: 8px 10px; display: block; + border-radius: @border-radius; &:hover { background-color: @color-basic-50; diff --git a/src/modules/ui/directives/actions/actions.less b/src/modules/ui/directives/actions/actions.less index 94de0d31d0..f6e1d0ffad 100644 --- a/src/modules/ui/directives/actions/actions.less +++ b/src/modules/ui/directives/actions/actions.less @@ -23,9 +23,9 @@ right: 20px; top: 0; margin-bottom: 10px; - padding: 17px 0; + padding: 17px 10px; background-color: @color-white; - box-shadow: @shadow-buttons-default; + box-shadow: @shadow-portfolio-dropdown; border-radius: @border-radius; &.expanded { diff --git a/src/modules/ui/directives/assetInfoHead/asset-info-head.less b/src/modules/ui/directives/assetInfoHead/asset-info-head.less index 9395c5f1af..42ac1e5883 100644 --- a/src/modules/ui/directives/assetInfoHead/asset-info-head.less +++ b/src/modules/ui/directives/assetInfoHead/asset-info-head.less @@ -4,6 +4,14 @@ .asset-info-head { display: flex; + &_p-40 { + padding: 0 40px; + + @media screen and (max-width: 768px) { + padding: 0 20px; + } + } + &__head { height: 130px; position: relative; @@ -35,7 +43,6 @@ width: calc(100% ~'+ 80px'); left: -40px; bottom: 0; - border-bottom: 1px solid @color-submit-300; } &__rating { diff --git a/src/modules/ui/directives/footer/footer.less b/src/modules/ui/directives/footer/footer.less index 5f101eda84..62330ff4e7 100644 --- a/src/modules/ui/directives/footer/footer.less +++ b/src/modules/ui/directives/footer/footer.less @@ -4,7 +4,7 @@ .footer { display: block; - background: @color-basic-900; + background: @footer-background; &__wrap { max-width: 1440px; @@ -21,7 +21,7 @@ margin-bottom: 24px; text-transform: uppercase; font-size: 13px; - color: @color-basic-700; + color: @footer-color-title; } &__link { @@ -31,7 +31,7 @@ transition: color 0.3s; &:hover { - color: @color-white; + color: @white-only; } &_support { diff --git a/src/modules/ui/directives/mainHeader/less/largeHeader/switch-account.less b/src/modules/ui/directives/mainHeader/less/largeHeader/switch-account.less index 151ff54149..e3f138d86e 100644 --- a/src/modules/ui/directives/mainHeader/less/largeHeader/switch-account.less +++ b/src/modules/ui/directives/mainHeader/less/largeHeader/switch-account.less @@ -32,7 +32,7 @@ &__list { flex: 1; - max-height: 195px; + max-height: 186px; padding: 4px 20px 4px 0; overflow: auto; overflow-x: hidden; diff --git a/src/modules/ui/directives/mainHeader/less/largeHeader/user-account.less b/src/modules/ui/directives/mainHeader/less/largeHeader/user-account.less index 5a88a439b6..20f961cf51 100644 --- a/src/modules/ui/directives/mainHeader/less/largeHeader/user-account.less +++ b/src/modules/ui/directives/mainHeader/less/largeHeader/user-account.less @@ -10,7 +10,7 @@ padding-bottom: 10px; display: flex; flex-direction: column; - border-bottom: 1px solid @color-info-50; + border-bottom: 1px solid @header-user-account-border; max-width: 249px; &__name { diff --git a/src/modules/ui/directives/selectFilter/selectFilter.less b/src/modules/ui/directives/selectFilter/selectFilter.less index cb0779e14f..44bf0de729 100644 --- a/src/modules/ui/directives/selectFilter/selectFilter.less +++ b/src/modules/ui/directives/selectFilter/selectFilter.less @@ -13,7 +13,7 @@ .select { div.select__wrap.expanded { - z-index: 1; + z-index: 11; w-select-filter { display: block; diff --git a/src/modules/ui/directives/smartTable/less/smart-table_mode-large.less b/src/modules/ui/directives/smartTable/less/smart-table_mode-large.less index fd607599b3..9971cdf4d6 100644 --- a/src/modules/ui/directives/smartTable/less/smart-table_mode-large.less +++ b/src/modules/ui/directives/smartTable/less/smart-table_mode-large.less @@ -145,6 +145,22 @@ } } + .action-item { + &.icon-show { + span.tospam { + display: none; + } + } + } + + .action-item { + &.icon-hide { + span.unspam { + display: none; + } + } + } + .icon { z-index: 2; display: inline-block; diff --git a/src/modules/ui/directives/tabs/less/tabs_default.less b/src/modules/ui/directives/tabs/less/tabs_default.less index d4ae4c6ca3..e0b13c494e 100644 --- a/src/modules/ui/directives/tabs/less/tabs_default.less +++ b/src/modules/ui/directives/tabs/less/tabs_default.less @@ -57,21 +57,6 @@ min-height: 60px; cursor: pointer; position: relative; - - // &_active { - // color: @color-submit-400; - - // &::after { - // position: absolute; - // z-index: 1; - // content: ''; - // width: 100%; - // height: 1px; - // display: block; - // bottom: 0; - // background: @color-submit-400; - // } - // } } } @@ -115,17 +100,6 @@ w-confirm-transaction { &::before { display: none; } - - &:after { - content: ''; - display: block; - position: absolute; - width: 100%; - height: 1px; - left: 0; - bottom: 0; - background: @color-basic-100; - } } &__title { @@ -141,40 +115,21 @@ w-confirm-transaction { border-left: 1px solid transparent; border-right: 1px solid transparent; white-space: nowrap; + min-height: 38px; &:first-child { border-left: 1px solid @color-white; } - - // &_active { - // background: @color-white; - // border-bottom: 1px solid @color-white; - // border-right: 1px solid @color-disabled-200; - // border-left: 1px solid @color-disabled-200; - - // &::before { - // display: block; - // position: absolute; - // top: 0; - // left: 0; - // width: 100%; - // content: ''; - // height: 2px; - // background: @color-submit-400; - // } - - // &:after { - // position: absolute; - // bottom: -2px; - // height: 2px; - // width: 100%; - // left: 0; - // content: ''; - // display: block; - // z-index: 1; - // background: @color-white; - // } - // } + + &:after { + content: ''; + display: block; + position: absolute; + width: 101%; + left: 0; + bottom: 0; + background: @color-basic-100; + } } } } @@ -194,6 +149,20 @@ w-confirm-transaction { } } +@media screen and (max-width: 1130px) { + .dex-layout__column_tradehistory { + .tabs { + &__header::after { + display: none; + } + + &__title::after { + height: 1px; + } + } + } +} + @media screen and (max-width: 1024px) { .dex-layout__tradehistory { .tabs { @@ -231,16 +200,6 @@ w-confirm-transaction { height: 48px; line-height: 48px; min-height: 48px; - - // &_active { - // border: 0 none; - // border-bottom: 1px solid @color-submit-400; - - // &::after, - // &::before { - // display: none; - // } - // } } } } diff --git a/src/modules/ui/directives/transaction/transactions.less b/src/modules/ui/directives/transaction/transactions.less index 1c2dc6ba6d..8ccf90a7a3 100644 --- a/src/modules/ui/directives/transaction/transactions.less +++ b/src/modules/ui/directives/transaction/transactions.less @@ -7,6 +7,18 @@ border-radius: @border-radius; box-shadow: @shadow-type-1; background: @color-white; + + .row { + &:first-child { + border-top-left-radius: @border-radius; + border-top-right-radius: @border-radius; + } + + &:last-child { + border-bottom-left-radius: @border-radius; + border-bottom-right-radius: @border-radius; + } + } } .status-label, diff --git a/src/modules/ui/directives/transactionList/transactionList.less b/src/modules/ui/directives/transactionList/transactionList.less index 1aeb5dcb8e..7d07233115 100644 --- a/src/modules/ui/directives/transactionList/transactionList.less +++ b/src/modules/ui/directives/transactionList/transactionList.less @@ -70,6 +70,12 @@ w-transaction-list { border-bottom: 1px solid @color-basic-50; } + &:last-child { + .w-visible { + border-bottom: none; + } + } + &:hover { background: @hover-default; } diff --git a/src/modules/utils/modals/assetInfo/assetInfo.html b/src/modules/utils/modals/assetInfo/assetInfo.html index b34f825198..d35f018dfb 100644 --- a/src/modules/utils/modals/assetInfo/assetInfo.html +++ b/src/modules/utils/modals/assetInfo/assetInfo.html @@ -1,6 +1,6 @@
- +
-

-
+
@@ -21,7 +21,7 @@ class="exportAccounts-modal__avatar">
diff --git a/src/modules/utils/modals/exportAccounts/exportAccounts.less b/src/modules/utils/modals/exportAccounts/exportAccounts.less index 8314c331d8..a75ca18027 100644 --- a/src/modules/utils/modals/exportAccounts/exportAccounts.less +++ b/src/modules/utils/modals/exportAccounts/exportAccounts.less @@ -98,6 +98,7 @@ &__password { margin-right: 5px; color: @color-basic-900; + font-size: 15px; } &__form { diff --git a/src/modules/utils/modals/receive/receiveCryptocurrency/receive-cryptocurrency.html b/src/modules/utils/modals/receive/receiveCryptocurrency/receive-cryptocurrency.html index 322021e99a..c7403149df 100644 --- a/src/modules/utils/modals/receive/receiveCryptocurrency/receive-cryptocurrency.html +++ b/src/modules/utils/modals/receive/receiveCryptocurrency/receive-cryptocurrency.html @@ -77,7 +77,7 @@ -
+
diff --git a/src/modules/utils/modals/settings/settings.html b/src/modules/utils/modals/settings/settings.html index f1a23f4796..99984f3c5d 100644 --- a/src/modules/utils/modals/settings/settings.html +++ b/src/modules/utils/modals/settings/settings.html @@ -87,25 +87,10 @@ -
- -
-
-
- -
-
- -
{{$ctrl.blockHeight}}
@@ -159,22 +144,26 @@
{{::$ctrl.publicKey}}
-
+
{{::$ctrl.address}}
-
-
-
{{::$ctrl.id}}
-
+ +
+
+
+ +
+
+ -
+
@@ -183,7 +172,7 @@
-
+
diff --git a/src/modules/welcome/less/section-welcome.less b/src/modules/welcome/less/section-welcome.less index da1217e278..dba34c2de6 100644 --- a/src/modules/welcome/less/section-welcome.less +++ b/src/modules/welcome/less/section-welcome.less @@ -103,6 +103,22 @@ } } +@media screen and (min-width: 2040px) { + .section-welcome { + height: 870px; + } +} + +@media screen and (min-width: 2400px) { + .section-welcome { + height: 970px; + + &__dex-screenshot { + top: 55px; + bottom: 55px; + } + } +} @media screen and (max-width: 1440px) { .section-welcome { &__left { diff --git a/src/themeConfig/black/config.less b/src/themeConfig/black/config.less index 88539a1f10..a250afd489 100644 --- a/src/themeConfig/black/config.less +++ b/src/themeConfig/black/config.less @@ -9,6 +9,7 @@ @fader-opacity: .3; @fader-background: #000; @header-dropdown-hover: #353535; +@header-user-account-border: #424242; @dex-selected-item-bg: #353535; @@ -202,6 +203,7 @@ @shadow-buttons-hover: 0 2px 8px 0 rgba(0, 0, 0, 0.4); @shadow-tooltip-confirm: 0 0 20px rgba(0, 0, 0, 0.5); @shadow-dex-welcome: 0 1px 4px 0 rgba(203, 221, 239, 0.2); +@shadow-portfolio-dropdown: 0 4px 18px 0 rgba(0, 0, 0, .5); // Hovers @hover-default: rgba(53, 53, 53, .7); diff --git a/src/themeConfig/black/icons.less b/src/themeConfig/black/icons.less index 37044a9244..58d2ba93d6 100644 --- a/src/themeConfig/black/icons.less +++ b/src/themeConfig/black/icons.less @@ -1,5 +1,5 @@ @logo-header: url(/img/icons/wavesdex-invert-32.svg); -@logo-footer: url(/img/icons/wavesdex-black-32.svg); +@logo-footer: url(/img/icons/wavesdex-invert-32.svg); /* mobile and top menu icons */ @power-icon: url(/img/icons/dark/menu/power-disabled-600.svg); @@ -120,7 +120,7 @@ @import-modal-icon-beta: url(/img/icons/logo-beta.svg); @import-modal-icon-old: url(/img/icons/logo-alfa.svg); -@import-modal-icon-ledger: url(/img/icons/logo-ledger.svg); +@import-modal-icon-ledger: url(/img/icons/logo-ledger-white.svg); @import-modal-icon-keeper: url(/img/icons/keeper-icon.svg); @import-modal-icon-error: url(/img/icons/icon-error-import.svg); @not-saved-account-icon: url(/img/icons/userimg-empty-box-150.svg); @@ -135,7 +135,7 @@ @arrow-right-white-icon: url(/img/icons/arrow-right-white.svg); @smart-asset-marker-icon: url(/img/icons/smart-asset-marker.svg); @sponsored-asset-marker-icon: url(/img/icons/sponosred-asset-marker.svg); -@select-arrow-icon: url(/img/icons/select-arrow.svg); +@select-arrow-icon: url(/img/icons/select-arrow-black.svg); @select-arrow-active-icon: url(/img/icons/select-arrow-active.svg); @migrate-lock-icon: url(/img/icons/lock-basic-200.svg); @migrate-success-icon: url(/img/icons/migrate-success.svg); @@ -154,4 +154,4 @@ @dex-screenshot: url(/img/landing/dex-screenshot.png); @importBackupFile-icon: url(/img/icons/keystore-file.svg); @importBackupPassword-icon: url(/img/icons/backup-password.svg); -@importKeyStore-file-icon: url(/img/icons/import-keystore-file.svg); +@importKeyStore-file-icon: url(/img/icons/dark/import-keystore-file-dark.svg); diff --git a/src/themeConfig/default/config.less b/src/themeConfig/default/config.less index e6373c9c2b..7fba8e98ae 100644 --- a/src/themeConfig/default/config.less +++ b/src/themeConfig/default/config.less @@ -9,6 +9,7 @@ @fader-opacity: .3; @fader-background: @color-basic-900; @header-dropdown-hover: @color-info-50; +@header-user-account-border: @color-info-50; @dex-selected-item-bg: @color-info-50; @@ -203,6 +204,7 @@ @shadow-buttons-hover: 0 2px 8px 1px rgba(199, 210, 222, 0.6); @shadow-tooltip-confirm: 0 0 19px rgba(97, 116, 144, 0.25); @shadow-dex-welcome: 0 1px 4px 0 rgba(203, 221, 239, 0.2); +@shadow-portfolio-dropdown: 0 2px 4px 0 rgba(218, 225, 233, 0.5); // Hovers @hover-default: rgba(248, 249, 251, .5);