I’d like to create a forum index that resembles Flarum, where colour coded labels indicate which forum each topic belongs to.

bbPress conveniently outputs the names of each forum a topic is assigned to. Unfortunately, using just CSS, there is no way to assign different colours to each forum.

I’d like each different forum to have an ID selector, much like WordPress posts do, so that I could easily assign colour.

Example:

bbp-topic-started-in#forum-1 a {
background: green;
}
bbp-topic-started-in#forum-2 a {
background: yellow;
}

Could someone tell me, a) how I could accomplish this, or b) how I could present this for consideration in a future bbPress release?

[@robkk Moderator 8 years, 8 months ago]

Unfortunately, using just CSS, there is no way to assign different colours to each forum.

Yeah there is. I used to do this with CSS way back.

Here is something I did real quick and an image to show you, that you can do it.

#bbpress-forums ul.bbp-parent-forum-8 span.bbp-topic-started-in a {
  background-color: #00a6eb;
  color: #FFF;
  padding: 3px 5px;
  vertical-align: middle;
}

#bbpress-forums ul.bbp-parent-forum-0 span.bbp-topic-started-in a {
  background-color: #E25E00;
  color: #fff;
  padding: 3px 5px;
  vertical-align: middle;
}