diff --git a/login/userMini.component.ts b/login/userMini.component.ts
index 6514cb66..56b75d5c 100644
--- a/login/userMini.component.ts
+++ b/login/userMini.component.ts
@@ -12,7 +12,7 @@ import {EnvProperties} from '../utils/properties/env-properties';
   template: `
     <ng-container *ngIf="!dashboard">
       
-      <ul *ngIf="!mobileView" class="uk-navbar-nav">
+      <ul *ngIf="!mobileView" class="uk-navbar-nav" [class.uk-dark]="dark">
         <li class="uk-parent">
           <a *ngIf="loggedIn" class="login">
             <svg height="60" width="60">
@@ -176,6 +176,7 @@ export class UserMiniComponent implements OnInit, OnChanges {
   @Input() logOutUrl;
   @Input() cookieDomain;
   @Input() redirectUrl: string;
+  @Input() dark: boolean = false;
   search: string = '';
   sub: any;
   
diff --git a/sharedComponents/navigationBar.component.html b/sharedComponents/navigationBar.component.html
index 3735382b..b92d77c3 100644
--- a/sharedComponents/navigationBar.component.html
+++ b/sharedComponents/navigationBar.component.html
@@ -298,7 +298,7 @@
             <!-- </div> -->
             <!-- <div  *ngIf="userMenu" class="uk-navbar-right"> -->
             <!-- <div  *ngIf="userMenu" class="uk-navbar-right"> -->
-            <user-mini *ngIf="userMenu" [user]="user"
+            <user-mini *ngIf="userMenu" [user]="user" [dark]="true"
                        [redirectUrl]="(communityId && communityId !== 'connect')?null:properties.afterLoginRedirectLink"
                        [userMenuItems]=userMenuItems [logInUrl]=properties.loginUrl [logOutUrl]=properties.logoutUrl
                        [cookieDomain]=properties.cookieDomain></user-mini>
diff --git a/sharedComponents/navigationBar.component.ts b/sharedComponents/navigationBar.component.ts
index 1534a1eb..126f3cb0 100644
--- a/sharedComponents/navigationBar.component.ts
+++ b/sharedComponents/navigationBar.component.ts
@@ -13,6 +13,7 @@ import {Subscription} from "rxjs";
 })
 export class NavigationBarComponent {
   @Input() portal: string = "connect";
+  @Input() dark: boolean = false;
   @Input() onlyTop: boolean;
   @Input() logoPath: string = "assets/common-assets/";
   @Input() userMenu: boolean = true;