Современная тема для стабильной диффузии webui
Ранее известная как Kitchen theme
[English ](./README.md)· [简体中文](./README-zh_CN.md) · Russian · [Changelog](./CHANGELOG.md) · [Report Bug][github-issues-link] · [Request Feature][github-issues-link]
[![][github-release-shield]][github-release-link]
[![][discord-shield]][discord-link]
[![][github-releasedate-shield]][github-releasedate-link]
[![][github-action-test-shield]][github-action-test-link]
[![][github-action-release-shield]][github-action-release-link]
[![][github-contributors-shield]][github-contributors-link]
[![][github-forks-shield]][github-forks-link]
[![][github-stars-shield]][github-stars-link]
[![][github-issues-shield]][github-issues-link]
[![][github-license-shield]][github-license-link]
![][cover]
> **Warning**\
> `Lobe Theme v3` is compatible with `SD WebUI v1.6` and is not backwards compatible. Versions below `< 1.6` should be moved to the branch [legacy-sd-webui-1.5](https://github.com/lobehub/sd-webui-lobe-theme/tree/legacy-sd-webui-1.5)
Table of contents
#### TOC
- [✨ Дополнения](#-дополнения)
- [📦 Установка](#-установка)
- [🤯 Использование](#-использование)
- [🖥 Поддерживаемые браузеры](#-поддерживаемые-браузеры)
- [⌨️ Локальная разработка](#️-локальная-разработка)
- [🤝 Содействие](#-содействие)
- [🔗 Ссылки](#-ссылки)
- [Больше продуктов](#больше-продуктов)
- [Благодарности](#благодарности)
####
## ✨ Дополнения
- [x] 🌗 Поддержка светлой и темной темы, с возможностью быстрого переключения на панели навигации
- [x] 🌈 Поддержка кастомных пользовательских и нейтральных цветов с возможностью настройки логотипа
- [x] 🪄 Поддержка форматирования подсказки одним щелчком мыши с помощью простого редактора тегов
- [x] 🎛️ Высоконастраиваемая боковая панель, с боковой панелью быстрых настроек слева и боковой панелью моделей справа
- [x] 🖼️ Регулируемое соотношение холста, благодаря чему генерируемые изображения всегда отображаются сверху
- [x] 📱 Mobile-friendly, с частичной оптимизацией под мобильные экраны
- [x] 🌍 Поддержка i18n(Поддержка разных языков) и приветствуются [PR](https://github.com/lobehub/sd-webui-lobe-theme/tree/main/locales)
- [x] 📝 Подсветка синтаксиса в поле ввода промта
- [x] 📦 Поддержка [PWA](https://support.google.com/chrome/answer/9658361)
[![][back-to-top]](#readme-top)
## 📦 Установка
#### Метод 1
Найдите `Lobe Theme` или `Kitchen Theme` в поисковике плагинов SD WebUI и установите их.
> **Note**\
> **Версия 2.0.0** была переименована в **Lobe Theme**.
#### Метод 2
В качестве расширения (рекомендуется) клонировать репозиторий в папку расширений:
```shell
git clone "https://github.com/lobehub/sd-webui-lobe-theme" extensions/lobe-theme
```
> **Important**\
> Минимальные требования `gradio-3.41.2` & `sd-webui 1.6`
#### Обновления
Добавьте проект в избранное, и вы будете получать все уведомления о релизах непосредственно с GitHub \~ ⭐️
Star History
[![][back-to-top]](#readme-top)
## 🤯 Использование
![][feat-thememode]
#### Светлая и темная темы
> **Note**\
> В правом верхнем углу панели навигации можно быстро переключаться между светлой и темной темами.
Текущая тема поддерживает как светлые, так и темные темы. Если вы хотите принудительно включить темный режим, используйте аргумент `--theme=dark` для запуска WebUI. Например, под Windows ваш `webui-user.bat` должен содержать:
```shell
set COMMANDLINE_ARGS= --theme=dark
```
Кроме того, переключение можно осуществлять непосредственно через URL:
```shell
http://localhost:7860/?__theme=light
http://localhost:7860/?__theme=dark
```
[![][back-to-top]](#readme-top)
![][feat-theme-modify]
#### Кастомизация темы
> **Note**\
> Щелкните на значке `⚙` в правом верхнем углу, чтобы открыть панель настроек. В настоящее время доступны следующие настройки:
- Тема
- Основной цвет: в настоящее время предлагается 13 цветовых комбинаций тем.
- Нейтральный цвет: в настоящее время предлагается 6 различных комбинаций оттенков серого.
- Тип логотипа: `Lobe`, `Kitchen`, `Custom`
- Пользовательский логотип: `Поддерживаются ссылки`, `base64`, и `emoji`. При вводе одного смайлика он будет автоматически заменен на 3D Fluent Emoji.
- Пользовательский заголовок: Настраиваемое название сайта/темы.
[![][back-to-top]](#readme-top)
![][feat-highlight]
#### Подсветка синтаксиса подсказок
Автоматически подсвечивать промт в соответствии с правилами синтаксиса Stable Diffusion.
[![][back-to-top]](#readme-top)
![][feat-sidebar]
#### Настройка боковой панели
> **Note**\
> нажмите значок `⚙` в правом верхнем углу, чтобы открыть панель настроек. Текущие доступные настройки следующие:
- **Текстовое поле промта**
- Режим отображения: `Фиксированная высота и скрол в поле ввода` | `Увеличение от вводимого текста`
- **Боковая панель**
- По умолчанию развернуть: `true`
- Режим отображения: `Фиксированный` | `Плавающий`
- Ширина по умолчанию: `280`
- **Панель с дом. сетями**
- Включено: `true`
- По умолчанию развернуть: `true`
- Режим отображения: `Фиксированный` | `Плавающий`
- Ширина по умолчанию: `340`
- Размер превью по умолчанию: `86`
Recommended System Settings
#### Доп. Сети
- Превью
- Ширина: 86
- высота: 128
#### Быстрые настройки (изменяются в настройках SD)
```txt
sd_model_checkpoint, sd_vae, CLIP_stop_at_last_layers, img2img_background_color, img2img_color_correction, samples_save, samples_format, grid_save, return_grid, n_rows, live_previews_enable, show_progress_every_n_steps, live_preview_refresh_period
```
[![][back-to-top]](#readme-top)
![][feat-mobile-friendly]
#### Адаптированно под мобильные устройства
Выполнена частичная адаптация удобства работы с мобильными устройствами, включая откидную панель навигации, адаптацию боковой панели и т.д. Однако из-за высокой сложности и фиксированных значений стабильного диффузного интерфейса трудно обеспечить такое же удобство работы, как и в настольной версии. Приветствуется обратная связь для поиска новых идей.
[![][back-to-top]](#readme-top)
![][feat-pwa]
#### Progress Web App
Вы можете использовать Progressive Web Apps [PWA](https://support.google.com/chrome/answer/9658361) для быстрого стабильного запуска на компьютере или мобильном устройстве.
- На компьютере откройте браузер Chrome.
- Перейдите на стабильный сайт диффузии, который вы хотите установить
- В правом верхнем углу адресной строки нажмите кнопку `Установить`
- Follow the onscreen instructions to install the PWA
[![][back-to-top]](#readme-top)
#### Форматирование подсказок
Нажмите кнопку 🪄 под строкой Prompt, чтобы отформатировать слова подсказки одним щелчком мыши.
> **Note**\
> Преобразует полноразмерные знаки препинания в полуразмерные, уберет лишние пробелы, добавит недостающие запятые и перенесёт в конец Extra-Networks (Дополнительные) модели.
Перед форматированием:
```text
photorealistic photo of a handsome male (wizard :1.2）， short beard, white wizard shirt, (with golden trim:0.8),
```
После форматирования:
```text
photorealistic photo of a handsome male, (wizard:1.2), short beard, white wizard shirt, (with golden trim:0.8), ,
```
[![][back-to-top]](#readme-top)
## 🖥 Поддерживаемые браузеры
| [](http://godban.github.io/browsers-support-badges/) Chrome | [](http://godban.github.io/browsers-support-badges/) Edge | [](http://godban.github.io/browsers-support-badges/) Safari |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| last 2 versions | last 2 versions | last 2 versions |
> **Warning**\`
> В настоящее время известна проблема совместимости со стилями в браузере Firefox.
[![][back-to-top]](#readme-top)
## ⌨️ Локальная разработка
Вы можете использовать Github Codespaces для разработки в режиме онлайн:
[![][codespaces-shield]][codespaces-link]
В качестве альтернативы можно клонировать его для локальной разработки. Для включения режима горячей загрузки необходимо предварительно запустить Stable-Diffusion на порту `7860`.
[![][bun-shield]][bun-link]
```bash
$ git clone https://github.com/lobehub/sd-webui-lobe-theme.git
$ cd sd-webui-lobe-theme
$ bun install
$ bun dev
```
[![][back-to-top]](#readme-top)
## 🤝 Содействие
Любые виды вкладов приветствуются, если вас интересует внесение кода, не стесняйтесь просмотреть наши проблемы на GitHub [Issues][github-issues-link], чтобы показать нам, из чего вы сделаны.
[![][pr-welcome-shield]][pr-welcome-link]
[![][contributors-contrib]][contributors-link]
[![][back-to-top]](#readme-top)
## 🔗 Ссылки
### Больше продуктов
- **[🤖 Lobe Chat][lobe-chat] :** Это открытая, расширяемая (с вызовом функций) высокопроизводительная рамка для чат-ботов. Она поддерживает однокликовую бесплатную развертывание вашего частного веб-приложения ChatGPT/LLM.
- **[🌏 Lobe i18n][lobe-i18n] :** Lobe i18n - это автоматизированный инструмент для процесса перевода i18n (интернационализация), работающий на основе ChatGPT. Он поддерживает такие функции, как автоматическое разделение больших файлов, инкрементные обновления и настраиваемые параметры для модели OpenAI, API прокси и температуры.
- **[💌 Lobe Commit][lobe-commit] :** Lobe Commit - это инструмент CLI, который использует Langchain/ChatGPT для создания сообщений о коммитах на основе Gitmoji.
### Благодарности
- stable-diffusion-webui：
- gradio-theme-gallery:
- cozy-nest:
- _before `1.0.0` version_
- sd-web-ui-quickcs:
- Dark-Themes-SD-WebUI-Automatic1111:
](http://godban.github.io/browsers-support-badges/)
](http://godban.github.io/browsers-support-badges/)
](http://godban.github.io/browsers-support-badges/)