Update app.py

app.py

@@ -84,7 +84,7 @@ def billing_interface(patient_id):
 
 # Gradio Interface
 with gr.Blocks() as app:
-    gr.Markdown("<h1 style='text-align: center;'>👩🏻‍🔬Sathkrutha LIMS🦠🔬</h1>", elem_id="header")
+    gr.Markdown("<h1 style='text-align: center;'>👩🏻‍🔬Sathkrutha LIMS🔬</h1>", elem_id="header")
 
     with gr.Tab("Patient Registration"):
         with gr.Row():
@@ -242,24 +242,31 @@ h1, h2, h3, h4, h5, h6 {
 .nav-tabs {
     display: flex;
     justify-content: space-around;
-    background-color: #1e3c72;
-    border-bottom: 2px solid #3df805;
+    background-color: #37474F; /* Darker background for tab container */
+    border-bottom: 2px solid #ff8c00;
 }
 
 .nav-tabs .nav-item {
     flex: 1;
     text-align: center;
-    padding: 10px;
+    padding: 12px;
     cursor: pointer;
-    color: #c20e0e;
+    color: #B0BEC5; /* Light gray for inactive tabs */
     font-weight: 600;
     transition: color 0.3s ease, background-color 0.3s ease;
+    background-color: #455A64; /* Dark gray background for inactive tabs */
+    border-radius: 8px 8px 0 0;
+}
+
+.nav-tabs .nav-item:hover {
+    color: #FFCA28; /* Bright yellow on hover */
+    background-color: #546E7A; /* Slightly lighter gray on hover */
 }
 
-.nav-tabs .nav-item:hover,
 .nav-tabs .nav-item.active {
-    color: #0ab4c2;
-    background-color: rgba(255, 255, 255, 0.1);
+    color: #FFEB3B; /* Bright yellow for active tab */
+    background-color: #1E88E5; /* Bright blue background for active tab */
+    border-bottom: 3px solid #FFEB3B; /* Bottom border to highlight active tab */
     border-radius: 8px 8px 0 0;
 }