streamlit customizations

  1. Hide the menu button

     st.markdown( 
         """ <style>
         #MainMenu {visibility: hidden;}
         footer {visibility: hidden;}
         </style> """, unsafe_allow_html=True)
  2. Condense the layout

     padding = 0
     st.markdown(f""" <style>
       .reportview-container .main .block-container{{
           padding-top: {padding}rem;
           padding-right: {padding}rem;
           padding-left: {padding}rem;
           padding-bottom: {padding}rem;
       }} </style> """, unsafe_allow_html=True)
  3. Custom color palette
    All I had to do was create a .streamlit folder in my repository and add this config.toml file

     [theme]
     primaryColor="#2214c7"
     backgroundColor="#ffffff"
     secondaryBackgroundColor="#e8eef9"
     textColor="#000000"
     font="sans serif"