@import '_colors.sass'

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

  .topic-info
    color: $foreground
    background-color: $background

  .time-responsive-full
    color: $foreground

  .topic-content-metadata
    color: $foreground

  .topic-text-excerpt
    color: $comment

    &[open]
      color: $foreground

    summary,
    summary::after
      color: $comment

  .link-group
    color: $orange

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

  .topic-info-comments a
    .topic-info-comments-new
      color: $orange

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

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

    &:visited
      color: $cyan

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

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