Code Editor for app.py

import streamlit as st

# Set page config with dark theme
st.set_page_config(layout="wide")

# Custom CSS for the banner and page background
st.markdown(
    """
    <style>
    .banner {
        padding: 20px;
        background-color: blue;
        color: white;
        text-align: center;
        font-size: 24px;
        margin-bottom: 20px;
    }
    
    /* Set the background color for the main content */
    .stApp {
        background-color: black;
        color: white;
    }
    </style>
    """,
    unsafe_allow_html=True
)

# Banner
st.markdown('<div class="banner">My Application</div>', unsafe_allow_html=True)

# Dropdown fields
option1 = st.selectbox(
    'Select a fruit',
    ['Apple', 'Banana', 'Orange', 'Mango', 'Pineapple']
)

option2 = st.selectbox(
    'Select a country',
    ['USA', 'Canada', 'UK', 'France', 'Germany', 'Japan']
)

option3 = st.selectbox(
    'Select a color',
    ['Red', 'Blue', 'Green', 'Yellow', 'Purple', 'Pink']
)

# Display selected options
st.write('You selected:')
st.write(f'Fruit: {option1}')
st.write(f'Country: {option2}')
st.write(f'Color: {option3}')