Rahatara commited on
Commit
5b1f57a
·
verified ·
1 Parent(s): a364db8

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +3 -3
app.py CHANGED
@@ -3,7 +3,7 @@ import gradio as gr
3
  # CSS to change tab colors
4
  CUSTOM_CSS = """
5
  .tabs {
6
- background-color: #4caf50 !important; /* Change tab background color */
7
  color: white !important; /* Change tab text color */
8
  font-weight: bold !important;
9
  }
@@ -13,7 +13,7 @@ CUSTOM_CSS = """
13
  margin: 5px;
14
  }
15
  .tabs .tab:hover {
16
- background-color: #45a049 !important; /* Change tab hover color */
17
  }
18
  .tabs .tab-selected {
19
  background-color: #2e7d32 !important; /* Change selected tab color */
@@ -22,7 +22,7 @@ CUSTOM_CSS = """
22
  """
23
 
24
  # Create the Gradio app with a theme and custom CSS
25
- with gr.Blocks(css=CUSTOM_CSS, theme=gr.themes.Monochrome()) as app:
26
  with gr.Tab("Box Breathing"):
27
  gr.Markdown("This is the content for Box Breathing.")
28
  with gr.Tab("Calming"):
 
3
  # CSS to change tab colors
4
  CUSTOM_CSS = """
5
  .tabs {
6
+ background-color: #2caf50 !important; /* Change tab background color */
7
  color: white !important; /* Change tab text color */
8
  font-weight: bold !important;
9
  }
 
13
  margin: 5px;
14
  }
15
  .tabs .tab:hover {
16
+ background-color: #D5a049 !important; /* Change tab hover color */
17
  }
18
  .tabs .tab-selected {
19
  background-color: #2e7d32 !important; /* Change selected tab color */
 
22
  """
23
 
24
  # Create the Gradio app with a theme and custom CSS
25
+ with gr.Blocks(css=CUSTOM_CSS, theme=gr.themes.Glass(primary_hue = "rose")) as app:
26
  with gr.Tab("Box Breathing"):
27
  gr.Markdown("This is the content for Box Breathing.")
28
  with gr.Tab("Calming"):