Modify CSS sidebar

[Tarik37]

Hello, first of all thanks for those fantastic module, I Wonder how Can i Modify CSS sidebar opacity and add red bouder on selected tab. On Hover thé texte color IS highlighted but since i am a complété beginers in CSS and streamlit Can you show me a example.

[Socvest]

Hello, glad you like the component. You can change the sidebar css via altering the elements via the style.css file here.

If you want to change the colour of the sidebar for example as demonstrated in the css file:

section[data-testid='stSidebar'] {
    background-color: #111;
    min-width:unset !important;
    width: unset !important;
    flex-shrink: unset !important;   
}

Thanks!

[Socvest]

Hello again :). So It seems from my previous answer I completely misunderstood your question. What you are asking for is not an enabled functionality. I will as just the package tonight and make this possible and update the package docs. Again, very sorry for my previous response. :)