Update my_pages/information_loss.py

my_pages/information_loss.py

@@ -21,23 +21,42 @@ def render():
     add_instruction_text(
         """
         Consider the automation of loan approval using AI models. <br>
-        Select the features below that you would like to collect to train your AI model.
+        Select the features below that you would like to collect to train your AI model. <br>
+        Notice that, in trying to capture data from the real world, you loose information.
         """
     )
     
-    st.markdown(
-        """
-        <style>
-        button[kind="primary"] {
-            background: green!important;
-        }
-        button[kind="tertiary"] {
-            background: yellow!important;
-        }
-        </style>
-        """,
-        unsafe_allow_html=True,
-    )
+    # st.markdown(
+    #     """
+    #     <style>
+    #     button[kind="primary"] {
+    #         background: green!important;
+    #     }
+    #     button[kind="tertiary"] {
+    #         background: yellow!important;
+    #     }
+    #     </style>
+    #     """,
+    #     unsafe_allow_html=True,
+    # )
+    # Fetch theme colors
+    bg = st.get_option("theme.backgroundColor")
+    sec_bg = st.get_option("theme.secondaryBackgroundColor")
+    text = st.get_option("theme.textColor")
+    
+    css = f"""
+    <style>
+    button[kind="tertiary"] {{
+        background-color: {sec_bg} !important;
+        color: {text} !important;
+        border: 1px solid {sec_bg} !important;
+        opacity: 0.5 !important;       /* faded look */
+        cursor: not-allowed !important;  /* shows it's inactive */
+        pointer-events: none !important; /* disable clicking */
+    }}
+    </style>
+    """
+    st.markdown(css, unsafe_allow_html=True)
 
     # Session state init
     # if "available_features" not in st.session_state: