Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
chenpangpang
ComfyUI
Commits
15da5404
Commit
15da5404
authored
Apr 08, 2023
by
comfyanonymous
Browse files
Merge branch 'themes' of
https://github.com/EllangoK/ComfyUI
parents
24d53992
53fba56e
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
78 additions
and
20 deletions
+78
-20
web/extensions/core/colorPalette.js
web/extensions/core/colorPalette.js
+78
-20
No files found.
web/extensions/core/colorPalette.js
View file @
15da5404
...
@@ -21,28 +21,74 @@ const colorPalettes = {
...
@@ -21,28 +21,74 @@ const colorPalettes = {
"
MODEL
"
:
"
#B39DDB
"
,
// light lavender-purple
"
MODEL
"
:
"
#B39DDB
"
,
// light lavender-purple
"
STYLE_MODEL
"
:
"
#C2FFAE
"
,
// light green-yellow
"
STYLE_MODEL
"
:
"
#C2FFAE
"
,
// light green-yellow
"
VAE
"
:
"
#FF6E6E
"
,
// bright red
"
VAE
"
:
"
#FF6E6E
"
,
// bright red
}
},
}
"
litegraph_base
"
:
{
"
NODE_TITLE_COLOR
"
:
"
#999
"
,
"
NODE_SELECTED_TITLE_COLOR
"
:
"
#FFF
"
,
"
NODE_TEXT_SIZE
"
:
14
,
"
NODE_TEXT_COLOR
"
:
"
#AAA
"
,
"
NODE_SUBTEXT_SIZE
"
:
12
,
"
NODE_DEFAULT_COLOR
"
:
"
#333
"
,
"
NODE_DEFAULT_BGCOLOR
"
:
"
#353535
"
,
"
NODE_DEFAULT_BOXCOLOR
"
:
"
#666
"
,
"
NODE_DEFAULT_SHAPE
"
:
"
box
"
,
"
NODE_BOX_OUTLINE_COLOR
"
:
"
#FFF
"
,
"
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
"
,
"
LINK_COLOR
"
:
"
#9A9
"
,
"
EVENT_LINK_COLOR
"
:
"
#A86
"
,
"
CONNECTING_LINK_COLOR
"
:
"
#AFA
"
,
},
},
},
},
"
palette_2
"
:
{
"
solarized
"
:
{
"
id
"
:
"
palette_2
"
,
"
id
"
:
"
solarized
"
,
"
name
"
:
"
Palette 2
"
,
"
name
"
:
"
Solarized
"
,
"
colors
"
:
{
"
colors
"
:
{
"
node_slot
"
:
{
"
node_slot
"
:
{
"
CLIP
"
:
"
#556B2F
"
,
// Dark Olive Green
"
CLIP
"
:
"
#859900
"
,
// Green
"
CLIP_VISION
"
:
"
#4B0082
"
,
// Indigo
"
CLIP_VISION
"
:
"
#6c71c4
"
,
// Indigo
"
CLIP_VISION_OUTPUT
"
:
"
#006400
"
,
// Green
"
CLIP_VISION_OUTPUT
"
:
"
#859900
"
,
// Green
"
CONDITIONING
"
:
"
#FF1493
"
,
// Deep Pink
"
CONDITIONING
"
:
"
#d33682
"
,
// Magenta
"
CONTROL_NET
"
:
"
#8B4513
"
,
// Saddle Brown
"
CONTROL_NET
"
:
"
#cb4b16
"
,
// Orange
"
IMAGE
"
:
"
#8B0000
"
,
// Dark Red
"
IMAGE
"
:
"
#dc322f
"
,
// Red
"
LATENT
"
:
"
#00008B
"
,
// Dark Blue
"
LATENT
"
:
"
#268bd2
"
,
// Blue
"
MASK
"
:
"
#2F4F4F
"
,
// Dark Slate Grey
"
MASK
"
:
"
#073642
"
,
// Base02
"
MODEL
"
:
"
#FF8C00
"
,
// Dark Orange
"
MODEL
"
:
"
#cb4b16
"
,
// Orange
"
STYLE_MODEL
"
:
"
#004A4A
"
,
// Sherpa Blue
"
STYLE_MODEL
"
:
"
#073642
"
,
// Base02
"
UPSCALE_MODEL
"
:
"
#4A004A
"
,
// Tyrian Purple
"
UPSCALE_MODEL
"
:
"
#6c71c4
"
,
// Indigo
"
VAE
"
:
"
#4F394F
"
,
// Loulou
"
VAE
"
:
"
#586e75
"
,
// Base1
}
},
}
"
litegraph_base
"
:
{
"
NODE_TITLE_COLOR
"
:
"
#fdf6e3
"
,
"
NODE_SELECTED_TITLE_COLOR
"
:
"
#b58900
"
,
"
NODE_TEXT_SIZE
"
:
14
,
"
NODE_TEXT_COLOR
"
:
"
#657b83
"
,
"
NODE_SUBTEXT_SIZE
"
:
12
,
"
NODE_DEFAULT_COLOR
"
:
"
#586e75
"
,
"
NODE_DEFAULT_BGCOLOR
"
:
"
#073642
"
,
"
NODE_DEFAULT_BOXCOLOR
"
:
"
#839496
"
,
"
NODE_DEFAULT_SHAPE
"
:
"
box
"
,
"
NODE_BOX_OUTLINE_COLOR
"
:
"
#fdf6e3
"
,
"
DEFAULT_SHADOW_COLOR
"
:
"
rgba(0,0,0,0.5)
"
,
"
DEFAULT_GROUP_FONT
"
:
24
,
"
WIDGET_BGCOLOR
"
:
"
#002b36
"
,
"
WIDGET_OUTLINE_COLOR
"
:
"
#839496
"
,
"
WIDGET_TEXT_COLOR
"
:
"
#fdf6e3
"
,
"
WIDGET_SECONDARY_TEXT_COLOR
"
:
"
#93a1a1
"
,
"
LINK_COLOR
"
:
"
#2aa198
"
,
"
EVENT_LINK_COLOR
"
:
"
#268bd2
"
,
"
CONNECTING_LINK_COLOR
"
:
"
#859900
"
,
},
},
}
}
};
};
...
@@ -192,8 +238,20 @@ app.registerExtension({
...
@@ -192,8 +238,20 @@ app.registerExtension({
if
(
colorPalette
.
colors
)
{
if
(
colorPalette
.
colors
)
{
if
(
colorPalette
.
colors
.
node_slot
)
{
if
(
colorPalette
.
colors
.
node_slot
)
{
Object
.
assign
(
app
.
canvas
.
default_connection_color_byType
,
colorPalette
.
colors
.
node_slot
);
Object
.
assign
(
app
.
canvas
.
default_connection_color_byType
,
colorPalette
.
colors
.
node_slot
);
app
.
canvas
.
draw
(
true
,
true
);
Object
.
assign
(
LGraphCanvas
.
link_type_colors
,
colorPalette
.
colors
.
node_slot
);
}
if
(
colorPalette
.
colors
.
litegraph_base
)
{
// Everything updates correctly in the loop, except the Node Title and Link Color for some reason
app
.
canvas
.
node_title_color
=
colorPalette
.
colors
.
litegraph_base
.
NODE_TITLE_COLOR
;
app
.
canvas
.
default_link_color
=
colorPalette
.
colors
.
litegraph_base
.
LINK_COLOR
;
for
(
const
key
in
colorPalette
.
colors
.
litegraph_base
)
{
if
(
colorPalette
.
colors
.
litegraph_base
.
hasOwnProperty
(
key
)
&&
LiteGraph
.
hasOwnProperty
(
key
))
{
LiteGraph
[
key
]
=
colorPalette
.
colors
.
litegraph_base
[
key
];
}
}
}
}
app
.
canvas
.
draw
(
true
,
true
);
}
}
};
};
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment