From 73c4ba11fafb7088da6504f8be551b763e5474bb Mon Sep 17 00:00:00 2001
From: EllangoK <karun.ellango7@gmail.com>
Date: Tue, 11 Apr 2023 11:38:55 -0400
Subject: [PATCH] colorPalette modifies comfyUI as well

---
 web/extensions/core/colorPalette.js | 38 +++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/web/extensions/core/colorPalette.js b/web/extensions/core/colorPalette.js
index a08d4668..31d91836 100644
--- a/web/extensions/core/colorPalette.js
+++ b/web/extensions/core/colorPalette.js
@@ -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);
 			}
 		};