Похоже, что они использовали не публичный компонент, а кастомный шаблон Handlebars для списка категорий.
Один из способов добиться другого внешнего вида списка категорий — выбрать стандартный стиль, который ближе всего к желаемому, из настройки сайта desktop category page style, например, Подкатегории с избранными темами:
А затем стилизовать этот стандартный шаблон с помощью CSS.
С одной стороны, это довольно просто. Но, как следует из названия настройки, это влияет только на макет для десктопа. Насколько мне известно, в настоящее время существует только один стандартный макет для мобильных устройств, и он использует собственный шаблон макета. Таким образом, это может стать довольно серьёзным недостатком такого подхода.
Другой способ — действительно создать свой собственный макет и использовать его как на десктопе, так и на мобильных устройствах. В качестве примера того, как настроить это в компоненте, можно посмотреть на GitHub - discourse/discourse-minimal-category-boxes · GitHub.
Похоже, что он просто вставляет новый шаблон выше стандартных на десктопе и мобильных устройствах, а затем скрывает их с помощью CSS. Неужели это действительно самый простой и рекомендуемый подход?