Цветные подкатегории

Иконки на под категории

Добавьте в custom.css

/* Открыто */
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(1) a:before {
       content: "\f09c";
       background-color: #68a72f;
}
/* Закрыто */
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(2) a:before {
       content: "\f023";
       background-color: #e14242;
}
/* Закрыто */
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(3) a:before {
       content: "\f023";
       background-color: #e14242;
}

Где  [data-forumid="2"] это ID основной категории к которой относятся под категории.
Где li:nth-child(1) - li:nth-child(2) - li:nth-child(3) это порядковые номера под категории.

Цветные категории делаем аналогичным способом только указываем цвет текста.

[data-forumid="2"] .ipsDataItem_subList > li:nth-child(1) a {
    color: #68a72f;
}
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(2) a {
    color: #e14242;
}
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(3) a {
    color: #e14242;
}

Можно добавить оба варианта тогда получится как на скриншоте.