Spaces:
Sleeping
Sleeping
Commit
·
36dee62
1
Parent(s):
f1194a6
Updated Dark Mode (#1)
Browse files- Updated Dark Mode (9d0bcaf0cbcbf1bb6c440f5aa70eefeee698968d)
Co-authored-by: Caleb DeLeeuw <Solshine@users.noreply.huggingface.co>
app.py
CHANGED
|
@@ -24,12 +24,18 @@ with gr.Blocks(theme='pseudolab/huggingface-korea-theme') as demo:
|
|
| 24 |
|
| 25 |
dropdown.change(None, dropdown, None, _js=js)
|
| 26 |
toggle_dark.click(
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
document.body.classList.toggle('dark');
|
| 31 |
-
document.
|
| 32 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 33 |
""",
|
| 34 |
)
|
| 35 |
|
|
|
|
| 24 |
|
| 25 |
dropdown.change(None, dropdown, None, _js=js)
|
| 26 |
toggle_dark.click(
|
| 27 |
+
None,
|
| 28 |
+
_js="""
|
| 29 |
+
() => {
|
| 30 |
document.body.classList.toggle('dark');
|
| 31 |
+
if (document.body.classList.contains('dark')) {
|
| 32 |
+
document.querySelector('gradio-app').style.backgroundColor = '#222';
|
| 33 |
+
document.querySelector('gradio-app').style.color = '#fff';
|
| 34 |
+
} else {
|
| 35 |
+
document.querySelector('gradio-app').style.backgroundColor = '#fff';
|
| 36 |
+
document.querySelector('gradio-app').style.color = '#222';
|
| 37 |
+
}
|
| 38 |
+
}
|
| 39 |
""",
|
| 40 |
)
|
| 41 |
|