Switch login palette to red

This commit is contained in:
sas.fajri
2026-04-13 15:17:24 +07:00
parent bc6d4fcdad
commit e91574e2ae
2 changed files with 15 additions and 61 deletions

View File

@@ -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);
}