Skip to content
UI2. インターフェースメニュー

ComfyUIシステムメニュー設定オプション

ComfyUIシステムメニュー設定オプション

カラーパレット | ComfyUIカスタムテーマ設定 - カラーパレット

カラーパレットは主にシステムのカラーテーマ設定に使用され、jsonファイルを通じてComfyUIインターフェーステーマのカスタム設定と管理をサポートします。ComfyUIが提供するデフォルトテーマは以下の通りです:

  • dark dark
ComfyUI-dark darkテーマ
  • light bright
ComfyUI-light brightテーマ
  • arc
ComfyUI-arcテーマ
  • solarized overexposure
ComfyUI-solarized overexposureテーマ
  • nord theme
ComfyUI-nordテーマ
  • Github repository style
ComfyUI-github repositoryテーマ

テーマメニュー操作

ComfyUIはJSONファイルを通じてテーマの設定をサポートしています。以下の画像はテーマメニューの機能に対応しています。

ComfyUI-カラーテーマ設定オプション

ComfyUIテーマカラーのカスタマイズ

前のステップに従って、対応するJSONテーマテンプレートをダウンロードして操作できます。対応するJSON設定オプションは以下の通りです: 注意、以下のjson形式はコメントが追加されているためエラーが発生します。以下のコメントは設定項目を説明するためのものであり、実際に使用する際にはコメントを削除するか、ComfyUIのテーマテンプレートをダウンロードして修正してください。

{
  // ID: このカラーパレットのユニークな識別子
  "id": "my_color_palette_unique_id",
  // Name: カラーパレットの名前
  "name": "My Color Palette",
  // Colors: 各部分の色設定を含む
  "colors": {
    // node_slot: ノードスロットに関連する色設定
    "node_slot": {
      // BOOLEAN: BOOLEANタイプノードの色
      "BOOLEAN": "",
      // CLIP: CLIPタイプノードの色
      "CLIP": "",
      // CLIP_VISION: CLIP_VISIONタイプノードの色
      "CLIP_VISION": "",
      // CLIP_VISION_OUTPUT: CLIP_VISION_OUTPUTタイプノードの色
      "CLIP_VISION_OUTPUT": "",
      // CONDITIONING: CONDITIONINGタイプノードの色
      "CONDITIONING": "",
      // CONTROL_NET: CONTROL_NETタイプノードの色
      "CONTROL_NET": "",
      // FLOAT: FLOATタイプノードの色
      "FLOAT": "",
      // GLIGEN: GLIGENタイプノードの色
      "GLIGEN": "",
      // IMAGE: IMAGEタイプノードの色
      "IMAGE": "",
      // IMAGEUPLOAD: IMAGEUPLOADタイプノードの色
      "IMAGEUPLOAD": "",
      // INT: INTタイプノードの色
      "INT": "",
      // LATENT: LATENTタイプノードの色
      "LATENT": "",
      // MASK: MASKタイプノードの色
      "MASK": "",
      // MODEL: MODELタイプノードの色
      "MODEL": "",
      // SAMPLER: SAMPLERタイプノードの色
      "SAMPLER": "",
      // SIGMAS: SIGMASタイプノードの色
      "SIGMAS": "",
      // STRING: STRINGタイプノードの色
      "STRING": "",
      // STYLE_MODEL: STYLE_MODELタイプノードの色
      "STYLE_MODEL": "",
      // UPSCALE_MODEL: UPSCALE_MODELタイプノードの色
      "UPSCALE_MODEL": "",
      // VAE: VAEタイプノードの色
      "VAE": ""
    },
    // litegraph_base: LiteGraph基本環境に関連する色設定
    "litegraph_base": {
      // BACKGROUND_IMAGE: 背景画像の色(背景の透明度やスタイルを指す場合もあり)
      "BACKGROUND_IMAGE": "",
      // CLEAR_BACKGROUND_COLOR: クリア背景色
      "CLEAR_BACKGROUND_COLOR": "",
      // NODE_TITLE_COLOR: ノードタイトルの色
      "NODE_TITLE_COLOR": "",
      // NODE_SELECTED_TITLE_COLOR: 選択されたノードタイトルの色
      "NODE_SELECTED_TITLE_COLOR": "",
      // NODE_TEXT_SIZE: ノードテキストのフォントサイズ
      "NODE_TEXT_SIZE": "",
      // NODE_TEXT_COLOR: ノードテキストの色
      "NODE_TEXT_COLOR": "",
      // NODE_SUBTEXT_SIZE: ノードサブテキストのフォントサイズ
      "NODE_SUBTEXT_SIZE": "",
      // NODE_DEFAULT_COLOR: ノードのデフォルト色
      "NODE_DEFAULT_COLOR": "",
      // NODE_DEFAULT_BGCOLOR: ノードのデフォルト背景色
      "NODE_DEFAULT_BGCOLOR": "",
      // NODE_DEFAULT_BOXCOLOR: ノードボックスのデフォルト色
      "NODE_DEFAULT_BOXCOLOR": "",
      // NODE_DEFAULT_SHAPE: ノードのデフォルト形状
      "NODE_DEFAULT_SHAPE": "",
      // NODE_BOX_OUTLINE_COLOR: ノードボックスのアウトライン色
      "NODE_BOX_OUTLINE_COLOR": "",
      // DEFAULT_SHADOW_COLOR: デフォルトの影の色
      "DEFAULT_SHADOW_COLOR": "",
      // DEFAULT_GROUP_FONT: デフォルトのグループフォント
      "DEFAULT_GROUP_FONT": "",
      // WIDGET_BGCOLOR: ウィジェットの背景色
      "WIDGET_BGCOLOR": "",
      // WIDGET_OUTLINE_COLOR: ウィジェットのアウトライン色
      "WIDGET_OUTLINE_COLOR": "",
      // WIDGET_TEXT_COLOR: ウィジェットのテキスト色
      "WIDGET_TEXT_COLOR": "",
      // WIDGET_SECONDARY_TEXT_COLOR: ウィジェットのセカンダリテキスト色
      "WIDGET_SECONDARY_TEXT_COLOR": "",
      // LINK_COLOR: リンクの色
      "LINK_COLOR": "",
      // EVENT_LINK_COLOR: イベントリンクの色
      "EVENT_LINK_COLOR": "",
      // CONNECTING_LINK_COLOR: 接続リンクの色
      "CONNECTING_LINK_COLOR": ""
    },
    // comfy_base: ComfyUIインターフェースの基本色設定
    "comfy_base": {
      // fg-color: 前景色
      "fg-color": "",
      // bg-color: 背景色
      "bg-color": "",
      // comfy-menu-bg: ComfyUIメニューの背景色
      "comfy-menu-bg": "",
      // comfy-input-bg: ComfyUI入力ボックスの背景色
      "comfy-input-bg": "",
      // input-text: 入力ボックスのテキスト色
      "input-text": "",
      // descrip-text: 説明テキストの色
      "descrip-text": "",
      // drag-text: ドラッグテキストの色
      "drag-text": "",
      // error-text: エラーテキストの色
      "error-text": "",
      // border-color: 境界線の色
      "border-color": "",
      // tr-even-bg-color: 偶数行の背景色
      "tr-even-bg-color": "",
      // tr-odd-bg-color: 奇数行の背景色
      "tr-odd-bg-color": ""
    }
  }
}

