Support dark mode in GUI.

3fd6b702 · comfyanonymous · 05ad64d2 · 3fd6b702
Commit 3fd6b702 authored Feb 12, 2023 by comfyanonymous
Hide whitespace changes
Inline Side-by-side

Showing with 15 additions and 1 deletion

webshit/index.html webshit/index.html +15 -1

No files found.
--- 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;