From 3fd6b7027cac4f29a57c84412c7c01bff6896adc Mon Sep 17 00:00:00 2001
From: comfyanonymous <comfyanonymous@protonmail.com>
Date: Sun, 12 Feb 2023 13:29:34 -0500
Subject: [PATCH] Support dark mode in GUI.

---
 webshit/index.html | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)
diff --git a/webshit/index.html b/webshit/index.html
index 683d9648..4fb73988 100644
--- a/webshit/index.html
+++ b/webshit/index.html
@@ -3,6 +3,20 @@
 	<link rel="stylesheet" type="text/css" href="litegraph.css">
 	<script type="text/javascript" src="litegraph.core.js"></script>
 </head>
+<style>
+.customtext_input {
+    background-color: #FFFFFF;
+}
+@media (prefers-color-scheme: dark) {
+    body {
+        background-color: #202020;
+    }
+    .customtext_input {
+        background-color: #202020;
+        color: white;
+    }
+}
+</style>
 <body style='width:100%; height:100%; overflow: hidden;'>
 <style>
 .modal {
@@ -198,7 +212,7 @@ function onObjectInfo(json) {
                         };
                         w.input_div = document.createElement('div');
                         w.input_div.contentEditable = true;
-                        w.input_div.style.backgroundColor = "#FFFFFF";
+                        w.input_div.className = "customtext_input";
                         w.input_div.style.overflow = 'hidden';
                         w.input_div.style.overflowY = 'auto';
                         w.input_div.style.padding = 2;