ロギング

ロギングオプションは主にComfyUIのロードログを表示するために使用され、プラグインコンポーネントのロード情報などを含みます。

ComfyUI-ロギングオプション

ログを表示するためにクリックすると、ポップアップウィンドウで特定のログ情報を確認できます。

ComfyUI-ログ情報

Ctrl+Up / Down 精度設定

ComfyUIでは、ショートカットキーCtrl+Up / Downを使用して、テキストプロンプト内の選択されたプロンプトの重みを迅速に増減できます。このオプションでは、ショートカットキーを使用するたびにプロンプトの重みの増減を設定できます。


小数点以下の桁数 [0=自動](ページのリロードが必要)

更新予定。

浮動小数点の丸めを無効にする(ページのリロードが必要)

更新予定。

スライダーを無効にする

更新予定。

開発モードオプションを有効にする

更新予定。

DOM要素のクリッピングを有効にする(有効にするとパフォーマンスが低下する可能性があります)

更新予定。

グリッドサイズ

ComfyUIインターフェースの背景グリッドのサイズを調整するために使用されます。


メニュースクロールの反転

更新予定。

ノードの提案数

このオプションは主にComfyUI内の異なるノード間の接続線スタイルに影響します。現在、ComfyUIは4種類の接続線スタイルを提供しており、各オプションの意味は以下の通りです:

  • ストレート
  • リニア
  • 隠し
  • スプライン

ワークフローを保存する際のファイル名のプロンプト

更新予定。

ワークフローをクリアする際の確認を要求

更新予定。

メニュー位置を保存

更新予定。

画像ウィジェットでプレビューを表示する際、軽量な画像に変換する(例:WebP、JPEG、WebP;50など)

更新予定。

ウィジェット値制御モード

更新予定。