From eb514d0894e2ec10bd24cd8b511107b2ddefafd8 Mon Sep 17 00:00:00 2001 From: Andrei Guliaikin Date: Tue, 11 May 2021 21:03:23 +0200 Subject: [PATCH] Create theming.md --- src/ru/client_development/theming.md | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 src/ru/client_development/theming.md 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