From ae1f1d0929a35f9b506a2db111b1e8d153007081 Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Wed, 9 Mar 2022 02:04:15 -0800
Subject: [PATCH] Change Sidebar and Topbar

---
 qortal-ui-core/src/components/app-info.js       | 2 +-
 qortal-ui-core/src/components/app-view.js       | 8 ++++----
 qortal-ui-core/src/components/sidenav-menu.js   | 2 +-
 qortal-ui-core/src/components/wallet-profile.js | 8 ++++++--
 4 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/qortal-ui-core/src/components/app-info.js b/qortal-ui-core/src/components/app-info.js
index 16937bc2..8fd26975 100644
--- a/qortal-ui-core/src/components/app-info.js
+++ b/qortal-ui-core/src/components/app-info.js
@@ -54,7 +54,7 @@ class AppInfo extends connect(store)(LitElement) {
                     flex: 0 0 100px;
                     padding:12px;
                     border-top: 1px solid var(--border);
-                    background: var(--white);
+                    background: var(--sidetopbar);
                 }
                 .info {
                     margin: 0;
diff --git a/qortal-ui-core/src/components/app-view.js b/qortal-ui-core/src/components/app-view.js
index 64de88e5..d8e0a021 100644
--- a/qortal-ui-core/src/components/app-view.js
+++ b/qortal-ui-core/src/components/app-view.js
@@ -38,7 +38,7 @@ class AppView extends connect(store)(LitElement) {
 
                 app-drawer {
                     box-shadow: var(--shadow-2);
-                    background: var(--white);
+                    background: var(--sidetopbar);
                 }
 
                 app-header {
@@ -46,7 +46,7 @@ class AppView extends connect(store)(LitElement) {
                 }
 
                 app-toolbar {
-                    background: var(--white);
+                    background: var(--sidetopbar);
                     color: var(--black);
                     border-top: var(--border);
                 }
@@ -55,7 +55,7 @@ class AppView extends connect(store)(LitElement) {
                     height: 100vh;
                     display: flex;
                     flex-direction: column;
-                    background: var(--white);
+                    background: var(--sidetopbar);
                 }
 
                 .sideBarMenu{
@@ -75,7 +75,7 @@ class AppView extends connect(store)(LitElement) {
                 #sideBar::-webkit-scrollbar-thumb {
                      background-color: #333;
                      border-radius: 6px;
-                    border: 3px solid #333;
+                     border: 3px solid #333;
                 }
             `
         ]
diff --git a/qortal-ui-core/src/components/sidenav-menu.js b/qortal-ui-core/src/components/sidenav-menu.js
index e407ad28..af78ab4d 100644
--- a/qortal-ui-core/src/components/sidenav-menu.js
+++ b/qortal-ui-core/src/components/sidenav-menu.js
@@ -20,7 +20,7 @@ class SidenavMenu extends connect(store)(LitElement) {
         .mcd-menu {
           list-style: none;
           padding: 0px 0px;
-          background:  var(--white);
+          background:  var(--sidetopbar);
           border-radius: 2px;
           width: 100%;
           outline: none;
diff --git a/qortal-ui-core/src/components/wallet-profile.js b/qortal-ui-core/src/components/wallet-profile.js
index be67c5cd..99fa52f5 100644
--- a/qortal-ui-core/src/components/wallet-profile.js
+++ b/qortal-ui-core/src/components/wallet-profile.js
@@ -36,17 +36,19 @@ class WalletProfile extends connect(store)(LitElement) {
                 #profileInMenu {
                     padding: 12px;
                     border-top: var(--border);
-                    background: var(--white);
+                    background: var(--sidetopbar);
                     color: var(--black);
                 }
+
                 #profileInMenu:hover {
-                    /* cursor:pointer; */
                 }
+
                 #accountIcon {
                     font-size:48px;
                     color: var(--mdc-theme-primary);
                     display: inline-block;
                 }
+
                 #accountName {
                     margin: 0;
                     font-size: 18px;
@@ -55,12 +57,14 @@ class WalletProfile extends connect(store)(LitElement) {
                     width:100%;
                     padding-bottom:8px;
                 }
+
                 #blocksMinted {
                     margin:0;
                     margin-top: 0;
                     font-size: 11px;
                     color: #03a9f4;
                 }
+
                 #address {
                     white-space: nowrap;
                     overflow: hidden;