feat: redesign UI to Hetzner Cloud style with light theme
This commit is contained in:
@@ -429,7 +429,7 @@
|
||||
.tab-btn.active {
|
||||
color: var(--text-on-primary);
|
||||
background: var(--gradient-primary);
|
||||
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.35);
|
||||
box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);
|
||||
}
|
||||
|
||||
.tab-btn i {
|
||||
@@ -628,12 +628,12 @@
|
||||
.settings-section .btn-primary {
|
||||
background: var(--gradient-primary);
|
||||
color: var(--text-on-primary);
|
||||
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
|
||||
box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);
|
||||
}
|
||||
|
||||
.settings-section .btn-primary:hover {
|
||||
filter: brightness(1.1);
|
||||
box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
|
||||
box-shadow: 0 6px 20px rgba(14, 165, 233, 0.45);
|
||||
}
|
||||
|
||||
.settings-section .btn-warning {
|
||||
@@ -999,7 +999,7 @@
|
||||
}
|
||||
|
||||
.notification-info {
|
||||
background: linear-gradient(135deg, #667eea 0%, #4f46e5 100%);
|
||||
background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
|
||||
Reference in New Issue
Block a user