styles.css

/* style.css */
/* Overwrite the background color */
.gradio-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background: hsl(39deg 57.28% 92.99%);
}

/* Define your light mode default text color */
:root {
    --custom-text-color-light: #0b0f19; /* Dark color for text in light mode */
}

/* Apply the light mode text color */
.gradio-container .string.svelte-1kspdo {
    color: var(--custom-text-color-light) !important;
}

/* Dark mode specific styles */
.dark .gradio-container .string.svelte-1kspdo {
    color: #f9fafb !important; /* Light color for text in dark mode */
}

/* Hide the footer */
footer {
    display: none !important;
}