Skip to content
Interfaz2. Interface Menu

Opciones de Configuración del Menú del Sistema ComfyUI

Opciones de Configuración del Menú del Sistema ComfyUI

Paleta de Colores | Configuración de Tema Personalizado de ComfyUI - Paleta de Colores

La paleta de colores se utiliza principalmente para la configuración del tema de color del sistema, apoyando configuraciones personalizadas y gestión del tema de la interfaz de ComfyUI a través de archivos json. Los temas predeterminados proporcionados por ComfyUI son los siguientes:

  • oscuro oscuro
ComfyUI-tema oscuro
  • brillante claro
ComfyUI-tema brillante claro
  • arco
ComfyUI-tema arco
  • sobreexposición solarizada
ComfyUI-tema sobreexposición solarizada
  • tema nord
ComfyUI-tema nord
  • estilo de repositorio de Github
ComfyUI-tema repositorio de github

Operaciones del Menú de Temas

ComfyUI admite la configuración de temas a través de archivos JSON. La imagen a continuación corresponde a las funciones del menú de temas.

Opciones de Configuración del Tema ComfyUI

Personalizar los Colores del Tema de ComfyUI

Siguiendo el paso anterior, puedes descargar la plantilla de tema JSON correspondiente para la operación. Las opciones de configuración JSON correspondientes se explican de la siguiente manera: Nota: el formato json a continuación dará un error debido a los comentarios añadidos. Los comentarios son solo para explicar las opciones de configuración. Por favor, elimine los comentarios al usarlo o descargue la plantilla de tema de ComfyUI para modificarla.

{
  // ID: El identificador único para esta paleta de colores
  "id": "my_color_palette_unique_id",
  // Nombre: El nombre de la paleta de colores
  "name": "Mi Paleta de Colores",
  // Colores: Contiene configuraciones de color para diferentes partes
  "colors": {
    // node_slot: Configuraciones de color relacionadas con los nodos
    "node_slot": {
      // BOOLEAN: El color del nodo de tipo BOOLEAN
      "BOOLEAN": "",
      // CLIP: El color del nodo de tipo CLIP
      "CLIP": "",
      // CLIP_VISION: El color del nodo de tipo CLIP_VISION
      "CLIP_VISION": "",
      // CLIP_VISION_OUTPUT: El color del nodo de tipo CLIP_VISION_OUTPUT
      "CLIP_VISION_OUTPUT": "",
      // CONDITIONING: El color del nodo de tipo CONDITIONING
      "CONDITIONING": "",
      // CONTROL_NET: El color del nodo de tipo CONTROL_NET
      "CONTROL_NET": "",
      // FLOAT: El color del nodo de tipo FLOAT
      "FLOAT": "",
      // GLIGEN: El color del nodo de tipo GLIGEN
      "GLIGEN": "",
      // IMAGE: El color del nodo de tipo IMAGE
      "IMAGE": "",
      // IMAGEUPLOAD: El color del nodo de tipo IMAGEUPLOAD
      "IMAGEUPLOAD": "",
      // INT: El color del nodo de tipo INT
      "INT": "",
      // LATENT: El color del nodo de tipo LATENT
      "LATENT": "",
      // MASK: El color del nodo de tipo MASK
      "MASK": "",
      // MODEL: El color del nodo de tipo MODEL
      "MODEL": "",
      // SAMPLER: El color del nodo de tipo SAMPLER
      "SAMPLER": "",
      // SIGMAS: El color del nodo de tipo SIGMAS
      "SIGMAS": "",
      // STRING: El color del nodo de tipo STRING
      "STRING": "",
      // STYLE_MODEL: El color del nodo de tipo STYLE_MODEL
      "STYLE_MODEL": "",
      // UPSCALE_MODEL: El color del nodo de tipo UPSCALE_MODEL
      "UPSCALE_MODEL": "",
      // VAE: El color del nodo de tipo VAE
      "VAE": ""
    },
    // litegraph_base: Configuraciones de color relacionadas con el entorno base de LiteGraph
    "litegraph_base": {
      // BACKGROUND_IMAGE: Color de la imagen de fondo (puede referirse a la transparencia o estilo de fondo)
      "BACKGROUND_IMAGE": "",
      // CLEAR_BACKGROUND_COLOR: Color de fondo transparente
      "CLEAR_BACKGROUND_COLOR": "",
      // NODE_TITLE_COLOR: Color del título del nodo
      "NODE_TITLE_COLOR": "",
      // NODE_SELECTED_TITLE_COLOR: Color del título del nodo seleccionado
      "NODE_SELECTED_TITLE_COLOR": "",
      // NODE_TEXT_SIZE: Tamaño de fuente del texto del nodo
      "NODE_TEXT_SIZE": "",
      // NODE_TEXT_COLOR: Color del texto del nodo
      "NODE_TEXT_COLOR": "",
      // NODE_SUBTEXT_SIZE: Tamaño de fuente del subtexto del nodo
      "NODE_SUBTEXT_SIZE": "",
      // NODE_DEFAULT_COLOR: Color predeterminado del nodo
      "NODE_DEFAULT_COLOR": "",
      // NODE_DEFAULT_BGCOLOR: Color de fondo predeterminado del nodo
      "NODE_DEFAULT_BGCOLOR": "",
      // NODE_DEFAULT_BOXCOLOR: Color predeterminado de la caja del nodo
      "NODE_DEFAULT_BOXCOLOR": "",
      // NODE_DEFAULT_SHAPE: Forma predeterminada del nodo
      "NODE_DEFAULT_SHAPE": "",
      // NODE_BOX_OUTLINE_COLOR: Color del contorno de la caja del nodo
      "NODE_BOX_OUTLINE_COLOR": "",
      // DEFAULT_SHADOW_COLOR: Color de sombra predeterminado
      "DEFAULT_SHADOW_COLOR": "",
      // DEFAULT_GROUP_FONT: Fuente de grupo predeterminada
      "DEFAULT_GROUP_FONT": "",
      // WIDGET_BGCOLOR: Color de fondo del widget
      "WIDGET_BGCOLOR": "",
      // WIDGET_OUTLINE_COLOR: Color del contorno del widget
      "WIDGET_OUTLINE_COLOR": "",
      // WIDGET_TEXT_COLOR: Color del texto del widget
      "WIDGET_TEXT_COLOR": "",
      // WIDGET_SECONDARY_TEXT_COLOR: Color del texto secundario del widget
      "WIDGET_SECONDARY_TEXT_COLOR": "",
      // LINK_COLOR: Color del enlace
      "LINK_COLOR": "",
      // EVENT_LINK_COLOR: Color del enlace de evento
      "EVENT_LINK_COLOR": "",
      // CONNECTING_LINK_COLOR: Color del enlace de conexión
      "CONNECTING_LINK_COLOR": ""
    },
    // comfy_base: Configuraciones de color base de la interfaz de ComfyUI
    "comfy_base": {
      // fg-color: Color de primer plano
      "fg-color": "",
      // bg-color: Color de fondo
      "bg-color": "",
      // comfy-menu-bg: Color de fondo del menú de ComfyUI
      "comfy-menu-bg": "",
      // comfy-input-bg: Color de fondo del cuadro de entrada de ComfyUI
      "comfy-input-bg": "",
      // input-text: Color del texto del cuadro de entrada
      "input-text": "",
      // descrip-text: Color del texto de descripción
      "descrip-text": "",
      // drag-text: Color del texto de arrastre
      "drag-text": "",
      // error-text: Color del texto de error
      "error-text": "",
      // border-color: Color del borde
      "border-color": "",
      // tr-even-bg-color: Color de fondo de la fila par
      "tr-even-bg-color": "",
      // tr-odd-bg-color: Color de fondo de la fila impar
      "tr-odd-bg-color": ""
    }
  }
}

