Я уже давно пытаюсь понять, как изменить цвет фона категории для блоков категорий:
Цель — наследовать основной цвет категории и добавить прозрачность к фону:
Подскажите, пожалуйста, как этого добиться?
1 лайк
Здравствуйте,
Это возможно реализовать с помощью CSS и небольших изменений в шаблоне. 
На рабочем столе у границ категорий есть переменная цвета, которую можно использовать и для фона.
Речь идёт о переменной --category-color, которая отвечает за цвет границы.
Однако, поскольку эта переменная содержит шестнадцатеричное значение, вы не можете сделать её полупрозрачной напрямую. Но вы можете добавить это к псевдоэлементу ::before, где можно установить прозрачность.
Я оформил это как компонент, чтобы вы могли установить его или сделать форк и изменить под свои нужды.
Компонент: GitHub - VaperinaDEV/discourse-category-background-color · GitHub
CSS для рабочего стола выглядит так:
На мобильных устройствах эта переменная цвета отсутствует в шаблоне, поэтому вам нужно добавить этот стиль здесь:
После этого вы можете использовать переменную --category-color и сделать что-то похожее, как на рабочем столе:
Рабочий стол
Мобильные устройства
3 лайка
Вы лучшие!
Спасибо за объяснение, я немного поиграю с этим!
1 лайк
Привет @MarcP, извини, я совершенно упустил, что ты хочешь это для блоков категорий. 
Я обновил CSS для рабочего стола, чтобы он работал и с блоками категорий.
1 лайк
Спасибо, я уже разбирался, как заставить коробки работать! Это оказалось сложнее, чем я думал. Большое спасибо!
1 лайк