fix(dark-mode): dark mode completo + gráficas adaptadas
Dark mode fixes: - Cards secundarias: Mis capturas, Mis clientes, Actividades, Apartados por vencer, Equipo - Botones: Exportar, Descartar, Afluencia, Agendo, Forzar reconexión, Subir archivo - Config: ModoTrabajo, Usuarios, Sistema, RolesPermisos, ConfigPage - Cotizador: inputs, tabs, placeholder, botón compartir - Alta clientes: BotonOcrIne, FileUploader - Cobranza: toggle dashboard, modal abono - Dashboards: tabs Gráficas Recharts: - CSS variables para colores chart (grid, text, tooltip) - Helper isDark() + axisTextColor() + gridStroke() + tooltipProps() - DashboardVendedor: grid, axes, tooltips adaptados - TableroGeneral: grid, axes, tooltips (BarChart, Funnel, PieChart) - MiTablero: tooltip adaptado - Perfilamiento: grid, axes, tooltip 7 apps construidas limpias.
This commit is contained in:
@@ -8,6 +8,21 @@
|
||||
--color-accent-hover: #1D4ED8;
|
||||
}
|
||||
|
||||
:root {
|
||||
--chart-grid: #E5E7EB;
|
||||
--chart-text: #64748B;
|
||||
--chart-tooltip-bg: white;
|
||||
--chart-tooltip-border: #E5E7EB;
|
||||
--chart-tooltip-text: #111827;
|
||||
}
|
||||
.dark {
|
||||
--chart-grid: #334155;
|
||||
--chart-text: #94A3B8;
|
||||
--chart-tooltip-bg: #1E293B;
|
||||
--chart-tooltip-border: #334155;
|
||||
--chart-tooltip-text: #E2E8F0;
|
||||
}
|
||||
|
||||
@layer base {
|
||||
body {
|
||||
@apply bg-[#F8FAFC] text-[#111827] antialiased;
|
||||
|
||||
Reference in New Issue
Block a user