discourse-solved/assets/stylesheets/solutions.scss

$solved-color: green;

.select-kit {
  &.solved-status-filter {
    min-width: auto;
    margin-right: 0.5em;

    .select-kit-header {
      color: var(--primary-high);
    }
  }
}

.fa.accepted {
  color: $solved-color;
}

.post-controls .extra-buttons {
  // anon text
  .accepted-text {
    white-space: nowrap;

    .d-icon,
    .accepted-label {
      color: $solved-color;
    }
  }

  // logged in button
  .accepted {
    .d-icon,
    .d-button-label {
      color: $solved-color;
    }
  }
}

.post-controls span.accepted-text {
  padding: 8px 10px;
  font-size: $font-up-1;

  span {
    display: inline-block;
    padding: 8px 1px;
  }

  .accepted-label {
    margin-left: 7px;
  }
}

.mobile-view .solved-panel {
  margin-bottom: 15px;
}

.solved-panel {
  .by {
    display: none;
  }
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 13px;
}

aside.quote.accepted-answer {
  .title {
    display: flex;
    flex-wrap: wrap;

    &.title-only {
      padding: 12px;
    }
  }

  .accepted-answer--solver {
    margin-right: auto;
  }

  .accepted-answer--accepter {
    font-size: var(--font-down-1);
    margin-left: auto;
    margin-top: auto;
  }

  @media screen and (max-width: 768px) {
    .accepted-answer--accepter {
      width: 100%;
      margin-top: 0.25em;
      order: 3;
    }

    .quote-controls {
      order: 2;
    }
  }
}

.user-card-metadata-outlet.accepted-answers {
  display: inline-block;
}