Update app.py

app.py

@@ -114,8 +114,8 @@ custom_css = """
 
     /* Podświetlenie wybranej zakładki jako przycisk */
     .streamlit-option-menu .selected {
-        background-color: #02ab21 !important;  /* Zielone tło dla wybranej zakładki */
-        color: #ffffff !important;             /* Biały tekst dla wybranej zakładki */
+        background-color: var(--st-primary-color) !important;  /* Użyj koloru podstawowego motywu */
+        color: var(--st-text-color) !important;             /* Użyj koloru tekstu motywu */
         border-radius: 5px;
         padding: 8px 16px;
     }
@@ -123,7 +123,7 @@ custom_css = """
     /* Stylizacja przycisków menu */
     .streamlit-option-menu .menu-item {
         background-color: transparent;
-        color: inherit;
+        color: var(--st-text-color);
         border: none;
         border-radius: 5px;
         padding: 8px 16px;
@@ -134,8 +134,8 @@ custom_css = """
 
     /* Efekt hover dla elementów menu */
     .streamlit-option-menu .menu-item:hover {
-        background-color: #02ab21 !important;  /* Zielone tło podczas hover */
-        color: #ffffff !important;             /* Biały tekst podczas hover */
+        background-color: var(--st-primary-color) !important;  /* Użyj koloru podstawowego motywu */
+        color: var(--st-text-color) !important;             /* Użyj koloru tekstu motywu */
     }
 
     /* Zmiana koloru ikon w menu */
@@ -176,15 +176,13 @@ with st.container():
                 "margin": "0px",
                 "padding": "10px 20px",
                 "border-radius": "5px",
-                "background-color": "#f0f0f0",
-                "color": "#333",
+                "background-color": "transparent",
+                "color": "inherit",
                 "transition": "background-color 0.3s, color 0.3s"
             },
             "nav-link-selected": {
-                "background-color": "#02ab21",  # Zielone tło dla wybranej zakładki
-                "color": "#ffffff",             # Biały tekst dla wybranej zakładki
-                "border-radius": "5px",
-                "padding": "8px 16px"
+                "background-color": "transparent",  # Tło kontrolowane przez niestandardowy CSS
+                "color": "inherit"
             },
         }
     )