Цветной блок для имени группы

Внести вклад UX
1

Привет,
Я заметил, что на многих форумах в Discourse добавлена синяя рамка вокруг названия группы для сотрудников. Подскажите, как это можно реализовать?

Вот несколько примеров:

00
00822×144 17.9 KB
10
10809×101 4 KB

2 лайка
2

Эта тема должна быть полезной — посмотрите CSS в последнем сообщении темы, чтобы увидеть используемый прием:

А именно этот фрагмент :point_down:

// Это цвет заголовка пользователя
    .group-Employee>article>.row>.topic-body>.topic-meta-data>.names>.user-title {
    background-color: #4c3319;
}
3 лайка
3

Спасибо за вашу помощь.
С этой конфигурацией у меня получилось вот так.
04

.group-Staff>article>.row>.topic-body>.topic-meta-data>.names>.user-title {
  background-color: #66d0fa;
  border-radius: 10%;
  color: #fff;
}

Подскажите, пожалуйста, как можно изменить цвет текста на белый?

1 лайк