@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

  .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-official h1 a:visited
  color: $red

.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-new>.comment-itself
  border-color: $orange !important

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