@import '_colors.sass'

body:not(.theme),
body.theme-light,
body.theme-dark,
body.theme-black
  .toast
    color: $foreground
    border-color: $comment
    background-color: $background

  .divider
    border-color: $background

  .empty-subtitle
    color: $foreground

  .post-listing
    .topic
      background-color: $background

    .label-topic-tag
      color: $comment

  .link-user
    color: $green

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

    &:visited
      color: $green

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

  .label-topic-tag a
    color: $comment

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

  .text-secondary
    font-style: normal
    font-weight: bold
    color: $comment

  .text-warning
    color: $background
    background-color: $orange
    padding: 10px

  blockquote.text-warning
    color: $foreground
    background-color: $background

  .form-status-success
    color: $green

  .form-status-error
    color: $red

  .is-comment-new .comment-text
    color: $foreground

  .is-topic-official h1 a:visited
    color: $red

  .label-topic-tag-spoiler
    background-color: $yellow

    a
      color: $background

  .label-topic-tag-nsfw
    background-color: $red

    a
      color: $background

  .topic-voting.btn
    border-style: solid

  .btn,
  .btn.btn-link
    color: $cyan
    border-color: $cyan
    background: transparent

    &:hover,
    &:active,
    &:focus
      color: $background
      border-color: $pink
      background: $pink

    &:visited
      color: $cyan
      border-color: $cyan
      background: transparent

      &:hover,
      &:active,
      &:focus
        color: $background
        border-color: $pink
        background: $pink

  .btn-used,
  .topic-voting.btn-used
    color: $background
    border-color: $pink
    background: $pink

    &:hover,
    &:active,
    &:focus
      color: $background
      border-color: $pink
      background: $pink

  .btn.btn-primary
    color: $background
    background: $cyan
    border-color: $cyan

    &:hover,
    &:active,
    &:focus
      color: $background
      border-color: $pink
      background: $pink

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

  h1 a
    color: $red

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

  h1 a 
    color: $purple

  .topic-voting
    color: $foreground

.is-topic-mine h1 a:visited
  color: $purple

.topic-icon
  border-color: $cyan

.is-comment-by-op>.comment-itself
  border-color: $yellow !important

.is-comment-mine>.comment-itself
  border-color: $purple !important

.is-comment-exemplary>.comment-itself
  border-color: $cyan !important

.is-comment-new>.comment-itself
  border-color: $orange !important

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