dev/node-color-picker
ComfyUI komlevv tweaks
A monorepo for personal ComfyUI tweaks, frontend extensions, custom nodes, and future utilities.
Disclaimer
Tested on:
- ComfyUI
0.18.2 Portable ComfyUI_frontend v1.41.21Templates v0.9.36Edge 146.0.3
Use at your own risk.
Install
Clone this repo into your ComfyUI/custom_nodes folder, restart ComfyUI, then refresh the browser page.
Application Settings layout
Custom settings from this repo live under:
komlevv-tweaks
Current tweak groups:
komlevv-tweaks > Canvas Stylekomlevv-tweaks > Link Stylekomlevv-tweaks > Node Colors
Repository layout
py/— Python backend modules and future custom nodesweb/js/— frontend extensions and shared JS helpers
Included tweaks
Canvas Style
Canvas Style is the tweak group for graph canvas background behavior.
Current settings added by this tweak group:
Force hide background pattern
Current behavior:
- Suppresses the LiteGraph background pattern layer
- Suppresses the low-zoom background fill that would otherwise darken the canvas during zoom out
- Keeps the canvas background visually consistent across zoom levels
- Works both with and without a custom Canvas Background Image
Link Style
Link Style is the tweak group for link-related visual customization.
Current settings added by this tweak group:
Reroute dot radiusReroute stroke widthReroute stroke colorReroute inner stroke colorReroute selected ring colorReroute selected ring stroke widthReroute flat fill modeReroute stroke enabledLink widthLink stroke widthLink stroke colorLink stroke enabled
Current behavior:
- Changes the size of the inline reroute point on links
- Changes inline reroute dot stroke width
- Changes inline reroute dot outer stroke color
- Changes inline reroute dot inner stroke color
- Changes inline reroute dot selected ring color
- Changes inline reroute selected ring stroke width independently from other reroute strokes
- Can switch reroute fill to flat mode (inner highlight uses same fill color as outer)
- Can toggle reroute circle stroke on/off without affecting selected ring
- Adds a theme-aware border around settings color preview swatches so white values stay visible on light palettes
- Changes normal-mode link width
- Changes normal-mode link stroke width
- Changes normal-mode link stroke color
- Can toggle normal-mode link stroke on/off
- Does not change the white Reroute node
- Does not override ComfyUI low-quality zoom-out link rendering
Notes:
Link stroke coloruses the chosen color with a fixed semi-transparent stroke so the default ComfyUI look stays close to stock.
Node Colors
Node Colors is the tweak group for overriding built-in LiteGraph color presets.
Current settings added by this tweak group:
Reset all presets to stock nowReset <Preset> preset to stock now- Separate
Title color,Background color, andGroup colorpickers for every built-in preset:RedBrownGreenBluePale blueCyanPurpleYellowBlack
Current behavior:
- Overrides built-in
LiteGraph.LGraphCanvas.node_colorspresets - Keeps preset fields fully manual instead of auto-deriving colors
- Tries to normalize color picker values from multiple formats before applying them
- Updates existing nodes and groups when they still match the previous preset values
- Adds a theme-aware border around settings color preview swatches so white values stay visible on light palettes
Commands:
Reset Node Colors: all presets to stockReset Node Colors: <Preset> preset to stock
Languages
JavaScript
88.2%
CSS
10.3%
Python
1.5%