mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-09 17:40:09 +00:00
549ef79e02
Update minimap and graph canvas menu (bottom right) to use menu tokens. Change canvas BG color on default dark theme. <img width="3840" height="2029" alt="image" src="https://github.com/user-attachments/assets/6d168981-df27-40c0-829c-59150b8a6a12" /> ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-6589-wip-Style-graph-canvas-color-2a26d73d365081cb88c4c4bdb2b6d3a5) by [Unito](https://www.unito.io) --------- Co-authored-by: github-actions <github-actions@github.com> Co-authored-by: Alexander Brown <drjkl@comfy.org>
73 lines
2.6 KiB
JSON
73 lines
2.6 KiB
JSON
{
|
|
"id": "dark",
|
|
"name": "Dark (Default)",
|
|
"colors": {
|
|
"node_slot": {
|
|
"CLIP": "#FFD500",
|
|
"CLIP_VISION": "#A8DADC",
|
|
"CLIP_VISION_OUTPUT": "#ad7452",
|
|
"CONDITIONING": "#FFA931",
|
|
"CONTROL_NET": "#6EE7B7",
|
|
"IMAGE": "#64B5F6",
|
|
"LATENT": "#FF9CF9",
|
|
"MASK": "#81C784",
|
|
"MODEL": "#B39DDB",
|
|
"STYLE_MODEL": "#C2FFAE",
|
|
"VAE": "#FF6E6E",
|
|
"NOISE": "#B0B0B0",
|
|
"GUIDER": "#66FFFF",
|
|
"SAMPLER": "#ECB4B4",
|
|
"SIGMAS": "#CDFFCD",
|
|
"TAESD": "#DCC274"
|
|
},
|
|
"litegraph_base": {
|
|
"BACKGROUND_IMAGE": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNrs1rEKwjAUhlETUkj3vP9rdmr1Ysammk2w5wdxuLgcMHyptfawuZX4pJSWZTnfnu/lnIe/jNNxHHGNn//HNbbv+4dr6V+11uF527arU7+u63qfa/bnmh8sWLBgwYJlqRf8MEptXPBXJXa37BSl3ixYsGDBMliwFLyCV/DeLIMFCxYsWLBMwSt4Be/NggXLYMGCBUvBK3iNruC9WbBgwYJlsGApeAWv4L1ZBgsWLFiwYJmCV/AK3psFC5bBggULloJX8BpdwXuzYMGCBctgwVLwCl7Be7MMFixYsGDBsu8FH1FaSmExVfAxBa/gvVmwYMGCZbBg/W4vAQYA5tRF9QYlv/QAAAAASUVORK5CYII=",
|
|
"CLEAR_BACKGROUND_COLOR": "#141414",
|
|
"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": {
|
|
"fg-color": "#fff",
|
|
"bg-color": "#202020",
|
|
"comfy-menu-bg": "#171718",
|
|
"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"
|
|
}
|
|
}
|
|
}
|