@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[data-comment-depth='0']
    border-color: $background

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

  .post-buttons
    padding: 0

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

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

  .post-button-used
    color: $pink
    text-decoration: underline

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