Create app.py

app.py

@@ -0,0 +1,33 @@
+import gradio as gr
+
+# CSS to change tab colors
+CUSTOM_CSS = """
+.tabs {
+    background-color: #4caf50 !important; /* Change tab background color */
+    color: white !important; /* Change tab text color */
+    font-weight: bold !important;
+}
+.tabs .tab {
+    padding: 10px;
+    border-radius: 8px;
+    margin: 5px;
+}
+.tabs .tab:hover {
+    background-color: #45a049 !important; /* Change tab hover color */
+}
+.tabs .tab-selected {
+    background-color: #2e7d32 !important; /* Change selected tab color */
+    color: white !important;
+}
+"""
+
+# Create the Gradio app with a theme and custom CSS
+with gr.Blocks(css=CUSTOM_CSS, theme=gr.themes.Monochrome()) as app:
+    with gr.Tab("Box Breathing"):
+        gr.Markdown("This is the content for Box Breathing.")
+    with gr.Tab("Calming"):
+        gr.Markdown("This is the content for Calming.")
+    with gr.Tab("5-5-5"):
+        gr.Markdown("This is the content for 5-5-5.")
+
+app.launch()