Tamiloneto8 commited on
Commit
3eb64e4
·
verified ·
1 Parent(s): 192d13e

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +14 -4
app.py CHANGED
@@ -127,9 +127,9 @@ def create_DubIndic_interface():
127
  button_primary_background_fill="linear-gradient(45deg, #f97316, #ef4444)",
128
  button_primary_background_fill_hover="linear-gradient(45deg, #ea580c, #dc2626)",
129
  button_primary_text_color="white",
130
- block_background_fill="rgba(255, 255, 255, 0.05)",
131
  block_border_color="rgba(249, 115, 22, 0.2)",
132
- input_background_fill="rgba(255, 255, 255, 0.9)",
133
  input_border_color="rgba(249, 115, 22, 0.3)",
134
  input_border_color_focus="rgba(239, 68, 68, 0.6)"
135
  )
@@ -137,7 +137,7 @@ def create_DubIndic_interface():
137
  # Define the Gradio Interface using Blocks for a custom layout
138
  with gr.Blocks(theme=custom_theme, title="DubIndic - AI Audio Dubbing", css="""
139
  .gradio-container {
140
- background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(239, 68, 68, 0.1));
141
  }
142
  .gr-button[variant="primary"] {
143
  background: linear-gradient(45deg, #f97316, #ef4444) !important;
@@ -151,7 +151,7 @@ def create_DubIndic_interface():
151
  box-shadow: 0 4px 8px rgba(239, 68, 68, 0.3);
152
  }
153
  .gr-button[variant="secondary"] {
154
- background: linear-gradient(45deg, rgba(249, 115, 22, 0.1), rgba(239, 68, 68, 0.1)) !important;
155
  border: 2px solid #f97316 !important;
156
  color: #f97316 !important;
157
  font-weight: bold !important;
@@ -169,11 +169,21 @@ def create_DubIndic_interface():
169
  }
170
  .gr-textbox {
171
  border: 2px solid rgba(249, 115, 22, 0.3) !important;
 
172
  }
173
  .gr-textbox:focus {
174
  border-color: #ef4444 !important;
175
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
176
  }
 
 
 
 
 
 
 
 
 
177
  """) as demo:
178
  gr.Markdown("# 🎬 DubIndic - AI Audio Dubbing Pipeline")
179
  gr.Markdown("Transform your audio into another Indian language with full editing control.")
 
127
  button_primary_background_fill="linear-gradient(45deg, #f97316, #ef4444)",
128
  button_primary_background_fill_hover="linear-gradient(45deg, #ea580c, #dc2626)",
129
  button_primary_text_color="white",
130
+ block_background_fill="#fff8e6",
131
  block_border_color="rgba(249, 115, 22, 0.2)",
132
+ input_background_fill="#fff8e6",
133
  input_border_color="rgba(249, 115, 22, 0.3)",
134
  input_border_color_focus="rgba(239, 68, 68, 0.6)"
135
  )
 
137
  # Define the Gradio Interface using Blocks for a custom layout
138
  with gr.Blocks(theme=custom_theme, title="DubIndic - AI Audio Dubbing", css="""
139
  .gradio-container {
140
+ background: #fff8e6;
141
  }
142
  .gr-button[variant="primary"] {
143
  background: linear-gradient(45deg, #f97316, #ef4444) !important;
 
151
  box-shadow: 0 4px 8px rgba(239, 68, 68, 0.3);
152
  }
153
  .gr-button[variant="secondary"] {
154
+ background: #fff8e6 !important;
155
  border: 2px solid #f97316 !important;
156
  color: #f97316 !important;
157
  font-weight: bold !important;
 
169
  }
170
  .gr-textbox {
171
  border: 2px solid rgba(249, 115, 22, 0.3) !important;
172
+ background: #fff8e6 !important;
173
  }
174
  .gr-textbox:focus {
175
  border-color: #ef4444 !important;
176
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
177
  }
178
+ .gr-audio {
179
+ background: #fff8e6 !important;
180
+ }
181
+ .gr-dropdown {
182
+ background: #fff8e6 !important;
183
+ }
184
+ .gr-row, .gr-column {
185
+ background: #fff8e6 !important;
186
+ }
187
  """) as demo:
188
  gr.Markdown("# 🎬 DubIndic - AI Audio Dubbing Pipeline")
189
  gr.Markdown("Transform your audio into another Indian language with full editing control.")