Add support for accent color in Blockcore Explorer

- Add support for the new chain color option.
- This does remove the alpha channel for the header accent underline, so no longer transparent.
- Closes #10

src/Blockcore.Explorer/ClientApp/src/app/services/setup.service.ts

@@ -5,7 +5,6 @@ import { Observable, BehaviorSubject, Subject } from 'rxjs';
 import { Router, NavigationStart } from '@angular/router';
 import { filter } from 'rxjs/operators';
 
-
 @Injectable({
    providedIn: 'root'
 })
@@ -44,10 +43,6 @@ export class SetupService {
       private router: Router
    ) {
 
-      // this.getChains();
-      // this.setChain('blockcore');
-      // await this.setChain('BLOCKCORE');
-
    }
 
    async getChains() {
@@ -80,6 +75,10 @@ export class SetupService {
       // Update the chain subject, which should trigger consumers to do some processing.
       this.current = chain;
 
+      if (this.Chain?.Color) {
+         document.documentElement.style.setProperty('--accent', this.Chain?.Color);
+      }
+
       return null;
    }
 

src/Blockcore.Explorer/ClientApp/src/styles/blockcore.scss

@@ -68,12 +68,13 @@ a:hover {
   position: absolute;
   content: "";
   height: 0.2em;
-  bottom: 0.2em;
+  bottom: 0.16em;
   margin: 0 auto;
   left: 0;
   right: 0;
   width: 100%;
-  background: RGBA(243, 182, 35, 0.72);
+  /* background: RGBA(243, 182, 35,1);*/
+  background: var(--accent);
 }
 
 .loading-text {