Switch login palette to red
This commit is contained in:
24
styles.css
24
styles.css
@@ -8,11 +8,11 @@
|
||||
--text: #122033;
|
||||
--muted: #5b6677;
|
||||
--muted-2: #7c8797;
|
||||
--brand: #0f766e;
|
||||
--brand-strong: #115e59;
|
||||
--brand: #b91c1c;
|
||||
--brand-strong: #7f1d1d;
|
||||
--accent: #d97706;
|
||||
--accent-soft: #fff4e6;
|
||||
--success: #15803d;
|
||||
--success: #dc2626;
|
||||
--warning: #b45309;
|
||||
--danger: #b91c1c;
|
||||
--shadow-lg: 0 24px 60px rgba(15, 23, 42, 0.14);
|
||||
@@ -41,7 +41,7 @@ body {
|
||||
font-family: var(--font);
|
||||
color: var(--text);
|
||||
background:
|
||||
radial-gradient(circle at top left, rgba(15, 118, 110, 0.08), transparent 28%),
|
||||
radial-gradient(circle at top left, rgba(185, 28, 28, 0.1), transparent 28%),
|
||||
radial-gradient(circle at bottom right, rgba(217, 119, 6, 0.07), transparent 28%),
|
||||
linear-gradient(180deg, #f8fafc 0%, var(--bg) 100%);
|
||||
}
|
||||
@@ -81,7 +81,7 @@ button {
|
||||
.orb-one {
|
||||
top: -9rem;
|
||||
left: -8rem;
|
||||
background: rgba(15, 118, 110, 0.18);
|
||||
background: rgba(185, 28, 28, 0.18);
|
||||
}
|
||||
|
||||
.orb-two {
|
||||
@@ -197,14 +197,14 @@ button {
|
||||
|
||||
.nav-link:hover {
|
||||
transform: translateX(2px);
|
||||
background: rgba(15, 118, 110, 0.08);
|
||||
background: rgba(185, 28, 28, 0.08);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.nav-link.active {
|
||||
color: white;
|
||||
background: linear-gradient(135deg, var(--brand), #0f9488);
|
||||
box-shadow: 0 12px 24px rgba(15, 118, 110, 0.24);
|
||||
background: linear-gradient(135deg, var(--brand), #dc2626);
|
||||
box-shadow: 0 12px 24px rgba(185, 28, 28, 0.24);
|
||||
transform: translateX(2px);
|
||||
position: relative;
|
||||
}
|
||||
@@ -357,8 +357,8 @@ button {
|
||||
|
||||
.btn-primary {
|
||||
color: white;
|
||||
background: linear-gradient(135deg, var(--brand), #0f9488);
|
||||
box-shadow: 0 14px 26px rgba(15, 118, 110, 0.22);
|
||||
background: linear-gradient(135deg, var(--brand), #dc2626);
|
||||
box-shadow: 0 14px 26px rgba(185, 28, 28, 0.22);
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
@@ -698,7 +698,7 @@ tr:last-child td {
|
||||
color: white;
|
||||
background:
|
||||
radial-gradient(circle at top right, rgba(255, 255, 255, 0.16), transparent 30%),
|
||||
linear-gradient(135deg, #0f766e, #0f9488 52%, #115e59);
|
||||
linear-gradient(135deg, #b91c1c, #dc2626 52%, #7f1d1d);
|
||||
}
|
||||
|
||||
.auth-visual .badge {
|
||||
@@ -753,7 +753,7 @@ tr:last-child td {
|
||||
margin-top: 18px;
|
||||
padding: 16px 18px;
|
||||
border-radius: 18px;
|
||||
color: #effaf8;
|
||||
color: #fff1f2;
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
border: 1px solid rgba(255, 255, 255, 0.14);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user