Styling

src/display/css_html_js.py

@@ -221,8 +221,16 @@ custom_css = """
     font-size: 20px;
 }
 
-.tab-buttons button .selected {
-    color: blue;
+/* Change the background color of the selected tab */
+.tab-item.selected {
+    background-color: #4caf50 !important; /* Replace with your desired color */
+    color: white !important; /* Adjust text color for contrast */
+    border-radius: 8px; /* Optional: rounded corners */
+}
+
+/* Change hover effect for better UX */
+.tab-item:hover {
+    background-color: #a5d6a7 !important; /* Lighter green for hover */
 }
 
 """