Change Sidebar and Topbar

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;

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;
                 }
             `
         ]

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;

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;