298977887/ComfyUI
1
0
Fork 0
mirror of https://github.com/comfyanonymous/ComfyUI.git synced 2025-04-19 02:43:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

colorPalette modifies comfyUI as well

Browse Source
This commit is contained in:
EllangoK 2023-04-11 11:38:55 -04:00
parent 40ad2d4a10
commit 73c4ba11fa
1 changed files with 38 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
web/extensions/core/colorPalette.js
View File

@ -45,6 +45,17 @@ const colorPalettes = {
"EVENT_LINK_COLOR": "#A86", "EVENT_LINK_COLOR": "#A86",
"CONNECTING_LINK_COLOR": "#AFA", "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": { "solarized": {
@ -88,6 +99,17 @@ const colorPalettes = {
"EVENT_LINK_COLOR": "#268bd2", "EVENT_LINK_COLOR": "#268bd2",
"CONNECTING_LINK_COLOR": "#859900", "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); app.canvas.draw(true, true);
} }
}; };