🎨 ComfyUI Themes: A Comprehensive Guide

This guide showcases the custom themes I've created for ComfyUI to enhance your workflow experience with carefully crafted color palettes and improved visual hierarchy.

✅ These themes are designed to reduce eye strain and improve workflow efficiency through thoughtful color combinations.

🧩 How It Works

Each theme is structured with three main components:

1. Node Slots: Colors for different connection types (e.g., BOOLEAN, CLIP, IMAGE)

2. Litegraph Base: Graph interface elements (nodes, links, widgets)

3. Comfy Base: Main UI components (menus, inputs, content areas)

🔧 Theme Color Strategy (Detailed)

Here is a detailed breakdown of the color palettes for each theme:

Nord Theme

A cool-toned theme inspired by the Nord color palette, designed for long sessions.

• Node Slots:

  • BOOLEAN: #8FBCBB

  • CLIP: #88C0D0

  • IMAGE: #81A1C1

  • (and other slot types)

• Litegraph Base:

  • NODE_TITLE_COLOR: #ECEFF4

  • LINK_COLOR: #81A1C1

  • (and other Litegraph elements)

• Comfy Base:

  • fg-color: #ECEFF4

  • bg-color: #2E3440

  • (and other UI elements)

Monokai Pro Theme

Known for its vibrant colors on a dark background, offering high contrast.

• Node Slots:

  • BOOLEAN: #ab9df2

  • CLIP: #a6e22e

  • IMAGE: #f92672

  • (and other slot types)

• Litegraph Base:

  • NODE_TITLE_COLOR: #f8f8f2

  • LINK_COLOR: #66d9ef

  • (and other Litegraph elements)

• Comfy Base:

  • fg-color: #f8f8f2

  • bg-color: #272822

  • (and other UI elements)

Shades of Purple Theme

A unique theme with various shades of purple, ideal for creative work.

• Node Slots:

  • BOOLEAN: #cc99ff

  • CLIP: #b380ff

  • IMAGE: #800080

  • (and other slot types)

• Litegraph Base:

  • NODE_TITLE_COLOR: #efbbff

  • LINK_COLOR: #be29ec

  • (and other Litegraph elements)

• Comfy Base:

  • fg-color: #efbbff

  • bg-color: #660066

  • (and other UI elements)

Atom One Dark Theme

A popular dark theme known for its balanced colors and readability.

• Node Slots:

  • BOOLEAN: #c678dd

  • CLIP: #98c379

  • IMAGE: #e06c75

  • (and other slot types)

• Litegraph Base:

  • NODE_TITLE_COLOR: #abb2bf

  • LINK_COLOR: #61afef

  • (and other Litegraph elements)

• Comfy Base:

  • fg-color: #abb2bf

  • bg-color: #282c34

  • (and other UI elements)

Solarized Dark Theme

Designed for reduced eye strain with a subtle and consistent color palette.

• Node Slots:

  • BOOLEAN: #d33682

  • CLIP: #859900

  • IMAGE: #cb4b16

  • (and other slot types)

• Litegraph Base:

  • NODE_TITLE_COLOR: #93a1a1

  • LINK_COLOR: #268bd2

  • (and other Litegraph elements)

• Comfy Base:

  • fg-color: #93a1a1

  • bg-color: #002b36

  • (and other UI elements)

Material Dark Theme

A modern dark theme following Material Design principles.

• Node Slots:

  • BOOLEAN: #AB47DC

  • CLIP: #66BB6A

  • IMAGE: #FF7043

  • (and other slot types)

• Litegraph Base:

  • NODE_TITLE_COLOR: #FFFFFF

  • LINK_COLOR: #64B5F6

  • (and other Litegraph elements)

• Comfy Base:

  • fg-color: #FFFFFF

  • bg-color: #212121

  • (and other UI elements)

Tomorrow Night Theme

A balanced dark theme with muted, pleasant colors.

• Node Slots:

  • BOOLEAN: #c8a2f7

  • CLIP: #b9ca4a

  • IMAGE: #de935f

  • (and other slot types)

• Litegraph Base:

  • NODE_TITLE_COLOR: #c5c8c6

  • LINK_COLOR: #81a2be

  • (and other Litegraph elements)

• Comfy Base:

  • fg-color: #c5c8c6

  • bg-color: #1d1f21

  • (and other UI elements)

One Dark Pro Theme

A professional and widely-used dark theme with clear visual hierarchy.

• Node Slots:

  • BOOLEAN: #c678dd

  • CLIP: #98c379

  • IMAGE: #e06c75

  • (and other slot types)

• Litegraph Base:

  • NODE_TITLE_COLOR: #abb2bf

  • LINK_COLOR: #61afef

  • (and other Litegraph elements)

• Comfy Base:

  • fg-color: #abb2bf

  • bg-color: #282c34

  • (and other UI elements)

Gruvbox Dark Theme

A retro-styled dark theme with warm and vibrant colors.

• Node Slots:

  • BOOLEAN: #d3869b

  • CLIP: #b8a965

  • IMAGE: #fb4934

  • (and other slot types)

• Litegraph Base:

  • NODE_TITLE_COLOR: #ebdbb2

  • LINK_COLOR: #83a598

  • (and other Litegraph elements)

• Comfy Base:

  • fg-color: #ebdbb2

  • bg-color: #1d2021

  • (and other UI elements)

🔁 Theme Selection Guide

For different use cases:

• Long Sessions: Nord or Solarized Dark

• High Contrast: Monokai Pro

• Creative Work: Shades of Purple

• Code Focus: Atom One Dark

• Modern Look: Material Dark

• Balanced: Tomorrow Night

• Professional: One Dark Pro

• Retro Style: Gruvbox Dark

🎯 Pro Tip

Use theme switching to match your environment:

• Dark themes for night work

• High contrast for bright environments

• Balanced themes for general use

👨‍💻 Developer Information

Created by: 𝓐𝓫𝓭𝓪𝓵𝓵𝓪𝓱 𝓐𝓵𝓼𝔀𝓪𝓲𝓽𝓲

1. GitHub

2. LinkedIn

3. Hugging Face