当前位置:首页|资讯|GitHub|Stable Diffusion|Stable Diffusion WebUI

Lobe Theme - Github 2K Stable Diffusion 现代化主题框架

作者:Canis_Minor发布时间:2024-04-01


Lobe Theme - Stable Diffusion

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 urlbase64 编码图像或 emoji 表情符号来自定义徽标。填入单个 emoji 时,系统将自动转换为 3D Fluent Emoji,丰富视觉效果。

  • 站点标题 (Title customization):允许您根据需求自定义网站的标题名称。


Prompt 语法高亮

3. Prompt 语法高亮

在使用 Stable Diffusion 模型进行 Promot 编写时,一个有效的功能是 Prompt 语法高亮。 这一功能通过按照预设的语法规则自动为输入的 Prompt 文本添加颜色编码,从而增强用户体验和操作的直观性。 Prompt 语法高亮不仅可以帮助用户更清晰地识别和构造语法结构,而且还能提升文本编辑和调试的效率。


侧边栏定制

4. 侧边栏定制

LobeTheme 的核心亮点之一莫过于其提供的高度定制化侧边栏功能,旨在让生成图片工作流程更加顺畅, 从而确保每位用户都能根据自己的偏好来调整和优化其工作空间。

通过点击界面右上角的  设置图标,您可以轻松访问和调整以下设置项:

更好的图片信息展示

5. 更好的图片信息展示

改进了生成信息的显示,对数据展现机制进行了深度优化,引入了 “一键复制” 功能,提高了信息索引效率。 比如现在你无需在冗长的字符串中进行繁琐搜索,即可迅速获取所需的 Seeds。


图片配方分享

6. 图片配方分享

推出了全新的图片分享功能。通过简单的一键操作,可以轻松分享当前图像配方,制作精美的分享图, 并且还增添了更多可定制的设置选项以供探索,从而让分享图更加个性化。


Prompt 提词器

7. Prompt 提词器

在快速设置菜单的第二个选项卡中,新增了一个直观易用的提示词编辑器。 它包括了一系列预设的标签,涵盖后期处理、风格描述等关键词,以简化您的操作流程,并帮助更高效地编辑和管理提示词。


移动端适配

8. 移动端适配

为了提升移动端用户的交互体验,LobeTheme 实现了面包屑导航的智能折叠机制以及对侧边栏的精细适配。 这些调整旨在为提供便捷而直观的导航体验,无论在何种设备上。然而,在移动端实现与桌面端相同的复杂功能和细节定制存在一定的挑战。 尤其是在对接 Stable Diffusion WebUI 界面时,复杂度和参数设定的精确性要求较高,这可能会导致移动端用户的使用体验与桌面端存在一定的差异。 如果有任何建议或想法,非常欢迎通过 GitHub Issues 或者 Pull Requests 提供反馈。


PWA 渐进式 Web 应用

9. PWA 渐进式 Web 应用

在当今多设备环境下为用户提供无缝体验的重要性。为此,我们采用了渐进式 Web 应用 PWA 技术, 这是一种能够将网页应用提升至接近原生应用体验的现代 Web 技术。通过 PWA,LobeTheme 能够在桌面和移动设备上提供高度优化的用户体验,同时保持轻量级和高性能的特点。 在视觉和感觉上,也经过精心设计,以确保它的界面与原生应用无差别,提供流畅的动画、响应式布局和适配不同设备的屏幕分辨率。


10. 提示词格式化


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

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

格式化前:

格式化后:


更多特性

  •  💎 精致 UI 设计:经过精心设计的界面,具有优雅的外观和流畅的交互效果。

  •  🖼️ 多种布局模式:在双列模式中,实现可调节画板比例,使生成图像始终置顶。

  •  🌍 国际化支持: 完整支持主要 i18n 语种,并欢迎提交 PR 贡献。

✨ 随着产品迭代持续更新,希望带来更多更多令人激动的功能!


LobeChat Cloud


SaaS 版本 LobeChat Cloud 即将发布!如果您对此感兴趣,请来这里加入我们的愿望单单。⛳️ 访问这里 👉 https://lobehub.com 


我们会在四月中下旬陆续从 Waitlist 中开启 Early Access 敬请期待~ 🦜



Copyright © 2024 aigcdaily.cn  北京智识时代科技有限公司  版权所有  京ICP备2023006237号-1