feat(ui): infinite scroll, saved filters, product timeline, image comparator, customers bulk toolbar, dark mode refinements
This commit is contained in:
@@ -819,3 +819,43 @@ input:disabled, select:disabled, textarea:disabled {
|
||||
background: var(--color-surface-1, #1a1a1a);
|
||||
border-bottom: 2px solid var(--color-primary, #F5A623);
|
||||
}
|
||||
|
||||
/* Enhanced depth layers for both themes */
|
||||
[data-theme="modern"] {
|
||||
--shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
|
||||
--shadow-md: 0 4px 12px rgba(0,0,0,0.4);
|
||||
--shadow-lg: 0 8px 24px rgba(0,0,0,0.5);
|
||||
--shadow-xl: 0 16px 48px rgba(0,0,0,0.6);
|
||||
}
|
||||
[data-theme="industrial"] {
|
||||
--shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
|
||||
--shadow-md: 0 4px 12px rgba(0,0,0,0.5);
|
||||
--shadow-lg: 0 8px 24px rgba(0,0,0,0.6);
|
||||
--shadow-xl: 0 16px 48px rgba(0,0,0,0.7);
|
||||
}
|
||||
|
||||
/* Smooth theme transition (only on properties that don't cause flash) */
|
||||
.card, .glass-card, .btn, .icon-btn, .kpi-card, .alert-card, .meli-card {
|
||||
transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
/* Improved text rendering in dark */
|
||||
body {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* Focus visible for accessibility */
|
||||
*:focus-visible {
|
||||
outline: 2px solid var(--color-primary, #F5A623);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
/* Reduced motion preference */
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
*, *::before, *::after {
|
||||
animation-duration: 0.01ms !important;
|
||||
animation-iteration-count: 1 !important;
|
||||
transition-duration: 0.01ms !important;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user