Привет, Meta! Я создал тему для Discourse, сосредоточившись на четких цветовых акцентах и тонко дифференцированных областях контента, чтобы создать приятный опыт чтения.
В десктопной версии я также переместил аватар создателя темы на левую сторону заголовка, чтобы придать ему более высокий приоритет в дизайне.
Было также интересно поэкспериментировать с шрифтами с засечками, и в итоге “Playfair Display” действительно придает теме характер (хе-хе).
Еще одна интересная особенность: поскольку заголовок темы черный, вы можете использовать некоторые аспекты логотипа через настройки темы (инверсия цвета, поворот оттенка и яркость).
Надеюсь, вам понравится, вы будете использовать её и форкнуть её :100}!
Укажите значение в градусах для изменения цвета вашего логотипа. Если вы не знаете, что это такое, оставьте значение 0 или поищите в Google ‘css filter hue rotation’
Яркость логотипа
Установите уровень яркости, который вы хотите добавить к вашему логотипу (если хотите сделать его темнее, укажите отрицательное число)
Честно говоря, это одна из лучших тем, которые я когда-либо находил! Большое спасибо
Мне нужна небольшая помощь, если это не слишком обременительно, @ruidovisual
Я полный новичок во всём этом, так что простите мою наивность. Мне удалось сделать форк вашего файла и изменить цветовые темы. Мне нужно поменять шрифт, и я вижу, что это можно сделать, импортировав свой собственный семейный шрифт внутри переменной SCSS?
Что я не могу понять, так это как установить два разных шрифта: один для заголовков, заголовков и т. д., а другой для основного текста.
Будет очень здорово, если вы сможете мне помочь, я знаю, что это может быть совершенно не в рамках ваших задач, но это, безусловно, очень поможет
Самый простой способ — задать свойство font-family для тега body (думаю, лучше всего это сделать в common.scss):
body {
font-family: 'Название вашего семейства шрифтов', [ЗАПАСНЫЕ ВАРИАНТЫ];
}
Не знаю, добавляешь ли ты свои шрифты или используешь шрифты Google, но я бы посоветовал выбрать семейство из каталога Google.
Не забудь заменить [ЗАПАСНЫЕ ВАРИАНТЫ] на нужные тебе запасные шрифты в зависимости от выбранного типа шрифта. Подробнее о запасных шрифтах для font-family можно прочитать здесь
Что касается изменения шрифта для заголовков и тегов h1–h6, думаю, ты уже разобрался с этим, но напомним: помимо импорта, его нужно объявить на строке 116 в файле variables.scss
@ruidovisual Спасибо за объяснение! Благодаря вам я разобрался, как изменить шрифты!
Сейчас я экспериментирую с собственной светлой и тёмной версиями темы. Использую цветовые палитры, чтобы максимально избежать работы с CSS.
Мне удалось настроить почти всё, кроме этих двух элементов:
Строка состояния под постом имеет специальный эффект в вашей теме, и я не могу управлять ею через цветовую палитру. Как настроить это с помощью CSS? Какой элемент нужно выбрать?
Спасибо за эту тему, мне она очень нравится! Один из самых приятных стилей Discourse, которые я когда-либо видел
Есть только одна проблема: при массовых операциях в категории чекбоксы не отображаются, поэтому я не могу выбрать несколько тем. Это меня очень беспокоит, и из-за этой проблемы я не могу регулярно использовать тему. Можно ли это исправить? <3
Размещено у нас? Темы доступны для использования в наших тарифах Standard, Business и Enterprise.
