Skip to content
UI2. 인터페이스 메뉴

ComfyUI 시스템 메뉴 설정 옵션

Options de configuration du menu système ComfyUI

색상 팔레트 | ComfyUI 사용자 정의 테마 설정 - 색상 팔레트

색상 팔레트는 주로 시스템 색상 테마 설정에 사용되며, json 파일을 통해 ComfyUI 인터페이스 테마의 사용자 정의 설정 및 관리를 지원합니다. ComfyUI에서 제공하는 기본 테마는 다음과 같습니다:

  • dark dark
Thème sombre sombre de ComfyUI
  • light bright
Thème clair lumineux de ComfyUI
  • arc
Thème arc de ComfyUI
  • solarized overexposure
Thème surexposé solarisé de ComfyUI
  • nord theme
Thème nord de ComfyUI
  • Github repository style
Thème du dépôt Github de ComfyUI

테마 메뉴 작업

ComfyUI는 JSON 파일을 통해 테마 설정을 지원합니다. 아래 이미지는 테마 메뉴의 기능에 해당합니다.

Options de configuration du thème de couleur 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": ""
    }
  }
}

로깅 (Logging)

로깅 옵션은 주로 ComfyUI의 로딩 로그를 표시하는 데 사용되며, 플러그인 컴포넌트 로딩 정보 등을 포함합니다.

Options de journalisation ComfyUI

로그를 표시하려면 클릭하여 팝업 창에서 특정 로그 정보를 볼 수 있습니다.

Informations de journal ComfyUI

Ctrl+Up / Down 정밀 설정 (Precision Settings)

ComfyUI는 Ctrl+Up / Down 단축키를 사용하여 텍스트 프롬프트에서 선택된 프롬프트의 가중치를 빠르게 증가 또는 감소시킬 수 있습니다. 이 옵션은 단축키 사용 시 프롬프트의 가중치 증감량을 설정할 수 있습니다.


소수점 자리수 [0=자동] (페이지 새로고침 필요)

업데이트 예정.

부동 소수점 반올림 비활성화 (페이지 새로고침 필요)

업데이트 예정.

슬라이더 비활성화

업데이트 예정.

개발 모드 옵션 활성화

업데이트 예정.

DOM 요소 클리핑 활성화 (활성화 시 성능 저하 가능성 있음)

업데이트 예정.

그리드 크기

ComfyUI 인터페이스의 배경 그리드 크기를 조정하는 데 사용됩니다.


메뉴 스크롤 반전

업데이트 예정.

노드 제안 수 (Number of Nodes Suggestions)

이 옵션은 주로 ComfyUI의 서로 다른 노드 간 연결선 스타일에 영향을 미칩니다. 현재 ComfyUI는 4가지 연결선 스타일을 제공하며, 각 옵션의 의미는 다음과 같습니다:

  • 직선 (Straight)
  • 선형 (Linear)
  • 숨김 (Hidden)
  • 스플라인 (Spline)

워크플로우 저장 시 파일명 프롬프트

업데이트 예정.

워크플로우 지울 때 확인 필요

업데이트 예정.

메뉴 위치 저장

업데이트 예정.

이미지 위젯에서 미리보기를 표시할 때 경량 이미지로 변환, 예: WebP, JPEG, WebP;50 등

업데이트 예정.

위젯 값 제어 모드

업데이트 예정.