VSB-TUO/UI customization 5.0 (v7.6.5) (#960)

* Navbar toggler color edit

* Fixed responsive display of logout page content

* changed the colors of toggle menu when logged in

Author: jr-rk

src/app/logout-page/logout-page.component.html

@@ -1,5 +1,5 @@
 <div class="container w-100 h-100">
-  <div class="text-center mt-5 row justify-content-md-center">
+  <div class="text-center mt-5 row justify-content-center">
     <div>
       <div class="mb-4 d-flex justify-content-center align-items-center w-100">
         <img class="login-logo" src="assets/images/vsb-symbol-logo.svg" alt="{{'repository.image.logo' | translate}}">

src/app/shared/auth-nav-menu/user-menu/user-menu.component.html

@@ -4,7 +4,7 @@
     [attr.aria-label]="'nav.user-profile-menu-and-logout' |translate" id="user-menu-dropdown">
   <li class="ds-menu-item-wrapper username-email-wrapper" role="presentation">
     {{dsoNameService.getName(user$ | async)}}<br>
-    <span class="text-muted">{{(user$ | async)?.email}}</span>
+    <b>{{(user$ | async)?.email}}</b>
   </li>
   <li class="ds-menu-item-wrapper" role="presentation">
     <a class="ds-menu-item" role="menuitem"

src/app/shared/auth-nav-menu/user-menu/user-menu.component.scss

@@ -1,4 +1,8 @@
 :host {
+  ul#user-menu-dropdown li, ul#user-menu-dropdown li > a {
+      color: #fff !important;
+  }
+
   ul.user-menu  {
     list-style: none;
     margin: 0;

src/themes/custom/styles/_custom_variables.scss

@@ -29,8 +29,9 @@
   --ds-header-bg: var(--lt-vsb-tuo-cyan);
   --ds-header-logo-height: 50px;
   --ds-header-logo-height-xs: 50px;
-  --ds-header-icon-color: var(--lt-vsb-tuo-cyan-hover);
-  --ds-header-icon-color-hover: darken(var(--lt-vsb-tuo-cyan-hover), 15%);
+  $header-icon-color: #fff;
+  --ds-header-icon-color: #{$header-icon-color};
+  --ds-header-icon-color-hover: #{darken($header-icon-color, 15%)};
   --ds-navbar-bg: var(--ds-header-bg);
   --ds-header-navbar-border-top-color: #{$white};
   --ds-header-navbar-border-bottom-color: #{$gray-400};