Skip to content

Commit f673a06

Browse files
committed
style: Update Customer Portal styles to SkyNest Blue Theme with improved color gradients and button styles
1 parent 6e3b30b commit f673a06

File tree

1 file changed

+11
-11
lines changed

1 file changed

+11
-11
lines changed

src/pages/CustomerPortal.css

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
/* Customer Portal Styles */
1+
/* Customer Portal Styles - SkyNest Blue Theme */
22

33
.customer-portal {
44
min-height: 100vh;
5-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
5+
background: linear-gradient(135deg, #1a237e 0%, #0d47a1 100%);
66
padding-bottom: 50px;
77
}
88

@@ -11,7 +11,7 @@
1111
display: flex;
1212
justify-content: center;
1313
align-items: center;
14-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
14+
background: linear-gradient(135deg, #1a237e 0%, #0d47a1 100%);
1515
color: white;
1616
}
1717

@@ -81,24 +81,24 @@
8181

8282
.booking-card .form-control:focus,
8383
.booking-card .form-select:focus {
84-
border-color: #667eea;
85-
box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
84+
border-color: #1976d2;
85+
box-shadow: 0 0 0 0.2rem rgba(25, 118, 210, 0.25);
8686
}
8787

8888
.booking-card .btn-primary {
89-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
89+
background: linear-gradient(135deg, #1a237e 0%, #0d47a1 100%);
9090
border: none;
9191
border-radius: 50px;
9292
padding: 14px 40px;
9393
font-weight: 600;
9494
letter-spacing: 0.5px;
9595
transition: all 0.3s ease;
96-
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
96+
box-shadow: 0 4px 15px rgba(26, 35, 126, 0.4);
9797
}
9898

9999
.booking-card .btn-primary:hover {
100100
transform: translateY(-2px);
101-
box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
101+
box-shadow: 0 6px 20px rgba(25, 118, 210, 0.5);
102102
}
103103

104104
.booking-card .btn-primary:active {
@@ -132,9 +132,9 @@
132132
.alert-info {
133133
border-radius: 15px;
134134
border: none;
135-
background: rgba(13, 202, 240, 0.15);
136-
color: #055160;
137-
border-left: 4px solid #0dcaf0;
135+
background: rgba(25, 118, 210, 0.15);
136+
color: #0d47a1;
137+
border-left: 4px solid #1976d2;
138138
}
139139

140140
.alert-success {

0 commit comments

Comments
 (0)