From 463c1f8b7797ba66df72c2d0873723e1841708ad Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Sat, 30 Jun 2018 14:19:01 -0400
Subject: [PATCH] alt color navbar on self host

---
 src/app/layouts/navbar.component.html | 2 +-
 src/app/layouts/navbar.component.ts   | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/layouts/navbar.component.html b/src/app/layouts/navbar.component.html
index 69100e308b..1a1710c7fe 100644
--- a/src/app/layouts/navbar.component.html
+++ b/src/app/layouts/navbar.component.html
@@ -1,4 +1,4 @@
-<nav class="navbar navbar-expand navbar-dark bg-primary">
+<nav class="navbar navbar-expand navbar-dark bg-primary" [ngClass]="{'bg-secondary-alt': selfHosted}">
     <div class="container">
         <a class="navbar-brand" routerLink="/">
             <i class="fa fa-shield"></i>
diff --git a/src/app/layouts/navbar.component.ts b/src/app/layouts/navbar.component.ts
index 49abf0bc2d..dd24955d1a 100644
--- a/src/app/layouts/navbar.component.ts
+++ b/src/app/layouts/navbar.component.ts
@@ -3,13 +3,18 @@ import {
 } from '@angular/core';
 
 import { MessagingService } from 'jslib/abstractions/messaging.service';
+import { PlatformUtilsService } from 'jslib/abstractions/platformUtils.service';
 
 @Component({
     selector: 'app-navbar',
     templateUrl: 'navbar.component.html',
 })
 export class NavbarComponent {
-    constructor(private messagingService: MessagingService) { }
+    selfHosted = false;
+
+    constructor(private messagingService: MessagingService, private platformUtilsService: PlatformUtilsService) {
+        this.selfHosted = this.platformUtilsService.isSelfHost();
+    }
 
     lock() {
         this.messagingService.send('lockVault');