style.css

/* style.css */

/* Main content */
.main {
    background-color: #F5F5F5; /* Lighter grey background */
    color: #444; /* Darker text for contrast */
}

/* Sidebar */
.sidebar .sidebar-content {
    background-color: #F0F0F0; /* Even lighter grey background */
    color: #444; /* Darker text for contrast */
}

/* Headers */
h1, h2, h3 {
    color: #79A9D2; /* Lighter blue for headers */
}

/* Text input */
.stTextInput > div > div > input {
    background-color: #F5F5F5; /* Lighter background for inputs */
    color: #444; /* Darker text for readability */
    border: 1px solid #D9D9D9; /* Lighter border */
}

/* Button */
.stButton > button {
    background-color: #79A9D2; /* Lighter blue background for buttons */
    color: #FFFFFF; /* White text */
}

.stButton > button:hover {
    background-color: #6593C5; /* Slightly darker blue on hover */
}

/* Spinner */
.stSpinner > div > div > div {
    border-top-color: #79A9D2 !important; /* Lighter blue spinner */
}

/* DataFrames */
.dataframe {
    background-color: #F5F5F5; /* Lighter background for dataframes */
    color: #444; /* Darker text for readability */
}

/* Streamlit elements */
.stSelectbox > div > div > div {
    background-color: #F5F5F5; /* Lighter background for select boxes */
    color: #444; /* Darker text */
}

.stCheckbox > label > div[role="checkbox"] {
    background-color: #F5F5F5 !important; /* Lighter background for checkboxes */
}

/* Plotly charts */
.js-plotly-plot .plotly .modebar {
    background-color: #F5F5F5 !important; /* Lighter grey for plotly modebar */
}

/* Streamlit native charts */
.stChart > div > div > div {
    background-color: #F5F5F5 !important; /* Lighter background for native charts */
}

/* Download button */
.stDownloadButton > button {
    background-color: #4CAF50; /* Soft green background */
    color: #FFFFFF; /* White text */
}

.stDownloadButton > button:hover {
    background-color: #45A049; /* Slightly darker green on hover */
}

/* Warning messages */
.stAlert {
    background-color: #FFCC00; /* Soft yellow for warnings */
    color: #444; /* Darker text */
}