diff options
Diffstat (limited to 'ui/app/css/itcss/components/newui-sections.scss')
-rw-r--r-- | ui/app/css/itcss/components/newui-sections.scss | 22 |
1 files changed, 9 insertions, 13 deletions
diff --git a/ui/app/css/itcss/components/newui-sections.scss b/ui/app/css/itcss/components/newui-sections.scss index 8ff53723..0e3838e1 100644 --- a/ui/app/css/itcss/components/newui-sections.scss +++ b/ui/app/css/itcss/components/newui-sections.scss @@ -5,9 +5,6 @@ $sub-mid-size-breakpoint-range: "screen and (min-width: #{$break-large}) and (ma NewUI Container Elements */ -// Component Colors -$wallet-view-bg: $muddy-gray; - // Main container .main-container { // position: absolute; @@ -41,7 +38,7 @@ $wallet-view-bg: $muddy-gray; flex-direction: column; flex: 32 1 32%; width: 0; - background: $wallet-view-bg; + background: #f0f0f0; z-index: 200; position: relative; @@ -92,8 +89,8 @@ $wallet-view-bg: $muddy-gray; &__address { border-radius: 3px; - background-color: $dark-gray; - color: $dim-gray; + background-color: #d8d8d8; + color: $tundora; font-size: 14px; line-height: 12px; padding: 4px 12px; @@ -152,7 +149,7 @@ $wallet-view-bg: $muddy-gray; .wallet-view.sidebar-right { flex: 1 0 230px; - background: $muddy-gray; + background: #f0f0f0; z-index: $sidebar-z-index; position: fixed; top: 66px; @@ -182,8 +179,7 @@ $wallet-view-bg: $muddy-gray; // margin-top: 6.9vh; width: 85vw; height: 90vh; - border: 2px solid $geyser; - border-radius: 4px; + box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2); } } @@ -217,7 +213,7 @@ $wallet-view-bg: $muddy-gray; height: 100%; width: 100%; overflow-y: auto; - background-color: $dark-gray; + background-color: $white; } .main-container-wrapper { @@ -228,7 +224,7 @@ $wallet-view-bg: $muddy-gray; // wallet view .account-name { font-size: 24px; - color: $white; + color: $black; margin-top: 8px; margin-bottom: .9rem; white-space: nowrap; @@ -284,7 +280,7 @@ $wallet-view-bg: $muddy-gray; justify-content: center; align-items: center; flex: 1 0 auto; - background: $dark-gray; + background: $white; width: 100%; } @@ -301,7 +297,7 @@ $wallet-view-bg: $muddy-gray; width: 100%; height: 100%; justify-content: center; - background: $dark-gray; + background: $white; } // tooltip style |