24. Sept. 2024, 22:09

_res/_custom.js

@@ -1,6 +1,8 @@
 function gradioCustomJS() {
 	console.log("gradioCustomJS Started")
 
+	let usedColor = "rgb(250, 179, 135)"
+
 	// MARK: DOM Change Detection
 	function onDomChange(callback) {
 		const observer = new MutationObserver(callback)
@@ -17,7 +19,8 @@ function gradioCustomJS() {
 			document.querySelector("body > gradio-app > div").classList.add("fade-bg")
 			document.querySelector("gradio-app").style.opacity = "0"
 			setTimeout(() => {
-				document.querySelector("body").style.setProperty("--primary-600", document.querySelector("#dominant_image_color > label > textarea").value)
+				usedColor = document.querySelector("#dominant_image_color > label > textarea").value
+				document.querySelector("body").style.setProperty("--primary-600", usedColor)
 				document.querySelector("gradio-app").classList.add("has-bg-image")
 				document.querySelector("body").style.setProperty("--bg-image-path", `url("${document.querySelector("#output_image > div.image-container.svelte-1p15vfy > button > div > img").src}")`)
 			}, 400)
@@ -66,7 +69,6 @@ function gradioCustomJS() {
 	body.className = "dark"
 
 	// Catppuccin colors
-	const usedColor = "rgb(250, 179, 135)"
 	body.style.setProperty("--cat-rosewater", "rgb(245, 224, 220)")
 	body.style.setProperty("--cat-flamingo", "rgb(242, 205, 205)")
 	body.style.setProperty("--cat-pink", "rgb(245, 194, 231)")