Github repo: https://github.com/lobehub/sd-webui-lobe-theme
Official website: https://lobehub.com
Stable Diffusion WebUI 现代化界面框架, 具有精致的界面设计,高度可定制的用户界面和提高效率的功能
安装插件前,请检查 Stable Diffusion WebUI 版本环境,最低要求
gradio-3.41.2
&sd-webui 1.6
A
通过 SD WebUI 插件市场安装
在 Stable Diffusion WebUI 中,您可以通过内置的插件市场来安装 Lobe Theme 插件。
首先,打开 Stable Diffusion WebUI,并进入插件市场。在搜索框中输入 "Lobe Theme",然后点击搜索按钮。您将看到相关的插件列表。
找到 Lobe Theme 插件后,点击安装按钮。系统将开始下载并安装插件。安装完成后,您可以在插件列表中找到 Lobe Theme,重载 UI 后即可生效。
B
通过 Git 克隆本仓库(推荐)
如果您更喜欢使用 Git 来管理插件,您可以将存储库克隆到您的扩展文件夹中。以下是详细的步骤:
打开命令行界面,并导航到 Stable Diffusion WebUI 根目录。
在命令行中运行以下命令来克隆存储库:
一旦您完成了这些步骤,Lobe Theme 插件就会被成功安装到 Stable Diffusion WebUI 中
1.
亮暗色主题当前主题设计提供了两种视觉效果:亮色主题与暗色主题,满足用户在不同光线环境下的视觉舒适度需求,可在右上角导航栏快速切换。若您倾向于默认启用暗色主题,可通过启动参数 --theme=dark
来实现。
在启动文件中强制启用某颜色主题,例如在 Windows 系统中想要默认启用暗色模式,可在
webui-user.bat
文件添加以下内容:
此外,亦可通过 URL 参数的方式直接进行主题切换:
通过这些简洁直观的操作,用户能够根据个人偏好或当前环境,快速切换界面主题,以获得最佳的使用体验。
2.
个性化主题定制作为设计工程师出身 LobeChat 在界面设计上十分考虑用户的个性化体验,因此引入了灵活多变的主题模式, 提供了一系列的颜色定制选项,允许用户根据自己的喜好来调整应用的主题色彩。无论是想要沉稳的深蓝, 还是希望活泼的桃粉,或者是专业的灰白,用户都能够在 LobeTheme 中找到匹配自己风格的颜色选择。
通过点击页面右上角的
⚙
设置图标,您可以进入设置面板进行个性化定制。
主题色 (Primary color):我们提供了 13
种精选的主题配色方案,以满足您的个性化色彩需求。
中性色 (Neutral color):为了更细致地调整视觉体验,您还可以选择 6
种不同的中性色灰阶搭配。
徽标样式 (Logo type):您可以选择默认的 Lobe
和 Kitchen
徽标,或者进行自定义。
徽标定制 (Logo customization):支持输入 img url
、base64
编码图像或 emoji
表情符号来自定义徽标。填入单个 emoji
时,系统将自动转换为 3D Fluent Emoji,丰富视觉效果。
站点标题 (Title customization):允许您根据需求自定义网站的标题名称。
3.
Prompt 语法高亮在使用 Stable Diffusion 模型进行 Promot 编写时,一个有效的功能是 Prompt 语法高亮。 这一功能通过按照预设的语法规则自动为输入的 Prompt 文本添加颜色编码,从而增强用户体验和操作的直观性。 Prompt 语法高亮不仅可以帮助用户更清晰地识别和构造语法结构,而且还能提升文本编辑和调试的效率。
4.
侧边栏定制LobeTheme 的核心亮点之一莫过于其提供的高度定制化侧边栏功能,旨在让生成图片工作流程更加顺畅, 从而确保每位用户都能根据自己的偏好来调整和优化其工作空间。
通过点击界面右上角的
⚙
设置图标,您可以轻松访问和调整以下设置项:
5.
更好的图片信息展示改进了生成信息的显示,对数据展现机制进行了深度优化,引入了 “一键复制” 功能,提高了信息索引效率。 比如现在你无需在冗长的字符串中进行繁琐搜索,即可迅速获取所需的 Seeds。
6.
图片配方分享推出了全新的图片分享功能。通过简单的一键操作,可以轻松分享当前图像配方,制作精美的分享图, 并且还增添了更多可定制的设置选项以供探索,从而让分享图更加个性化。
7.
Prompt 提词器在快速设置菜单的第二个选项卡中,新增了一个直观易用的提示词编辑器。 它包括了一系列预设的标签,涵盖后期处理、风格描述等关键词,以简化您的操作流程,并帮助更高效地编辑和管理提示词。
8.
移动端适配为了提升移动端用户的交互体验,LobeTheme 实现了面包屑导航的智能折叠机制以及对侧边栏的精细适配。 这些调整旨在为提供便捷而直观的导航体验,无论在何种设备上。然而,在移动端实现与桌面端相同的复杂功能和细节定制存在一定的挑战。 尤其是在对接 Stable Diffusion WebUI 界面时,复杂度和参数设定的精确性要求较高,这可能会导致移动端用户的使用体验与桌面端存在一定的差异。 如果有任何建议或想法,非常欢迎通过 GitHub Issues 或者 Pull Requests 提供反馈。
9.
PWA 渐进式 Web 应用在当今多设备环境下为用户提供无缝体验的重要性。为此,我们采用了渐进式 Web 应用 PWA 技术, 这是一种能够将网页应用提升至接近原生应用体验的现代 Web 技术。通过 PWA,LobeTheme 能够在桌面和移动设备上提供高度优化的用户体验,同时保持轻量级和高性能的特点。 在视觉和感觉上,也经过精心设计,以确保它的界面与原生应用无差别,提供流畅的动画、响应式布局和适配不同设备的屏幕分辨率。
10.
提示词格式化点击 Prompt 下方 🪄 按钮即可将提示词一键格式化
全角标点转半角,去除多余空格,补充缺失逗号,把 Extra-Networks 模型移动到末尾
格式化前:
格式化后:
💎 精致 UI 设计:经过精心设计的界面,具有优雅的外观和流畅的交互效果。
🖼️ 多种布局模式:在双列模式中,实现可调节画板比例,使生成图像始终置顶。
🌍 国际化支持: 完整支持主要 i18n 语种,并欢迎提交 PR 贡献。
✨ 随着产品迭代持续更新,希望带来更多更多令人激动的功能!
SaaS 版本 LobeChat Cloud 即将发布!如果您对此感兴趣,请来这里加入我们的愿望单单。⛳️ 访问这里 👉 https://lobehub.com
我们会在四月中下旬陆续从 Waitlist 中开启 Early Access 敬请期待~ 🦜