ComfyUI Themes
詳細
ファイルをダウンロード
モデル説明
🎨 ComfyUI テーマ：包括的なガイド
このガイドでは、丁寧に設計されたカラーパレットと視覚的な階層構造により、あなたのワークフロー体験を向上させるために作成した ComfyUI のカスタムテーマを紹介します。
✅ これらのテーマは、思慮深い色の組み合わせにより、目の疲労を軽減し、ワークフローの効率を高めるように設計されています。
🧩 動作仕組み
各テーマは以下の3つの主要な構成要素で構成されています：
ノードスロット：異なる接続タイプ用の色（例：BOOLEAN、CLIP、IMAGE）
Litegraph ベース：グラフインターフェース要素（ノード、リンク、ウィジェット）
Comfy ベース：メインUIコンポーネント（メニュー、入力欄、コンテンツ領域）
🔧 テーマの色戦略（詳細）
以下に、各テーマのカラーパレットの詳細を示します：
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
🎯 プロのヒント
作業環境に応じてテーマを切り替えてください：
夜間作業：暗めのテーマ
明るい環境：高コントラストテーマ
一般的な使用：バランス型テーマ
👨💻 開発者情報
作成者：𝓐𝓫𝓭𝓪𝓵𝓵𝓮𝓱 𝓐𝓵𝓼𝔀𝓪𝓲𝓽𝓲
