.mu-banner{
  background-color: @primaryColor;
}

.mu-desc-wrapper{
  background-color: fade(@alternateTextColor, 30%);
}

.exmaples-drawer{
  border-right-color: @borderColor;
}

.mu-lang {
  &:hover,
  &.active {
    color: @accentColor;
  }
}
.mu-logo{
  background-color: @alternateTextColor;
  color: @primaryColor;
}

.mu-banner-button{
  color: @primaryColor;
}


.mu-banner-title{
  color: fade(@alternateTextColor, 87%);
}

.mu-banner-sub-title{
  color: fade(@alternateTextColor, 87%);
}

.api-view-tabs{
  background-color: transparent;
  color: @textColor;
  .mu-tab-link-highlight {
    background-color: @primaryColor;
  }

  .mu-tab-link{
    color: @secondaryTextColor;
  }

  .mu-tab-active{
    color: @primaryColor;
  }
}

.api-view-title{
  color: @textColor;
}

.api-type-td{
  color: @accentColor;
}

.code-toolbar{
  background-color: darken(@darkerAccentColor, 5%);
}

.code-toolBar-title{
  color: @secondaryTextColor;
}

.code-examples {
  background-color: @dialogBackgroundColor;
}


.markdown-body {
  color: @textColor;
}

.markdown-body a {
  color: @primaryColor;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  color: @textColor;
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
  color: @textColor;
}

.markdown-body blockquote {
  color: @secondaryTextColor;
}


.markdown-body img {
  background-color: @alternateTextColor;
}
