298977887/ComfyUI
1
0
Fork 0
mirror of https://github.com/comfyanonymous/ComfyUI.git synced 2025-04-18 18:33:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Support dark mode in GUI.

Browse Source
This commit is contained in:
comfyanonymous 2023-02-12 13:29:34 -05:00
parent 05ad64d22c
commit 3fd6b7027c
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
webshit/index.html
View File

@ -3,6 +3,20 @@
<link rel="stylesheet" type="text/css" href="litegraph.css"> <link rel="stylesheet" type="text/css" href="litegraph.css">
<script type="text/javascript" src="litegraph.core.js"></script> <script type="text/javascript" src="litegraph.core.js"></script>
</head> </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;'> <body style='width:100%; height:100%; overflow: hidden;'>
<style> <style>
.modal { .modal {
@ -198,7 +212,7 @@ function onObjectInfo(json) {
}; };
w.input_div = document.createElement('div'); w.input_div = document.createElement('div');
w.input_div.contentEditable = true; 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.overflow = 'hidden';
w.input_div.style.overflowY = 'auto'; w.input_div.style.overflowY = 'auto';
w.input_div.style.padding = 2; w.input_div.style.padding = 2;