changed color of nav items in sidebar

app.py

@@ -49,7 +49,7 @@ lemma_counts = load_lemma_count_dict()
 
 
 # Set styles for menu
-styles = {
+styles_horizontal = {
     "container": {"display": "flex", "justify-content": "center"},
     "nav": {"display": "flex", "gap": "2px", "margin": "5px"},
     "nav-item": {"flex": "1", "font-family": "Sans-serif"},
@@ -79,16 +79,25 @@ styles = {
     "icon": {"display": "None"}
 }
 
+
+styles_vertical = {
+    "nav-link-selected": {
+        "background-color": "#B8E52B",
+        "color": "white",
+        "font-weight": "bold"
+    }
+}
+
 with st.sidebar:
     st.image('images/AGALMA_logo.png', width=250)
     st.markdown('# ἄγαλμα | AGALMA')
     selected = option_menu(None, ["App", "About", "FAQ", "License"],
-                           menu_icon="menu", default_index=0, orientation="vertical")
+                           menu_icon="menu", default_index=0, orientation="vertical", styles=styles_vertical)
     
 if selected == "App":
     # Horizontal menu
     active_tab = option_menu(None, ["Nearest neighbours", "Cosine similarity", "3D graph", 'Dictionary'], 
-        menu_icon="cast", default_index=0, orientation="horizontal", styles=styles)
+        menu_icon="cast", default_index=0, orientation="horizontal", styles=styles_horizontal)
 
 
     # Adding CSS style to remove list-style-type