Update styles.py

styles.py

@@ -17,28 +17,30 @@ def get_custom_css():
             padding: 2rem;
         }
         
+        /* Updated text color to match COPYXPERT navy blue */
         .stMarkdown {
-            color: #2c3e50;
+            color: #1A3A5F;
         }
         
+        /* Updated button to use the blue gradient from COPYXPERT logo */
         .stButton > button {
             width: 80%;
             margin-left: 10%;
             border-radius: 5px;
             height: 3em;
-            background-color: #FFD700;
-            color: black;
+            background: linear-gradient(135deg, #3D89B8 0%, #1A3A5F 100%);
+            color: white;
             font-weight: bold;
             transition: all 0.3s ease;
-            border: 1px solid black;
+            border: 1px solid #1A3A5F;
         }
         
         .stButton > button:hover {
-            background-color: #FFC800;
+            background: linear-gradient(135deg, #4D99C8 0%, #2A4A6F 100%);
             transform: translateY(-2px);
         }
         
-        /* Style for download button - updated to match the image */
+        /* Style for download button - keeping the green */
         [data-testid="stDownloadButton"] {
             text-align: center;
             display: flex;
@@ -49,7 +51,7 @@ def get_custom_css():
             width: 80%;
             border-radius: 5px;
             height: 3em;
-            background-color: #00D100; /* Bright green color from the image */
+            background-color: #00D100;
             color: black;
             font-weight: bold;
             transition: all 0.3s ease;
@@ -57,12 +59,27 @@ def get_custom_css():
         }
         
         [data-testid="stDownloadButton"] button:hover {
-            background-color: #00C000; /* Slightly darker on hover */
+            background-color: #00C000;
             transform: translateY(-2px);
         }
         
+        /* Added light blue border for text inputs */
         .stTextInput>div>div>input {
             border-radius: 5px;
+            border-color: #3D89B8;
+        }
+        
+        /* Added styling for expanders to match branding */
+        .streamlit-expanderHeader {
+            background-color: #f0f5f9;
+            color: #1A3A5F;
+            font-weight: bold;
+        }
+        
+        /* Added styling for text areas */
+        .stTextArea textarea {
+            border-color: #3D89B8;
+            border-radius: 5px;
         }
     </style>
     """