Misago/frontend/style/flavor/ranks-flavors.less

//
// Default flavors for user ranks
// --------------------------------------------------

.post-rank-flavor(@border, @title) {
  .panel-post {
    border-color: @border;
  }

  .user-title {
    color: @title;

    a, a:link, a:visited,
    a:focus, a:hover, a:active {
      color: @title;
    }
  }
}

.card-rank-flavor(@border, @title, @color) {
  .panel-body {
    background: @body-bg;
    border: 2px solid @border;
    border-radius: @panel-border-radius;
    padding: @panel-body-padding - 2px;
  }

  .user-card-title {
    color: @title;

    a.user-title {
      &, &:link, &:visited,
      &:focus, &:hover, &:active {
        color: @title;
      }
    }
  }

  .user-card-stats li {
    color: @color;
  }
}

.list-group-rank-flavor(@border, @title) {
  border-left: 4px solid @border;
  padding-left: 11px;

  span.rank-name {
    color: @title;
  }

  a.rank-name {
    &, &:link, &:visited,
    &:focus, &:hover, &:active {
      color: @title;
    }
  }
}

.user-profile-rank-flavor(@color) {
  .user-rank {
    color: @color;

    a, a:link, a:visited,
    a:focus, a:hover, a:active {
      color: @color;
    }
  }
}


// Posts
.post-primary {
  .post-rank-flavor(#b388ff, #6200ea);
}

.post-success {
  .post-rank-flavor(#00c853, #388e3c);
}

.post-warning {
  .post-rank-flavor(#ffab40, #ff6d00);
}

.post-danger {
  .post-rank-flavor(#ff8a80, #d50000);
}


// Cards
.user-card-primary {
  .card-rank-flavor(#b388ff, #6200ea, #9575cd);
}

.user-card-success {
  .card-rank-flavor(#00c853, #388e3c, #66bb6a);
}

.user-card-warning {
  .card-rank-flavor(#ffab40, #ff6d00, #ff6e40);
}

.user-card-danger {
  .card-rank-flavor(#ff8a80, #d50000, #e57373);
}


// Posters ranking
.list-group {
  .list-group-rank-primary {
    .list-group-rank-flavor(#7e57c2, #6200ea);
  }

  .list-group-rank-success {
    .list-group-rank-flavor(#9ccc65, #388e3c);
  }

  .list-group-rank-warning {
    .list-group-rank-flavor(#ff7043, #ff6d00);
  }

  .list-group-rank-danger {
    .list-group-rank-flavor(#f44336, #d50000);
  }
}


// User profiles
.page-header-rank-primary {
  .user-profile-rank-flavor(#6200ea);
}

.page-header-rank-success {
  .user-profile-rank-flavor(#388e3c);
}

.page-header-rank-warning {
  .user-profile-rank-flavor(#ff6d00);
}

.page-header-rank-danger {
  .user-profile-rank-flavor(#d50000);
}