ComfyUI Themes

详情

下载文件

模型描述

🎨 ComfyUI 主题:综合指南

本指南展示了我为 ComfyUI 创建的自定义主题,通过精心设计的配色方案和优化的视觉层次,提升您的工作流程体验。

✅ 这些主题通过深思熟虑的色彩组合,旨在减轻眼部疲劳并提高工作效率。


🧩 工作原理

每个主题由三个主要组件构成:

  1. 节点插槽:不同连接类型的颜色(例如 BOOLEAN、CLIP、IMAGE)

  2. Litegraph 基础:图形界面元素(节点、连线、控件)

  3. Comfy 基础:主用户界面组件(菜单、输入框、内容区域)


🔧 主题配色策略(详细)

以下是每个主题的详细色彩方案:

Nord 主题

受 Nord 色彩方案启发的冷色调主题,适合长时间使用。

  • 节点插槽:

    • BOOLEAN:#8FBCBB

    • CLIP:#88C0D0

    • IMAGE:#81A1C1

    • (以及其他插槽类型)

  • Litegraph 基础:

    • NODE_TITLE_COLOR:#ECEFF4

    • LINK_COLOR:#81A1C1

    • (以及其他 Litegraph 元素)

  • Comfy 基础:

    • fg-color:#ECEFF4

    • bg-color:#2E3440

    • (以及其他 UI 元素)

Monokai Pro 主题

以深色背景搭配鲜艳色彩,提供高对比度。

  • 节点插槽:

    • BOOLEAN:#ab9df2

    • CLIP:#a6e22e

    • IMAGE:#f92672

    • (以及其他插槽类型)

  • Litegraph 基础:

    • NODE_TITLE_COLOR:#f8f8f2

    • LINK_COLOR:#66d9ef

    • (以及其他 Litegraph 元素)

  • Comfy 基础:

    • fg-color:#f8f8f2

    • bg-color:#272822

    • (以及其他 UI 元素)

紫色调主题

独特的一系列紫色渐变,适合创意工作。

  • 节点插槽:

    • BOOLEAN:#cc99ff

    • CLIP:#b380ff

    • IMAGE:#800080

    • (以及其他插槽类型)

  • Litegraph 基础:

    • NODE_TITLE_COLOR:#efbbff

    • LINK_COLOR:#be29ec

    • (以及其他 Litegraph 元素)

  • Comfy 基础:

    • fg-color:#efbbff

    • bg-color:#660066

    • (以及其他 UI 元素)

Atom One Dark 主题

广受欢迎的深色主题,色彩均衡,可读性强。

  • 节点插槽:

    • BOOLEAN:#c678dd

    • CLIP:#98c379

    • IMAGE:#e06c75

    • (以及其他插槽类型)

  • Litegraph 基础:

    • NODE_TITLE_COLOR:#abb2bf

    • LINK_COLOR:#61afef

    • (以及其他 Litegraph 元素)

  • Comfy 基础:

    • fg-color:#abb2bf

    • bg-color:#282c34

    • (以及其他 UI 元素)

Solarized Dark 主题

专为减少眼部疲劳而设计,色彩柔和且一致。

  • 节点插槽:

    • BOOLEAN:#d33682

    • CLIP:#859900

    • IMAGE:#cb4b16

    • (以及其他插槽类型)

  • Litegraph 基础:

    • NODE_TITLE_COLOR:#93a1a1

    • LINK_COLOR:#268bd2

    • (以及其他 Litegraph 元素)

  • Comfy 基础:

    • fg-color:#93a1a1

    • bg-color:#002b36

    • (以及其他 UI 元素)

Material Dark 主题

遵循 Material Design 原则的现代深色主题。

  • 节点插槽:

    • BOOLEAN:#AB47DC

    • CLIP:#66BB6A

    • IMAGE:#FF7043

    • (以及其他插槽类型)

  • Litegraph 基础:

    • NODE_TITLE_COLOR:#FFFFFF

    • LINK_COLOR:#64B5F6

    • (以及其他 Litegraph 元素)

  • Comfy 基础:

    • fg-color:#FFFFFF

    • bg-color:#212121

    • (以及其他 UI 元素)

Tomorrow Night 主题

色彩柔和、平衡的深色主题,视觉舒适。

  • 节点插槽:

    • BOOLEAN:#c8a2f7

    • CLIP:#b9ca4a

    • IMAGE:#de935f

    • (以及其他插槽类型)

  • Litegraph 基础:

    • NODE_TITLE_COLOR:#c5c8c6

    • LINK_COLOR:#81a2be

    • (以及其他 Litegraph 元素)

  • Comfy 基础:

    • fg-color:#c5c8c6

    • bg-color:#1d1f21

    • (以及其他 UI 元素)

One Dark Pro 主题

专业且广泛使用的深色主题,视觉层级清晰。

  • 节点插槽:

    • BOOLEAN:#c678dd

    • CLIP:#98c379

    • IMAGE:#e06c75

    • (以及其他插槽类型)

  • Litegraph 基础:

    • NODE_TITLE_COLOR:#abb2bf

    • LINK_COLOR:#61afef

    • (以及其他 Litegraph 元素)

  • Comfy 基础:

    • fg-color:#abb2bf

    • bg-color:#282c34

    • (以及其他 UI 元素)

Gruvbox Dark 主题

复古风格的深色主题,色彩温暖且鲜明。

  • 节点插槽:

    • BOOLEAN:#d3869b

    • CLIP:#b8a965

    • IMAGE:#fb4934

    • (以及其他插槽类型)

  • Litegraph 基础:

    • NODE_TITLE_COLOR:#ebdbb2

    • LINK_COLOR:#83a598

    • (以及其他 Litegraph 元素)

  • Comfy 基础:

    • fg-color:#ebdbb2

    • bg-color:#1d2021

    • (以及其他 UI 元素)


🔁 主题选择指南

根据不同使用场景推荐:

  • 长时间工作:Nord 或 Solarized Dark

  • 高对比度需求:Monokai Pro

  • 创意工作:紫色调主题

  • 代码专注:Atom One Dark

  • 现代风格:Material Dark

  • 平衡通用:Tomorrow Night

  • 专业用途:One Dark Pro

  • 复古风格:Gruvbox Dark


🎯 专业建议

根据环境切换主题:

  • 夜间工作使用深色主题

  • 明亮环境中使用高对比度主题

  • 一般使用推荐平衡型主题


👨‍💻 开发者信息

作者:𝓐𝓫𝓭𝓪𝓵𝓵𝓪𝓱 𝓐𝓵𝓼𝔀𝓪𝓲𝓽𝓲

  1. GitHub

  2. LinkedIn

  3. Hugging Face

此模型生成的图像

未找到图像。