Jahnavibh Claude commited on
Commit
2df5cd6
·
1 Parent(s): 6183273

Fix patchy background: Remove color inconsistency between elements

Browse files

Root cause found: Background color mismatch within the same app
- body/gradio-container: #fafafa
- .card/.card-content: white

This created visual inconsistency. Changed all elements to use consistent #fafafa background.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

Files changed (1) hide show
  1. app.py +2 -2
app.py CHANGED
@@ -158,7 +158,7 @@ with gr.Blocks(
158
  letter-spacing: -0.025em;
159
  }
160
  .card {
161
- background: white !important;
162
  border-radius: 12px !important;
163
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
164
  border: 1px solid #e5e7eb !important;
@@ -189,7 +189,7 @@ with gr.Blocks(
189
  padding: 1.5rem !important;
190
  color: #4b5563 !important;
191
  line-height: 1.6 !important;
192
- background: white !important;
193
  }
194
  .stats-grid {
195
  display: grid !important;
 
158
  letter-spacing: -0.025em;
159
  }
160
  .card {
161
+ background: #fafafa !important;
162
  border-radius: 12px !important;
163
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
164
  border: 1px solid #e5e7eb !important;
 
189
  padding: 1.5rem !important;
190
  color: #4b5563 !important;
191
  line-height: 1.6 !important;
192
+ background: #fafafa !important;
193
  }
194
  .stats-grid {
195
  display: grid !important;