Update my_pages/home.py

my_pages/home.py

@@ -9,19 +9,18 @@ def render():
             background: none!important;
             border: none;
             padding: 0!important;
-            color: black !important;
             text-decoration: none;
             cursor: pointer;
             border: none !important;
         }
         button[kind="primary"]:hover {
             text-decoration: none;
-            color: black !important;
+            color: #3366cc !important;
         }
         button[kind="primary"]:focus {
             outline: none !important;
             box-shadow: none !important;
-            color: black !important;
+            color: #3366cc !important;
         }
         </style>
         """,
@@ -43,8 +42,19 @@ def render():
         ("Multiverse", "multiverse"),
     ]
 
+    button_clicked_dict = {k[1]: False for k in sentences}
     for text, page in sentences:
-        if st.button(text, type="primary"):
+        with stylable_container(
+            "green",
+            css_styles="""
+            button {
+                color: green;
+            }""",
+        ):
+            button_clicked_dict[page] = st.button(text, type="primary")
+
+    for page in button_clicked_dict:
+        if button_clicked_dict[page]:
             go_to(page)
 
     st.markdown("</div>", unsafe_allow_html=True)