Градиентная шапка радуги для Discourse

:information_source: Краткое описание Градиент заголовка и градиент редактора
:eyeglasses: Предпросмотр Theme Creator
:hammer_and_wrench: Репозиторий GitHub - tracey-le/discourse-header-gradient: Gradient header - Discourse theme component · GitHub
:question: Руководство по установке Как установить тему или компонент темы
:open_book: Новичок в темах Discourse? Руководство для начинающих по использованию тем Discourse

Установить этот компонент темы

Простой радужный градиент в заголовке и редакторе в виде компонента темы — так что вы можете добавить его к другим темам.

Скриншоты

Настройки и информация

Цвета иконок в заголовке

В вашей цветовой палитре вы можете управлять цветом иконок в заголовке с помощью цветов header primary и header background. (Я хотел бы изучить возможность настройки так, чтобы вам нужно было устанавливать только одну переменную вместо двух)

Я не хотел прописывать этот цвет жестко на случай, если люди захотят установить этот компонент в нескольких темах (например, с темной и светлой цветовыми палитрами)

Вот как изменить цвет иконок:

К сведению: необходимость устанавливать оба значения связана с тем, что фактический цвет иконки заголовка зависит от смешивания header primary с цветом header background.

Благодарности

Спасибо теме Ghost cyberpunk, теме Peacock Gradient и теме Discourse Rainbow, которые вдохновляли меня или в которых я использовал код на протяжении многих лет (я добавил благодарности для каждой части в комментариях в коде темы)

TODO:

  • Надеюсь разобраться, как сделать цвета градиента настраиваемыми через параметры темы — просто у меня не было возможности этим заняться.

  • Сделать так, чтобы вы могли настраивать цвет иконок в заголовке, устанавливая только цвет header primary (цвет header background не важен для пользователя, поскольку весь фон заголовка представляет собой радужный градиент)

15 лайков