ui/styles.css

/* Target actual Gradio container and components */
.gradio-container,  
.block, 
.form,
.gr-group, {
    background-color: white !important;
}

/* Target the main content areas */
.contain, .wrap, .form {
    background-color: white !important;
}


#control_panel {  
    background-color: white !important; */
    padding: 15px !important;
    margin: 10px !important;
}

#footer {
    text-align: center;
    color: gray;
    font-size: 0.9em;
}


#component-8 { background: red !important; }
#component-9 { background: blue !important; } 
#component-10 { background: green !important; }
#component-1 { background: yellow !important; }