diff --git a/src/ru/client_development/theming.md b/src/ru/client_development/theming.md new file mode 100644 index 0000000..9c6b128 --- /dev/null +++ b/src/ru/client_development/theming.md @@ -0,0 +1,19 @@ +# Тематическое руководство + +Пользователи Lemmy [Bootstrap v4](https://getbootstrap.com/), и не много настраиваемых классов css, поэтому любая тема, совместимая с bootstrap v4, должна работать нормально. + +## Создание + +- Используйте такой инструмент, как [bootstrap.build](https://bootstrap.build/) для создания темы начальной загрузки v4. Экспортируйте `bootstrap.min.css` как только вы закончите, сохраните `_variables.scss` тоже. + +## Тестирование + +- Чтобы протестировать тему, вы можете использовать веб-инструменты своего браузера или плагин, например stylus, для копирования и вставки темы при просмотре Lemmy. + +## Добавление + +1. Ответвление [lemmy-ui](https://github.com/LemmyNet/lemmy-ui). +1. Скопируйте `{my-theme-name}.min.css` в `src/assets/css/themes`. (Вы также можете скопировать в `_variables.scss` если хотите). +1. Перейдите в `src/shared/utils.ts` и добавьте `{my-theme-name}` в список тем. +1. Протестируйте локально +1. Сделайте запрос pull request с этими изменениями в Github