mirror of
https://github.com/comfyanonymous/ComfyUI.git
synced 2025-03-13 14:21:20 +00:00
colorPalette modifies comfyUI as well
This commit is contained in:
parent
40ad2d4a10
commit
73c4ba11fa
@ -45,6 +45,17 @@ const colorPalettes = {
|
||||
"EVENT_LINK_COLOR": "#A86",
|
||||
"CONNECTING_LINK_COLOR": "#AFA",
|
||||
},
|
||||
"comfy_base": {
|
||||
"fg-color": "#000",
|
||||
"bg-color": "#fff",
|
||||
"comfy-menu-bg": "#353535",
|
||||
"comfy-input-bg": "#222",
|
||||
"input-text": "#ddd",
|
||||
"descrip-text": "#999",
|
||||
"drag-text": "#ccc",
|
||||
"error-text": "#ff4444",
|
||||
"border-color": "#4e4e4e"
|
||||
}
|
||||
},
|
||||
},
|
||||
"solarized": {
|
||||
@ -88,6 +99,17 @@ const colorPalettes = {
|
||||
"EVENT_LINK_COLOR": "#268bd2",
|
||||
"CONNECTING_LINK_COLOR": "#859900",
|
||||
},
|
||||
"comfy_base": {
|
||||
"fg-color": "#fdf6e3", // Base3
|
||||
"bg-color": "#002b36", // Base03
|
||||
"comfy-menu-bg": "#073642", // Base02
|
||||
"comfy-input-bg": "#002b36", // Base03
|
||||
"input-text": "#93a1a1", // Base1
|
||||
"descrip-text": "#586e75", // Base01
|
||||
"drag-text": "#839496", // Base0
|
||||
"error-text": "#dc322f", // Solarized Red
|
||||
"border-color": "#657b83" // Base00
|
||||
}
|
||||
},
|
||||
}
|
||||
};
|
||||
@ -251,6 +273,22 @@ app.registerExtension({
|
||||
}
|
||||
}
|
||||
}
|
||||
if (colorPalette.colors.comfy_base) {
|
||||
const stylesheet = document.styleSheets[1];
|
||||
|
||||
for (let i = 0; i < stylesheet.cssRules.length; i++) {
|
||||
const rule = stylesheet.cssRules[i];
|
||||
const selectorText = rule.selectorText;
|
||||
|
||||
if (selectorText && selectorText === ":root") {
|
||||
console.log("Found :root rule");
|
||||
for (const key in colorPalette.colors.comfy_base) {
|
||||
rule.style.setProperty('--' + key, colorPalette.colors.comfy_base[key]);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
app.canvas.draw(true, true);
|
||||
}
|
||||
};
|
||||
|
Loading…
Reference in New Issue
Block a user