style.css

/* style.css */

/* Melhora o contraste geral dos inputs */
.gradio-container .gr-input-text, .gradio-container .gr-textarea, .gradio-container .gr-number {
    background-color: #374151 !important; /* Fundo cinza escuro para caixas de texto */
    color: #E5E7EB !important; /* Cor do texto clara */
    border-color: #4B5563 !important; /* Borda sutil */
}

/* Garante que o placeholder seja legível */
.gradio-container .gr-input-text::placeholder, .gradio-container .gr-textarea::placeholder {
    color: #9CA3AF !important;
}

/* Melhora a aparência dos sliders */
.gradio-container .gr-slider {
    --slider-color: #8B5CF6; /* Cor roxa para o slider */
    --slider-track-color: #4B5563; /* Cor do trilho do slider */
    --slider-track-color-active: #6D28D9;
}

/* Garante que o texto do label dos blocos seja visível */
.gradio-container .gr-block-label {
    color: #E5E7EB !important;
    background-color: #374151 !important;
}

/* Garante que o texto do título dos blocos seja visível */
.gradio-container .gr-panel-title {
    color: #FFFFFF !important;
}