Skip to content
ComfyUI Wiki
Помогите создать лучшую базу знаний ComfyUI Стать спонсором

Меню внешнего вида - Описание меню настроек ComfyUI

Настройки внешнего вида меню ComfyUI

Цветовая палитра

Цветовая тема ComfyUI Цветовая палитра в основном используется для общей конфигурации цветовой темы ComfyUI, соответствующей следующим функциям меню:

  1. Переключение темы ComfyUI
  2. Экспорт текущей выбранной темы в формате Json
  3. Загрузка пользовательской конфигурации темы из файла Json
  4. Удаление пользовательской конфигурации темы

В настоящее время предустановленные темы в основном включают:

  • Темная тема
  • Светлая тема
  • Тема Arc
  • Тема Solarized
  • Тема Nord
  • Тема в стиле Github

Предварительный просмотр предустановленных стилей тем

Темная тема

Темная тема ComfyUI

Светлая тема

Светлая тема ComfyUI

Тема Arc

Тема Arc ComfyUI

Тема Solarized

Тема Solarized ComfyUI

Тема Nord

Тема Nord ComfyUI

Стиль Github

Тема репозитория Github ComfyUI

Как настроить стили тем ComfyUI

Вы можете настроить стили ComfyUI, экспортировав и отредактировав файл темы по умолчанию. Вы можете использовать текстовый редактор или IDE, такой как VS Code, для редактирования соответствующего файла Json.

При редактировании убедитесь, что формат содержимого правильный, и соответствующие имена id должны быть уникальными. Ниже приведен Json экспортированного интерфейса светлой темы ComfyUI, который вы можете использовать для модификации. Кроме того, поскольку ComfyUI постоянно обновляется, конфигурация ниже может быть не самой последней версией. Рекомендуется экспортировать из интерфейса ComfyUI для модификации.

