24. Sept. 2024, 23:05

_res/_custom.js

@@ -128,22 +128,22 @@ function gradioCustomJS() {
 	}
 
 	onDomChange(() => {
-		console.log("changed: " + dominantColorField.value)
-		if (dominantColorField.value.match(/^rgb\((\d{1,3}),(\s\d{1,3}),(\s\d{1,3})\)$/) && outputImageElem.src) {
-			outputImageElem.style.opacity = "0"
+		console.log("changed: " + document.querySelector("#dominant_image_color > label > textarea").value)
+		if (document.querySelector("#dominant_image_color > label > textarea").value.match(/^rgb\((\d{1,3}),(\s\d{1,3}),(\s\d{1,3})\)$/) && document.querySelector("#output_image > div.image-container.svelte-1p15vfy > button > div > img").src) {
+			document.querySelector("#output_image > div.image-container.svelte-1p15vfy > button > div > img").style.opacity = "0"
 			document.querySelector("body > gradio-app > div").classList.add("fade-bg")
 			document.querySelector("gradio-app").style.opacity = "0"
 			setTimeout(() => {
-				usedColor = dominantColorField.value
-				body.style.setProperty("--primary-600", dominantColorField.value)
-				body.style.setProperty("--text-color-by-luminance", anpasseTextfarbe(dominantColorField.value))
+				usedColor = document.querySelector("#dominant_image_color > label > textarea").value
+				body.style.setProperty("--primary-600", document.querySelector("#dominant_image_color > label > textarea").value)
+				body.style.setProperty("--text-color-by-luminance", anpasseTextfarbe(document.querySelector("#dominant_image_color > label > textarea").value))
 				gradioApp.classList.add("has-bg-image")
-				body.style.setProperty("--bg-image-path", `url("${outputImageElem.src}")`)
+				body.style.setProperty("--bg-image-path", `url("${document.querySelector("#output_image > div.image-container.svelte-1p15vfy > button > div > img").src}")`)
 			}, 400)
 			setTimeout(() => {
 				gradioApp.style.opacity = "1"
-				outputImageElem.style.opacity = "1"
-				dominantColorField.value = ""
+				document.querySelector("#output_image > div.image-container.svelte-1p15vfy > button > div > img").style.opacity = "1"
+				document.querySelector("#dominant_image_color > label > textarea").value = ""
 			}, 800)
 			setTimeout(() => {
 				//document.querySelector("body > gradio-app > div").classList.remove("fade-bg")