dongwook-chan Solshine commited on
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>

Files changed (1) hide show
  1. app.py +11 -5
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
- None,
28
- _js="""
29
- () => {
30
  document.body.classList.toggle('dark');
31
- document.querySelector('gradio-app').style.backgroundColor = 'var(--color-background-primary)'
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