Registro

Las opciones de registro se utilizan principalmente para mostrar los registros de carga de ComfyUI, incluyendo información sobre la carga de componentes de plugins, etc.

Opciones de Registro de ComfyUI

Después de hacer clic para mostrar los registros, puedes ver información específica del registro en una ventana emergente.

Información de Registro de ComfyUI

Configuraciones de Precisión Ctrl+Arriba / Abajo

ComfyUI te permite aumentar o disminuir rápidamente el peso del aviso seleccionado en el aviso de texto utilizando las teclas de acceso rápido Ctrl+Arriba / Abajo. Esta opción puede establecer el incremento o decremento del peso para el aviso cada vez que se utilizan las teclas de acceso rápido.


Decimales [0=Automático] (Requiere Recarga de Página)

Para ser actualizado.

Desactivar Redondeo de Flotantes (Requiere Recarga de Página)

Para ser actualizado.

Desactivar Deslizadores

Para ser actualizado.

Habilitar Opciones de Modo Desarrollador

Para ser actualizado.

Habilitar Recorte de Elementos DOM (Habilitar Puede Reducir el Rendimiento)

Para ser actualizado.

Tamaño de la Cuadrícula

Se utiliza para ajustar el tamaño de la cuadrícula de fondo en la interfaz de ComfyUI.


Invertir Desplazamiento del Menú

Para ser actualizado.

Número de Sugerencias de Nodos

Esta opción afecta principalmente el estilo de línea de conexión entre diferentes nodos en ComfyUI. Actualmente, ComfyUI proporciona 4 tipos de estilos de línea de conexión, y los significados de las diferentes opciones son los siguientes:

  • Recta
  • Lineal
  • Oculta
  • Spline

Solicitar Nombre de Archivo al Guardar Flujo de Trabajo

Para ser actualizado.

Requerir Confirmación al Limpiar Flujo de Trabajo

Para ser actualizado.

Guardar Posición del Menú

Para ser actualizado.

Al Mostrar una Vista Previa en el Widget de Imagen, Convertirla a una Imagen Ligera, por ejemplo, WebP, JPEG, WebP;50, etc.

Para ser actualizado.

Modo de Control de Valor del Widget

Para ser actualizado.