style.css

body {
    font-family: 'Arial', sans-serif;
    background-color: #1a1a2e;
    color: #ffffff;
}
.gradio-container {
    background-color: #1a1a2e;
    color: #ffffff;
}
.gr-button {
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
}
.gr-button:hover {
    background-color: #45a049;
}
.gr-input, .gr-output {
    background-color: #2a2a3e;
    color: #ffffff;
    border: 1px solid #4a4a5e;
    display: block;
    margin: 0 auto;
}
.gr-input:focus, .gr-output:focus {
    outline: none;
    border-color: #6a6a7e;
}
.gr-file-upload {
    background-color: #2a2a3e;
    color: #ffffff;
}
.gr-slider {
    background-color: #2a2a3e;
    color: #ffffff;
}
.gr-dropdown {
    background-color: #2a2a3e;
    color: #ffffff;
}
.gr-image-preview {
    border: 2px solid #4a4a5e;
    background-color: #2a2a3e;
}
.gr-textbox {
    background-color: #2a2a3e;
    color: #ffffff;
    border: 1px solid #4a4a5e;
}
.gr-textbox:focus {
    outline: none;
    border-color: #6a6a7e;
}