utils/styles.py

import streamlit as st


def apply_styles():
    st.markdown(
        """
    <style>
        .content{
            border-radius: 8px;
            box-shadow: 0 1px 3px rgba(65,65,65,.492);
            background: #fbfafa;
            padding : 0 10px 0 20px
        }

        .content h2{
            text-transform : uppercase;
            font-size : 25px;
            font-weight : 700;
            color: #519ba7
        }
        .stChatMessage .markdown-text-container {
            word-wrap: break-word;
        }

        [data-testid="stSidebarUserContent"] {
            background-color: #f0f2f6; /* Couleur de fond de la barre latérale */
            color: #333; /* Couleur du texte dans la barre latérale */
            /* Autres styles CSS ici */
        }

        .menu .container-xxl[data-v-5af006b8] {
            background-color: transparent;
            border-radius: 30rem;
        }

       #MainMenu, header, footer{
       visibility: hidden;
       }


        section[data-testid="stSidebar"] div:first-child {
            top: 0;
            height: 100vh;
        }

        .block-container {
            padding-top: 2rem;
            padding-bottom: 0rem;
            padding-left: 5rem;
            padding-right: 5rem;
        }

       
        
        /* Personnaliser l'arrière-plan de la zone de saisie de chat */
        .stChatInput textarea {
            background-color: #212121; /* Couleur de fond légère */
        }

        .stChatInput textarea::placeholder { color:white }


        .stChatInput textarea:focus { border : 1px solid #519ba7; color:white }

      
    </style> 
    """,
        unsafe_allow_html=True,
    )