finsihed homepage

src/main/webapp/app/home/home.component.html

 <div class="row">
     <div class="col-md-3">
-        <span class="hipster img-fluid rounded"></span>
+        <span class="hipster img-fluid rounded" ></span>
     </div>
     <div class="col-md-9">
 
-        <h1 class="display-1" jhiTranslate="home.title">Welcome to Faeboo!</h1>
-        <h2 class="lead" jhiTranslate="home.subtitle">This is your homepage</h2>
+        <h1 class="display-1" style="color:#F6AE2D" jhiTranslate="home.title">Welcome to Faeboo!</h1>
+        <h2 class="lead" style="color:#2F4858" jhiTranslate="home.subtitle">This is your homepage</h2>
 
         <div [ngSwitch]="isAuthenticated()">
             <div class="alert alert-success" *ngSwitchCase="true">
             <br>
             <div class="alert alert-warning" *ngSwitchCase="false">
 
-                <span>You can sign in by clicking</span>
-                <a class="alert-link" (click)="login()" >sign in</a>
+                <span style="color: #3e8acc">You can sign in by clicking</span>
+                <a class="alert-link" style="color: #3e8acc"(click)="login()" >sign in</a>
             </div>
             <div class="alert alert-warning" *ngSwitchCase="false">
-                <span jhiTranslate="global.messages.info.register.noaccount">You don't have an account yet?</span>&nbsp;
-                <a class="alert-link" routerLink="register" jhiTranslate="global.messages.info.register.link">Register a new account</a>
+                <span style="color: #3e8acc" jhiTranslate="global.messages.info.register.noaccount">You don't have an account yet?</span>&nbsp;
+                <a class="alert-link" style="color: #3e8acc" routerLink="register" jhiTranslate="global.messages.info.register.link">Register a new account</a>
             </div>
 
             <iframe src="https://giphy.com/embed/NQZhGb4uBcVa0" width="900" height="270" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>

src/main/webapp/app/layouts/navbar/navbar.component.html

         </a>
         <a class="navbar-brand logo float-left" routerLink="/" (click)="collapseNavbar()">
             <span class="logo-img"></span>
-            <span jhiTranslate="global.title" class="navbar-title">FaeBoo</span>
+            <span jhiTranslate="global.title" class="navbar-title"style="color: #F6AE2D">FaeBoo</span>
     </div>
     <div class="navbar-collapse collapse" id="navbarResponsive" [ngbCollapse]="isNavbarCollapsed" [ngSwitch]="isAuthenticated()">
         <ul class="navbar-nav ml-auto">
             <li class="nav-item" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
                 <a class="nav-link" routerLink="/" (click)="collapseNavbar();trace();">
                     <span>
-                        <fa-icon icon="home"></fa-icon>
-                        <span jhiTranslate="global.menu.home">Home</span>
+                        <fa-icon style="color: #F6AE2D" icon="home"></fa-icon>
+                        <span style="color: #F6AE2D"jhiTranslate="global.menu.home">Home</span>
                     </span>
                 </a>
             </li>
             <li class="nav-item" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
                 <a class="nav-link" routerLink="/profile-head" (click)="collapseNavbar();">
                     <span>
-                        <fa-icon icon="home"></fa-icon>
-                        <span>Profile</span>
+                        <fa-icon style="color: #F6AE2D"icon="home"></fa-icon>
+                        <span style="color: #F6AE2D">Profile</span>
                     </span>
                 </a>
             </li>
             <li *ngSwitchCase="true" ngbDropdown class="nav-item dropdown pointer" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
                 <a class="nav-link dropdown-toggle" ngbDropdownToggle href="javascript:void(0);" id="entity-menu">
                     <span>
-                        <fa-icon icon="th-list"></fa-icon>
-                        <span jhiTranslate="global.menu.entities.main">
+                        <fa-icon icon="th-list" style="color: #F6AE2D"></fa-icon>
+                        <span jhiTranslate="global.menu.entities.main" style="color: #F6AE2D">
                             Entities
                         </span>
                     </span>
             <li *jhiHasAnyAuthority="'ROLE_ADMIN'" ngbDropdown class="nav-item dropdown pointer" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
                 <a class="nav-link dropdown-toggle" ngbDropdownToggle href="javascript:void(0);" id="admin-menu">
                     <span>
-                        <fa-icon icon="user-plus"></fa-icon>
-                        <span jhiTranslate="global.menu.admin.main">Administration</span>
+                        <fa-icon style="color: #F6AE2D" icon="user-plus"></fa-icon>
+                        <span jhiTranslate="global.menu.admin.main" style="color: #F6AE2D">Administration</span>
                     </span>
                 </a>
-                <ul class="dropdown-menu" ngbDropdownMenu>
+                <ul class="dropdown-menu"  ngbDropdownMenu>
                     <li>
                         <a class="dropdown-item" routerLink="admin/user-management" routerLinkActive="active" (click)="collapseNavbar()">
                             <fa-icon icon="user" fixedWidth="true"></fa-icon>
             <li ngbDropdown class="nav-item dropdown pointer" placement="bottom-right" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
                 <a class="nav-link dropdown-toggle" ngbDropdownToggle href="javascript:void(0);" id="account-menu">
                   <span *ngIf="!getImageUrl()">
-                    <fa-icon icon="user"></fa-icon>
-                    <span jhiTranslate="global.menu.account.main">
+                    <fa-icon style="color: #F6AE2D" icon="user"></fa-icon>
+                    <span style="color: #F6AE2D" jhiTranslate="global.menu.account.main">
                       Account
                     </span>
                   </span>

src/main/webapp/app/layouts/navbar/navbar.scss

     color: #ccc;
 }
 
+.dropdown-item {
+    color: #f6ae2d;
+}
+
 .jh-navbar {
     background-color: #353d47;
     padding: 0.2em 1em;