{
  "id": "light",
  "name": "Light",
  "light_theme": true,
  "colors": {
    "node_slot": {
      "CLIP": "#FFA726",
      "CLIP_VISION": "#5C6BC0",
      "CLIP_VISION_OUTPUT": "#8D6E63",
      "CONDITIONING": "#EF5350",
      "CONTROL_NET": "#66BB6A",
      "IMAGE": "#42A5F5",
      "LATENT": "#AB47BC",
      "MASK": "#9CCC65",
      "MODEL": "#7E57C2",
      "STYLE_MODEL": "#D4E157",
      "VAE": "#FF7043",
      "NOISE": "#B0B0B0",
      "GUIDER": "#66FFFF",
      "SAMPLER": "#ECB4B4",
      "SIGMAS": "#CDFFCD",
      "TAESD": "#DCC274"
    },
    "litegraph_base": {
      "BACKGROUND_IMAGE": "data:image/gif;base64,R0lGODlhZABkALMAAAAAAP///+vr6+rq6ujo6Ofn5+bm5uXl5d3d3f///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAkALAAAAABkAGQAAAT/UMhJq7046827HkcoHkYxjgZhnGG6si5LqnIM0/fL4qwwIMAg0CAsEovBIxKhRDaNy2GUOX0KfVFrssrNdpdaqTeKBX+dZ+jYvEaTf+y4W66mC8PUdrE879f9d2mBeoNLfH+IhYBbhIx2jkiHiomQlGKPl4uZe3CaeZifnnijgkESBqipqqusra6vsLGys62SlZO4t7qbuby7CLa+wqGWxL3Gv3jByMOkjc2lw8vOoNSi0czAncXW3Njdx9Pf48/Z4Kbbx+fQ5evZ4u3k1fKR6cn03vHlp7T9/v8A/8Gbp4+gwXoFryXMB2qgwoMMHyKEqA5fxX322FG8tzBcRnMW/zlulPbRncmQGidKjMjyYsOSKEF2FBlJQMCbOHP6c9iSZs+UnGYCdbnSo1CZI5F64kn0p1KnTH02nSoV3dGTV7FFHVqVq1dtWcMmVQZTbNGu72zqXMuW7danVL+6e4t1bEy6MeueBYLXrNO5Ze36jQtWsOG97wIj1vt3St/DjTEORss4nNq2mDP3e7w4r1bFkSET5hy6s2TRlD2/mSxXtSHQhCunXo26NevCpmvD/UU6tuullzULH76q92zdZG/Ltv1a+W+osI/nRmyc+fRi1Xdbh+68+0vv10dH3+77KD/i6IdnX669/frn5Zsjh4/2PXju8+8bzc9/6fj27LFnX11/+IUnXWl7BJfegm79FyB9JOl3oHgSklefgxAC+FmFGpqHIYcCfkhgfCohSKKJVo044YUMttggiBkmp6KFXw1oII24oYhjiDByaKOOHcp3Y5BD/njikSkO+eBREQAAOw==",
      "CLEAR_BACKGROUND_COLOR": "lightgray",
      "NODE_TITLE_COLOR": "#222",
      "NODE_SELECTED_TITLE_COLOR": "#000",
      "NODE_TEXT_SIZE": 14,
      "NODE_TEXT_COLOR": "#444",
      "NODE_TEXT_HIGHLIGHT_COLOR": "#1e293b",
      "NODE_SUBTEXT_SIZE": 12,
      "NODE_DEFAULT_COLOR": "#F7F7F7",
      "NODE_DEFAULT_BGCOLOR": "#F5F5F5",
      "NODE_DEFAULT_BOXCOLOR": "#CCC",
      "NODE_DEFAULT_SHAPE": 2,
      "NODE_BOX_OUTLINE_COLOR": "#000",
      "NODE_BYPASS_BGCOLOR": "#FF00FF",
      "NODE_ERROR_COLOUR": "#E00",
      "DEFAULT_SHADOW_COLOR": "rgba(0,0,0,0.1)",
      "DEFAULT_GROUP_FONT": 24,
      "WIDGET_BGCOLOR": "#D4D4D4",
      "WIDGET_OUTLINE_COLOR": "#999",
      "WIDGET_TEXT_COLOR": "#222",
      "WIDGET_SECONDARY_TEXT_COLOR": "#555",
      "LINK_COLOR": "#4CAF50",
      "EVENT_LINK_COLOR": "#FF9800",
      "CONNECTING_LINK_COLOR": "#2196F3",
      "BADGE_FG_COLOR": "#000",
      "BADGE_BG_COLOR": "#FFF"
    },
    "comfy_base": {
      "fg-color": "#222",
      "bg-color": "#DDD",
      "comfy-menu-bg": "#F5F5F5",
      "comfy-menu-hover-bg": "#ccc",
      "comfy-menu-secondary-bg": "#EEE",
      "comfy-input-bg": "#C9C9C9",
      "input-text": "#222",
      "descrip-text": "#444",
      "drag-text": "#555",
      "error-text": "#F44336",
      "border-color": "#888",
      "tr-even-bg-color": "#f9f9f9",
      "tr-odd-bg-color": "#fff",
      "content-bg": "#e0e0e0",
      "content-fg": "#222",
      "content-hover-bg": "#adadad",
      "content-hover-fg": "#222",
      "bar-shadow": "rgba(16, 16, 16, 0.25) 0 0 0.5rem"
    }
  }
}

Узел

Прозрачность узла

Настройки внешнего вида ComfyUI - Прозрачность узла Эта опция в основном влияет на прозрачность фонового цвета узла, со значениями от 0.1 до 1, где меньшее значение делает фоновый цвет более прозрачным.

Виджет узла

Размер шрифта виджета текстового поля

Настройки внешнего вида ComfyUI - Размер шрифта текстового поля узла

Когда соответствующий узел имеет ввод текстового поля, эта опция определяет размер шрифта текстового поля, с минимумом 8 и максимумом 24.

Боковая панель

Размер боковой панели

Настройки внешнего вида ComfyUI - Размер боковой панели Условия размера боковой панели:

  • Обычный: Обычный размер боковой панели
  • Маленький: Маленький размер боковой панели

Расположение боковой панели

Расположение боковой панели: Слева / Справа

Проводник дерева

Отступы элементов проводника дерева

Меню интерфейса ComfyUI - Настройки отступов меню боковой панели Установите отступы для меню боковой панели, поддерживая настройки отступов от 0 до 8.