bootstrap3 navbar、ハンバーガーメニューの色指定

bootstrap3でnavbarを書いてた時に色の調整で壁に当たったので忘備録をば
各要素の色指定

/* navbar-brand の文字色 */
  .navbar-inverse .navbar-brand {
    color: #D3D3D3;
  }
  /* navbar-brand のホバー時の文字色と背景色 */
  .navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {
    color: gray;
    background-color: #281285;
  }
  /* navbar-nav の文字色 */
  .navbar-inverse .navbar-nav>li>a {
    color: #D3D3D3;
  }
  /* navbar-nav のホバー時の文字色 */
  .navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
    color: gray;
    background-color: #281285;
  }
  /* ハンバーガーメニューのアイコンの縁の色 */
  .navbar-inverse .navbar-toggle {
    border-color: gray;
  }
  /* ハンバーガーメニューホバー時の枠の内側の色 */
  .navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
    background-color:#D3D3D3;
  }
  /* ハンバーガーメニューの三本線の色 */
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color:gray;
  }
  /* ハンバーガーメニュークリック時のnavbar-brand要素との境界線の色 */
  .navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: yellow;
  }

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
からいろいろやって特定しました