ComfyUI 모양 맞춤화

{
  "id": "dark",                     // 반드시 고유해야 하며, 다른 테마 ID와 같으면 안 됩니다
  "name": "Dark (기본)",         // 테마 이름, 테마 선택기에 표시됩니다
  "colors": {
    "node_slot": {                  // 노드 연결 슬롯 색상 설정
      "CLIP": "#FFD500",            // CLIP 모델 연결 슬롯 색상
      "CLIP_VISION": "#A8DADC",     // CLIP Vision 모델 연결 슬롯 색상
      "CLIP_VISION_OUTPUT": "#ad7452", // CLIP Vision 출력 연결 슬롯 색상
      "CONDITIONING": "#FFA931",     // 컨디셔닝 제어 연결 슬롯 색상
      "CONTROL_NET": "#6EE7B7",     // ControlNet 모델 연결 슬롯 색상
      "IMAGE": "#64B5F6",           // 이미지 데이터 연결 슬롯 색상
      "LATENT": "#FF9CF9",          // 잠재 공간 연결 슬롯 색상
      "MASK": "#81C784",            // 마스크 데이터 연결 슬롯 색상
      "MODEL": "#B39DDB",           // 모델 연결 슬롯 색상
      "STYLE_MODEL": "#C2FFAE",     // 스타일 모델 연결 슬롯 색상
      "VAE": "#FF6E6E",             // VAE 모델 연결 슬롯 색상
      "NOISE": "#B0B0B0",           // 노이즈 데이터 연결 슬롯 색상
      "GUIDER": "#66FFFF",          // 가이더 연결 슬롯 색상
      "SAMPLER": "#ECB4B4",         // 샘플러 연결 슬롯 색상
      "SIGMAS": "#CDFFCD",          // 시그마 데이터 연결 슬롯 색상
      "TAESD": "#DCC274"            // TAESD 모델 연결 슬롯 색상
    },
    "litegraph_base": {             // LiteGraph 기본 인터페이스 설정
      "BACKGROUND_IMAGE": "",        // 배경 이미지, 기본값은 비어 있음
      "CLEAR_BACKGROUND_COLOR": "#222", // 메인 캔버스 배경색
      "NODE_TITLE_COLOR": "#999",    // 노드 제목 텍스트 색상
      "NODE_SELECTED_TITLE_COLOR": "#FFF", // 선택된 노드 제목 색상
      "NODE_TEXT_SIZE": 14,          // 노드 텍스트 크기
      "NODE_TEXT_COLOR": "#AAA",     // 노드 텍스트 색상
      "NODE_TEXT_HIGHLIGHT_COLOR": "#FFF", // 노드 텍스트 강조 색상
      "NODE_SUBTEXT_SIZE": 12,       // 노드 서브텍스트 크기
      "NODE_DEFAULT_COLOR": "#333",   // 노드 기본 색상
      "NODE_DEFAULT_BGCOLOR": "#353535", // 노드 기본 배경색
      "NODE_DEFAULT_BOXCOLOR": "#666", // 노드 기본 테두리 색상
      "NODE_DEFAULT_SHAPE": 2,        // 노드 기본 도형
      "NODE_BOX_OUTLINE_COLOR": "#FFF", // 노드 테두리 외곽선 색상
      "NODE_BYPASS_BGCOLOR": "#FF00FF", // 노드 바이패스 배경색
      "NODE_ERROR_COLOUR": "#E00",    // 노드 오류 상태 색상
      "DEFAULT_SHADOW_COLOR": "rgba(0,0,0,0.5)", // 기본 그림자 색상
      "DEFAULT_GROUP_FONT": 24,       // 그룹 기본 글꼴 크기
      "WIDGET_BGCOLOR": "#222",       // 위젯 배경색
      "WIDGET_OUTLINE_COLOR": "#666", // 위젯 외곽선 색상
      "WIDGET_TEXT_COLOR": "#DDD",    // 위젯 텍스트 색상
      "WIDGET_SECONDARY_TEXT_COLOR": "#999", // 위젯 보조 텍스트 색상
      "WIDGET_DISABLED_TEXT_COLOR": "#666", // 위젯 비활성 상태 텍스트 색상
      "LINK_COLOR": "#9A9",          // 연결선 색상
      "EVENT_LINK_COLOR": "#A86",    // 이벤트 연결선 색상
      "CONNECTING_LINK_COLOR": "#AFA", // 연결선 색상
      "BADGE_FG_COLOR": "#FFF",      // 배지 전경색
      "BADGE_BG_COLOR": "#0F1F0F"    // 배지 배경색
    },
    "comfy_base": {                  // ComfyUI 기본 인터페이스 설정
      "fg-color": "#fff",            // 전경색
      "bg-color": "#202020",         // 배경색
      "comfy-menu-bg": "#353535",    // 메뉴 배경색
      "comfy-menu-secondary-bg": "#303030", // 보조 메뉴 배경색
      "comfy-input-bg": "#222",      // 입력 필드 배경색
      "input-text": "#ddd",          // 입력 텍스트 색상
      "descrip-text": "#999",        // 설명 텍스트 색상
      "drag-text": "#ccc",           // 드래그 텍스트 색상
      "error-text": "#ff4444",       // 오류 텍스트 색상
      "border-color": "#4e4e4e",     // 테두리 색상
      "tr-even-bg-color": "#222",    // 테이블 짝수 행 배경색
      "tr-odd-bg-color": "#353535",  // 테이블 홀수 행 배경색
      "content-bg": "#4e4e4e",       // 콘텐츠 영역 배경색
      "content-fg": "#fff",          // 콘텐츠 영역 전경색
      "content-hover-bg": "#222",    // 콘텐츠 영역 호버 배경색
      "content-hover-fg": "#fff",    // 콘텐츠 영역 호버 전경색
      "bar-shadow": "rgba(16, 16, 16, 0.5) 0 0 0.5rem" // 바 그림자 효과
    }
  }
}

/* 입력 및 메뉴의 글꼴 크기를 늘려 더 나은 가독성 확보 */
.comfy-multiline-input, .litecontextmenu .litemenu-entry {
    font-size: 20px !important;
}

/* 컨텍스트 메뉴 항목을 더 크게 만들어 선택하기 쉽게 함 */
.litegraph .litemenu-entry,
.litemenu-title {
  font-size: 24px !important; 
}

/* 색상 팔레트에 없는 특정 요소에 대한 맞춤 스타일 */
.comfy-menu {
    border: 1px solid rgb(126, 179, 189) !important;
    border-radius: 0px 0px 0px 10px !important;
    backdrop-filter: blur(2px);
}