Update assets/custom.css

assets/custom.css

@@ -1,10 +1,16 @@
 body {
     font-family: 'Roboto', sans-serif;
-    background-color: #f8f9fa;
+    background-color: #F7F7F7;
+    color: #454545;
+}
+
+.navbar {
+    background-color: #1C304A !important;
 }
 
 .card {
     transition: all 0.3s ease-in-out;
+    border: none;
 }
 
 .card:hover {
@@ -12,21 +18,61 @@ body {
     box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
 }
 
+.card-header {
+    background-color: #E0E0E0 !important;
+    border-bottom: 1px solid #6E6E6E;
+    color: #1C304A;
+}
+
+#upload-file {
+    border-color: #6E6E6E;
+}
+
 #upload-file:hover {
-    border-color: #007bff !important;
+    border-color: #00AEAF !important;
 }
 
 .btn-primary {
-    background-color: #007bff;
-    border-color: #007bff;
+    background-color: #1C304A;
+    border-color: #1C304A;
+    color: #FFFFFF;
 }
 
 .btn-primary:hover {
-    background-color: #0056b3;
-    border-color: #004085;
+    background-color: #C4D3E5;
+    border-color: #C4D3E5;
+    color: #1C304A;
 }
 
-.card-header {
-    background-color: #e9ecef !important;
-    border-bottom: 1px solid #dee2e6;
+.btn-secondary {
+    background-color: #116F70;
+    border-color: #116F70;
+    color: #FFFFFF;
+}
+
+.btn-secondary:hover {
+    background-color: #DEF4F4;
+    border-color: #DEF4F4;
+    color: #116F70;
+}
+
+.btn-tertiary {
+    background-color: #E0E0E0;
+    border-color: #E0E0E0;
+    color: #1C304A;
+}
+
+.btn-tertiary:hover {
+    background-color: #6E6E6E;
+    border-color: #6E6E6E;
+    color: #FFFFFF;
+}
+
+.text-muted {
+    color: #6E6E6E !important;
+}
+
+.form-control:focus {
+    border-color: #00AEAF;
+    box-shadow: 0 0 0 0.2rem rgba(0, 174, 175, 0.25);
 }