src/app/core/header/header.scss

/*
 * Copyright 2017-present Open Networking Foundation

 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at

 * http://www.apache.org/licenses/LICENSE-2.0

 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@import './../../style/vars.scss';

#toast-container [toast]:not(:first-child) {
  margin-top: 10px !important;
}

xos-header {
  .navbar-brand {
    padding: 10px 30px !important;
    position: relative;
    background: #24262d !important;
    span {
      position: absolute;
      right: 30px;
      bottom: 0;
      color: lighten(#24262d, 40%);
    }
  }

  .navbar-default {
    background: #2a2d35 !important;
  }

  .dropdown-menu {
    background: #2a2d35 !important;
    min-width: 300px;

    /* service status */
    .table {
      margin-bottom: 0;
    }

    .table tr th:first-child {
      padding-left: 20px;
    }

    .table tr th:last-child {
      padding-right: 20px;
    }

    /* search bar */

    li.uib-typeahead-match > a {
      color: #ccc;
    }

    li.uib-typeahead-match.active > a,
    li.uib-typeahead-match.active > a:hover,
    li.uib-typeahead-match.active > a:focus {
      font-weight: bold;
      background-color: rgba(68, 70, 79, 0.5);
      color: #fff;
    }
  }

  .navbar-nav a {
    margin: 10px;
  }

  .navbar-nav > .open > a,
  .navbar-nav > .open > a:hover {
    color:#ffffff !important;
    background-color:rgba(246,168,33,0.1) !important;
    border-color:#f6a821;
  }

}