@import '_colors.sass'

body:not(.theme),
body.theme-light,
body.theme-black,
body.theme-dark
  .site-header-logo
    color: $foreground

  .site-header-context
    color: $orange

    &:hover,
    &:active,
    &:focus
      color: $yellow

  .logged-in-user-username
    color: $green

    &:hover,
    &:active,
    &:focus
      color: $pink

  .logged-in-user-alert
    color: $background
    background-color: $orange
    padding: 0.1rem 0.3rem
    margin-top: 0.2rem
    justify-content: left

    &:hover,
    &:active,
    &:focus
      background-color: $yellow

body>header>a:nth-child(1):not(.no-header-logo)
  color: $foreground
  background-size: 32px 32px
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==')