ComfyUI系统菜单设置选项
调色板 | ComfyUI自定义主题设置 - Color Palette
调色板主要用于系统颜色主题设置,支持通过json
文件对comfyUI的洁面主题进行自定义设置和管理,目前ComfyUI提供默认主题如下
- dark 暗黑
- light 明亮
- arc
- solarized 过度曝光
- nord主题
- Github仓库风格
主题菜单操作
ComfyUI支持通过JSON文件来对主题进行设置,下图为对应的主题菜单对应功能
自定义ComfyUI主题颜色
通过上一步的操作,你可以下载对应的JSON主题模板进行操作,对应JSON配置选项说明如下 注意,下面的 json 格式由于添加了注释说明,所以会报错,下面的注释仅用来说明配置项,实际使用时请删除注释,或者下载 ComfyUI 里的主题模板进行修改
{
// ID: 此颜色调色板的唯一标识符
"id": "my_color_palette_unique_id",
// 名称: 颜色调色板的名称
"name": "My Color Palette",
// 颜色集: 包含不同部分的颜色设置
"colors": {
// node_slot: 节点插槽相关的颜色设置
"node_slot": {
// BOOLEAN: 布尔类型节点的颜色
"BOOLEAN": "",
// CLIP: CLIP类型节点的颜色
"CLIP": "",
// CLIP_VISION: CLIP_VISION类型节点的颜色
"CLIP_VISION": "",
// CLIP_VISION_OUTPUT: CLIP_VISION_OUTPUT类型节点的颜色
"CLIP_VISION_OUTPUT": "",
// CONDITIONING: 条件类型节点的颜色
"CONDITIONING": "",
// CONTROL_NET: 控制网络类型节点的颜色
"CONTROL_NET": "",
// FLOAT: 浮点数类型节点的颜色
"FLOAT": "",
// GLIGEN: GLIGEN类型节点的颜色
"GLIGEN": "",
// IMAGE: 图像类型节点的颜色
"IMAGE": "",
// IMAGEUPLOAD: 图像上传类型节点的颜色
"IMAGEUPLOAD": "",
// INT: 整数类型节点的颜色
"INT": "",
// LATENT: 潜在向量类型节点的颜色
"LATENT": "",
// MASK: 遮罩类型节点的颜色
"MASK": "",
// MODEL: 模型类型节点的颜色
"MODEL": "",
// SAMPLER: 采样器类型节点的颜色
"SAMPLER": "",
// SIGMAS: Sigma值类型节点的颜色
"SIGMAS": "",
// STRING: 字符串类型节点的颜色
"STRING": "",
// STYLE_MODEL: 风格模型类型节点的颜色
"STYLE_MODEL": "",
// UPSCALE_MODEL: 上采样模型类型节点的颜色
"UPSACLE_MODEL": "",
// 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的加载日志,包括插件组件加载等信息
点击显示日志后在弹出窗口中可查看具体的日志信息
ctrl+up / Down precision 精度设置
ComfyUI可以通过快捷键 ctrl+up /Down
实现对文本提示词中选中 prompt 的快速加权 / 降权,此选项可以设置每次使用快捷键对提示词加权的比重
小数位[0=自动] (需重载页面)Decimal places [0 = auto] (requires page reload).
待更新
禁用浮点舍入(需重载页面) Disable rounding floats (requires page reload).
待更新
禁用滑块 Disable sliders.
待更新
启用开发模式选项 Enable Dev mode Options
待更新
启动DOM元素裁剪(可能降低性能)Enable DOM element clipping (enabling may reduce performance)
待更新
网格大小Grid Size
用来调整ComfyUI 界面中背景网格的尺寸
反转菜单滚动 Invert Menu Scrolling
待更新
连线渲染模式 Number of nodes suggestions
这个选项主要影响ComfyUI中不同节点的连线的模式,目前ComfyUI提供了4种连线模式,不同选项含义如下
- Straight
- linear
- hidden
- spline
保存工作流是是否需要填入工文件名 Prompt for filename when saving workflow
待更新
保存工作流时是否需要确认 Require confirmation when clearing workflow
待更新
保存菜单位置 Save menu position
待更新
轻量化图像组建中的预览图像,如webp jpg 等 When displaying a preview in the image widget, convert it to a lightweight image, e.g. webp, jpeg, webp;50, etc.
待更新
插件值控制模式 Widget Value control Mode
待更新