<h1 id="comfyui-themes:-a-comprehensive-guide-vr4fzgpav">🎨 ComfyUI Themes: A Comprehensive Guide</h1>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.<hr /><h2 id="how-it-works-axgx1yc6f">🧩 How It Works</h2>Each theme is structured with three main components:<ol><li>Node Slots: Colors for different connection types (e.g., BOOLEAN, CLIP, IMAGE)</li><li>Litegraph Base: Graph interface elements (nodes, links, widgets)</li><li>Comfy Base: Main UI components (menus, inputs, content areas)</li></ol><hr /><h2 id="theme-color-strategy-(detailed)-xa1acod05">🔧 Theme Color Strategy (Detailed)</h2>Here is a detailed breakdown of the color palettes for each theme:<h3 id="nord-theme-ji2xopx4b">Nord Theme</h3>A cool-toned theme inspired by the Nord color palette, designed for long sessions.<ul><li>Node Slots:<ul><li>BOOLEAN: #8FBCBB</li><li>CLIP: #88C0D0</li><li>IMAGE: #81A1C1</li><li>(and other slot types)</li></ul></li><li>Litegraph Base:<ul><li>NODE_TITLE_COLOR: #ECEFF4</li><li>LINK_COLOR: #81A1C1</li><li>(and other Litegraph elements)</li></ul></li><li>Comfy Base:<ul><li>fg-color: #ECEFF4</li><li>bg-color: #2E3440</li><li>(and other UI elements)</li></ul></li></ul><h3 id="monokai-pro-theme-i1osujy4n">Monokai Pro Theme</h3>Known for its vibrant colors on a dark background, offering high contrast.<ul><li>Node Slots:<ul><li>BOOLEAN: #ab9df2</li><li>CLIP: #a6e22e</li><li>IMAGE: #f92672</li><li>(and other slot types)</li></ul></li><li>Litegraph Base:<ul><li>NODE_TITLE_COLOR: #f8f8f2</li><li>LINK_COLOR: #66d9ef</li><li>(and other Litegraph elements)</li></ul></li><li>Comfy Base:<ul><li>fg-color: #f8f8f2</li><li>bg-color: #272822</li><li>(and other UI elements)</li></ul></li></ul><h3 id="shades-of-purple-theme-g7d47r4fl">Shades of Purple Theme</h3>A unique theme with various shades of purple, ideal for creative work.<ul><li>Node Slots:<ul><li>BOOLEAN: #cc99ff</li><li>CLIP: #b380ff</li><li>IMAGE: #800080</li><li>(and other slot types)</li></ul></li><li>Litegraph Base:<ul><li>NODE_TITLE_COLOR: #efbbff</li><li>LINK_COLOR: #be29ec</li><li>(and other Litegraph elements)</li></ul></li><li>Comfy Base:<ul><li>fg-color: #efbbff</li><li>bg-color: #660066</li><li>(and other UI elements)</li></ul></li></ul><h3 id="atom-one-dark-theme-z6ttkdweo">Atom One Dark Theme</h3>A popular dark theme known for its balanced colors and readability.<ul><li>Node Slots:<ul><li>BOOLEAN: #c678dd</li><li>CLIP: #98c379</li><li>IMAGE: #e06c75</li><li>(and other slot types)</li></ul></li><li>Litegraph Base:<ul><li>NODE_TITLE_COLOR: #abb2bf</li><li>LINK_COLOR: #61afef</li><li>(and other Litegraph elements)</li></ul></li><li>Comfy Base:<ul><li>fg-color: #abb2bf</li><li>bg-color: #282c34</li><li>(and other UI elements)</li></ul></li></ul><h3 id="solarized-dark-theme-uu27vf8n0">Solarized Dark Theme</h3>Designed for reduced eye strain with a subtle and consistent color palette.<ul><li>Node Slots:<ul><li>BOOLEAN: #d33682</li><li>CLIP: #859900</li><li>IMAGE: #cb4b16</li><li>(and other slot types)</li></ul></li><li>Litegraph Base:<ul><li>NODE_TITLE_COLOR: #93a1a1</li><li>LINK_COLOR: #268bd2</li><li>(and other Litegraph elements)</li></ul></li><li>Comfy Base:<ul><li>fg-color: #93a1a1</li><li>bg-color: #002b36</li><li>(and other UI elements)</li></ul></li></ul><h3 id="material-dark-theme-b53crwzf8">Material Dark Theme</h3>A modern dark theme following Material Design principles.<ul><li>Node Slots:<ul><li>BOOLEAN: #AB47DC</li><li>CLIP: #66BB6A</li><li>IMAGE: #FF7043</li><li>(and other slot types)</li></ul></li><li>Litegraph Base:<ul><li>NODE_TITLE_COLOR: #FFFFFF</li><li>LINK_COLOR: #64B5F6</li><li>(and other Litegraph elements)</li></ul></li><li>Comfy Base:<ul><li>fg-color: #FFFFFF</li><li>bg-color: #212121</li><li>(and other UI elements)</li></ul></li></ul><h3 id="tomorrow-night-theme-72w7be15c">Tomorrow Night Theme</h3>A balanced dark theme with muted, pleasant colors.<ul><li>Node Slots:<ul><li>BOOLEAN: #c8a2f7</li><li>CLIP: #b9ca4a</li><li>IMAGE: #de935f</li><li>(and other slot types)</li></ul></li><li>Litegraph Base:<ul><li>NODE_TITLE_COLOR: #c5c8c6</li><li>LINK_COLOR: #81a2be</li><li>(and other Litegraph elements)</li></ul></li><li>Comfy Base:<ul><li>fg-color: #c5c8c6</li><li>bg-color: #1d1f21</li><li>(and other UI elements)</li></ul></li></ul><h3 id="one-dark-pro-theme-3x76obitl">One Dark Pro Theme</h3>A professional and widely-used dark theme with clear visual hierarchy.<ul><li>Node Slots:<ul><li>BOOLEAN: #c678dd</li><li>CLIP: #98c379</li><li>IMAGE: #e06c75</li><li>(and other slot types)</li></ul></li><li>Litegraph Base:<ul><li>NODE_TITLE_COLOR: #abb2bf</li><li>LINK_COLOR: #61afef</li><li>(and other Litegraph elements)</li></ul></li><li>Comfy Base:<ul><li>fg-color: #abb2bf</li><li>bg-color: #282c34</li><li>(and other UI elements)</li></ul></li></ul><h3 id="gruvbox-dark-theme-gops5ozl1">Gruvbox Dark Theme</h3>A retro-styled dark theme with warm and vibrant colors.<ul><li>Node Slots:<ul><li>BOOLEAN: #d3869b</li><li>CLIP: #b8a965</li><li>IMAGE: #fb4934</li><li>(and other slot types)</li></ul></li><li>Litegraph Base:<ul><li>NODE_TITLE_COLOR: #ebdbb2</li><li>LINK_COLOR: #83a598</li><li>(and other Litegraph elements)</li></ul></li><li>Comfy Base:<ul><li>fg-color: #ebdbb2</li><li>bg-color: #1d2021</li><li>(and other UI elements)</li></ul></li></ul><hr /><h2 id="theme-selection-guide-d9fi43ggj">🔁 Theme Selection Guide</h2>For different use cases:<ul><li>Long Sessions: Nord or Solarized Dark</li><li>High Contrast: Monokai Pro</li><li>Creative Work: Shades of Purple</li><li>Code Focus: Atom One Dark</li><li>Modern Look: Material Dark</li><li>Balanced: Tomorrow Night</li><li>Professional: One Dark Pro</li><li>Retro Style: Gruvbox Dark</li></ul><hr /><h2 id="pro-tip-whpwkovjk">🎯 Pro Tip</h2>Use theme switching to match your environment:<ul><li>Dark themes for night work</li><li>High contrast for bright environments</li><li>Balanced themes for general use</li></ul><hr /><h2 id="developer-information-zztjlcohx">👨‍💻 Developer Information</h2>Created by: 𝓐𝓫𝓭𝓪𝓵𝓵𝓪𝓱 𝓐𝓵𝓼𝔀𝓪𝓲𝓽𝓲<ol><li><a target="_blank" rel="ugc" href="https://github.com/al-swaiti">GitHub</a></li><li><a target="_blank" rel="ugc" href="https://www.linkedin.com/in/abdallah-issac/">LinkedIn</a></li><li><a target="_blank" rel="ugc" href="https://huggingface.co/ABDALLALSWAITI">Hugging Face</a></li></ol><img src="https://image.civitai.com/xG1nkqKTMzGDvpLrqFT7WA/579315b1-f338-4149-95cc-b1c3d413c65f/width=525/579315b1-f338-4149-95cc-b1c3d413c65f.jpeg" />

Files with SHA256: e64121eeb69c9fcfe70ffb57bdb0bad1771ee468907342aa7da5bfa4ac6e8cd9