style context menu

fix graphdialog background, and palette template
This commit is contained in:
EllangoK 2023-05-01 13:16:19 -04:00
parent b04e16ef5a
commit 6aae1f497f
2 changed files with 45 additions and 6 deletions

View File

@ -232,10 +232,27 @@ app.registerExtension({
"name": "My Color Palette",
"colors": {
"node_slot": {
},
"litegraph_base": {
},
"comfy_base": {
}
}
};
// Copy over missing keys from default color palette
const defaultColorPalette = colorPalettes[defaultColorPaletteId];
for (const key in defaultColorPalette.colors.litegraph_base) {
if (!colorPalette.colors.litegraph_base[key]) {
colorPalette.colors.litegraph_base[key] = "";
}
}
for (const key in defaultColorPalette.colors.comfy_base) {
if (!colorPalette.colors.comfy_base[key]) {
colorPalette.colors.comfy_base[key] = "";
}
}
return completeColorPalette(colorPalette);
};

View File

@ -257,8 +257,11 @@ button.comfy-queue-btn {
}
}
/* Input popup */
.graphdialog {
min-height: 1em;
background-color: var(--comfy-menu-bg);
}
.graphdialog .name {
@ -282,18 +285,37 @@ button.comfy-queue-btn {
border-radius: 12px 0 0 12px;
}
/* Context menu */
.litegraph .litemenu-entry.has_submenu {
position: relative;
padding-right: 20px;
}
}
.litemenu-entry.has_submenu::after {
.litemenu-entry.has_submenu::after {
content: ">";
position: absolute;
top: 0;
right: 2px;
}
.litecontextmenu {
}
.litecontextmenu {
z-index: 9999 !important;
}
}
.litegraph.litecontextmenu {
background-color: var(--comfy-menu-bg) !important;
filter: brightness(95%);
color: var(--input-text) !important;
}
.litegraph.litecontextmenu .litemenu-entry:hover:not(.disabled):not(.separator) {
background-color: var(--comfy-menu-bg) !important;
filter: brightness(155%);
color: var(--input-text) !important;
}
.litegraph.litecontextmenu .litemenu-entry.submenu {
background-color: var(--comfy-menu-bg) !important;
color: var(--input-text) !important;
}