.topic {
  &.is-topic-official {
    border-left-color: $red;

    h1 a,
    h1 a:visited {
      color: $red;
    }
  }

  .topic-title a {
    &:hover {
      color: $pink;
    }

    &:visited {
      color: $pink;
    }
  }

  .topic-info-comments a {
    &:visited {
      color: $cyan;
    }
  }

  // Make the domain colored as $foreground, it has no other selectors so aria-label is the workaround
  div[aria-label='Link domain'],
  .time-responsive {
    color: $foreground;
  }
}

.topic-full {
  .topic-full-byline {
    color: $foreground;
  }
}