@import '_colors.sass'

body,
body.theme-light,
body.theme-dark,
body.theme-black
  .topic-listing>li:nth-of-type(n)
    background-color: $gray-4

    div.topic-voting,
    .topic-content-metadata
      color: $gray-1

    .topic-text-excerpt
      color: $gray-2

      &[open]
        color: $gray-2

      summary::after,
      p,
      p *
        color: $gray-2

    .label-topic-tag a
      color: $gray-2

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

.topic-listing
  .topic-title a
    color: $yellow

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

    &:visited
      color: $pink

  .topic-icon
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjRTZEQjc0IiBkPSJNNTc2IDI0djEyNy45ODRjMCAyMS40NjEtMjUuOTYgMzEuOTgtNDAuOTcxIDE2Ljk3MWwtMzUuNzA3LTM1LjcwOS0yNDMuNTIzIDI0My41MjNjLTkuMzczIDkuMzczLTI0LjU2OCA5LjM3My0zMy45NDEgMGwtMjIuNjI3LTIyLjYyN2MtOS4zNzMtOS4zNzMtOS4zNzMtMjQuNTY5IDAtMzMuOTQxTDQ0Mi43NTYgNzYuNjc2bC0zNS43MDMtMzUuNzA1QzM5MS45ODIgMjUuOSA0MDIuNjU2IDAgNDI0LjAyNCAwSDU1MmMxMy4yNTUgMCAyNCAxMC43NDUgMjQgMjR6TTQwNy4wMjkgMjcwLjc5NGwtMTYgMTZBMjMuOTk5IDIzLjk5OSAwIDAgMCAzODQgMzAzLjc2NVY0NDhINjRWMTI4aDI2NGEyNC4wMDMgMjQuMDAzIDAgMCAwIDE2Ljk3LTcuMDI5bDE2LTE2QzM3Ni4wODkgODkuODUxIDM2NS4zODEgNjQgMzQ0IDY0SDQ4QzIxLjQ5IDY0IDAgODUuNDkgMCAxMTJ2MzUyYzAgMjYuNTEgMjEuNDkgNDggNDggNDhoMzUyYzI2LjUxIDAgNDgtMjEuNDkgNDgtNDhWMjg3Ljc2NGMwLTIxLjM4Mi0yNS44NTItMzIuMDktNDAuOTcxLTE2Ljk3eiIvPjwvc3ZnPg==')
    background-size: 14px 14px
    background-position: center center
    background-repeat: no-repeat
    border: none

  .link-group,
  .topic-info-comments a
    color: $yellow

    .topic-info-comments-new
      color: $blue

    &:hover,
    &:active,
    &:focus
      color: $pink
      
      .topic-info-comments-new
        color: $pink

    &:visited
      color: $yellow

      &:hover,
      &:active,
      &:focus
        color: $pink
      
        .topic-info-comments-new
          color: $pink

  .link-user
    color: $green

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

    &:visited
      color: $green

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

  .time-responsive-full
    color: $gray-1

.is-topic-official
  border-left-color: $pink !important

.is-topic-mine
  border-left-color: $purple !important