sd-webui-lobe-theme/README-zh_CN.md

Lobe Theme

高定 Stable Diffusion 现代主题, 诸多体验优化

历史版本为 Kitchen Theme

English · 简体中文 · 变更日志 · 反馈问题 · 功能建议

文档目录

TOC

• ✨ 主题特性
• 📦 插件安装
• 🤯 使用说明
• 🖥 兼容环境
• ⌨️ 本地开发
• 🤝 参与贡献
• 🔗 链接

📦 Version 2.0.0 后更名为 Lobe Theme, 遗产版本可以可访问 sd-webui-kitchen-theme-legacy

✨ 主题特性

• 🌗 支持亮暗色主题，可以导航栏快速切换
• 🌈 支持主题颜色和中性色自定义，支持 Logo 自定义
• 🪄 支持 Prompt 一键格式化，并提供简易的标签编辑器
• 🎛️ 高定制侧边栏，左侧为快捷设置侧边栏，右侧为模型侧边栏
• 🖼️ 可调节画板比例，使生成图像始终置顶
• 📱 移动端友好，针对手机屏幕完成部分优化
• 🌍 支持 i18n 并欢迎提交 PR 贡献
• 📝 语法高亮的 Prompt 输入框
• 📦 支持 PWA 渐进式 Web 应用

📦 插件安装

方法一

通过 stable diffusion webui 插件市场搜索 Lobe Theme 或 Kitchen Theme 进行安装

👉 提示：Version 2.0.0 后更名为 Lobe Theme

方法二

作为扩展（推荐） 将存储库克隆到您的扩展文件夹中：

git clone "https://github.com/canisminor1990/sd-webui-lobe-theme" extensions/lobe-theme

👉 提示：最低要求 gradio-3.23.0 & sd-webui 4c1ad74

🤯 使用说明

亮暗色主题

👉 Tip: 可在右上角导航栏快速切换

当前主题支持亮暗色双主题，如果你想强制使用暗色模式，使用参数 --theme=dark 启动您的 WebUI。例如，在 Windows 上，您的 webui-user.bat 应包括：

set COMMANDLINE_ARGS= --theme=dark

或通过 URL Props 直接切换

http://localhost:7860/?__theme=light
http://localhost:7860/?__theme=dark

主体定制

👉 Tip: 右上角 ⚙ 图标打开设置面板，当前可用设置如下

• Theme
  • Primary color 主题色：目前提供 13 种主题颜色搭配
  • Neutral color 中性色：目前提供 6 种不同色彩倾向灰阶搭配
  • Logo type 徽标种类：Lobe Kitchen 自定义
    • Logo 自定义：支持 img url base64 emoji，当填入单个 emoji 时会自动替换为 3D Fluent Emoji
    • Title 标题自定义：自定义站点名称

Prompt 语法高亮

按 Stable Diffusion 语法规则，自动染色 prompt 显示

侧边栏定制

👉 Tip: 右上角 ⚙ 图标打开设置面板，当前可用设置如下

• Prompt Textarea
  • Display mode: scroll 固定高度滚动 | resizable 按文本行数缩放
• Sidebar
  • Default expand 默认展开: true
  • Display mode: fixed 固定 | float 悬浮
  • Default width 默认宽度: 280
• ExtraNetwork Sidebar
  • Enable 启用: true
  • Default expand 默认展开: true
  • Display mode: fixed 固定 | float 悬浮
  • Default Width 默认宽度: 340
  • Default card size 模型卡片默认尺寸: 86

推荐系统设置

Extra-Networks 扩展模型视窗

• 拇指视图
• 卡牌宽度: 86
• 卡牌高度: 128

Quick-Setting 快捷设置

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

移动端适配

针对移动端完成部分便捷性适配设计，面包屑折叠导航栏，侧边栏适配等，但有余 stable diffusion 界面复杂度和定值难度较高无法保证和桌面端相同的使用体验，有更多想法欢迎反馈。

PWA 渐进式 Web 应用

可以使用渐进式 Web 应用 PWA 在计算机或移动设备上享受快速 Stable Diffusion 体验

• 在计算机上打开 Chrome
• 打开 Stable Diffusion 网页
• 在地址栏的右上角，点击 安装 图标
• 按照屏幕上的说明安装该 PWA

提示词格式化

点击 Prompt 下方 🪄 按钮即可将提示词一键格式化

👉 Tip: 全角标点转半角，去除多余空格，补充缺失逗号，把 Extra-Networks 模型移动到末尾

格式化前

photorealistic   photo of a handsome male (wizard  :1.2）， <lora:LuisapHotlineStyle:0.5> <lora:ElegantHanfuRuqunStyle:0.2>    short beard, white wizard  shirt, (with golden    trim:0.8),

格式化后

photorealistic photo of a handsome male, (wizard:1.2), short beard, white wizard shirt, (with golden trim:0.8), <lora:LuisapHotlineStyle:0.5>, <lora:ElegantHanfuRuqunStyle:0.2>

🖥 兼容环境

Chrome	Edge	Safari
last 2 versions	last 2 versions	last 2 versions

⚠️ 目前已知道在 Firefox 火狐浏览器上存在样式兼容问题

⌨️ 本地开发

你可以使用 Gitpod 进行在线开发：

或者克隆到本地开发, 热更新开发模式需要将 stable diffuison 提前启动到 7860 端口:

$ git clone https://github.com/canisminor1990/sd-webui-lobe-theme.git
$ cd sd-webui-lobe-theme
$ pnpm install
$ pnpm start

🤝 参与贡献

📊 Total: 10

🔗 链接

• stable-diffusion-webui：https://github.com/AUTOMATIC1111/stable-diffusion-webui
• gradio-theme-gallery: https://huggingface.co/spaces/gradio/theme-gallery
• cozy-nest: https://github.com/Nevysha/Cozy-Nest
• before 1.0.0 version
  • sd-web-ui-quickcs: https://github.com/Gerschel/sd-web-ui-quickcss/
  • Dark-Themes-SD-WebUI-Automatic1111: https://github.com/Nacurutu/Dark-Themes-SD-WebUI-Automatic1111

---

📝 License

Copyright © 2023 CanisMinor.
This project is AGPL3 licensed.