@import '_colors.sass'

body:not(.theme),
body.theme-light,
body.theme-dark,
body.theme-black
  .btn-comment-collapse
    color: $cyan
    border-color: $cyan
    background: transparent

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

  .comment
    border-color: $background
    
    &:target > .comment-itself
      border-left: 3px solid $green !important

    .comment-itself
      header
        background-color: $background

    .comment-nav-link
      color: $cyan

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

      &:visited
        color: $cyan

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

    .comment-user-info
      color: $yellow

    .time-responsive-full
      color: $foreground

  .comment-exemplary-reasons
    background-color: $background
    padding: 5px

    &[open]
      border-bottom: 1px solid $cyan

    ul
      margin-left: 1.3rem
      margin-bottom: 0

  .comment-votes
    color: $foreground

  .comment[data-comment-depth='0']
    border-color: $background

  .is-comment-collapsed header .link-user
    color: $green

  .label-comment-exemplary
    color: $background
    border-color: $cyan
    background-color: $cyan

  .btn-post
    padding: 0

  .btn-post-action
    color: $cyan
    padding: 6px 8px
    margin: 6px
    margin-bottom: 0px

    &:hover,
    &:active,
    &:focus
      color: $pink
      text-decoration: none

  .btn-post-action-used
    color: $pink
    text-decoration: underline

    &:hover,
    &:active,
    &:focus
      color: $cyan
      text-decoration: underline

.btn-comment-label-exemplary
  color: $cyan
  border-color: $cyan

  &:hover
    color: $cyan

  &.btn-used:hover
    color: $background
    background-color: $cyan

.btn-comment-label-offtopic
  color: $green
  border-color: $green

  &:hover
    color: $green

  &.btn-used:hover
    color: $background
    background-color: $green

.btn-comment-label-joke
  color: $yellow
  border-color: $yellow

  &:hover
    color: $yellow

  &.btn-used:hover
    color: $background
    background-color: $yellow

.btn-comment-label-noise
  color: $orange
  border-color: $orange

  &:hover
    color: $orange

  &.btn-used:hover
    color: $background
    background-color: $orange

.btn-comment-label-malice
  color: $red
  border-color: $red

  &:hover
    color: $red

  &.btn-used:hover
    color: $background
    background-color: $red

.btn-comment-label.btn-used
  border: none