FelipeCN
8d00cfc4d7
- Replaced the `renderizar` function in `layouts.rs` with a new `view` function using Iced for a more modern UI approach. - Introduced a new `view_secao_layouts` function to handle the display of saved layouts. - Updated the `resultado.rs` file to use Iced for rendering the results screen, including buttons for actions and pagination controls. - Created a new `selecionar_aba.rs` file for the selection of XLSX sheet tabs, implementing a preview feature. - Removed old rendering functions and replaced them with Iced components for better performance and maintainability. - Added design tokens in `design_tokens.json` for consistent styling across the application. - Created a mockup HTML file to visualize the UI design.
110 lines
1.8 KiB
JSON
110 lines
1.8 KiB
JSON
{
|
|
"color": {
|
|
"primary": {
|
|
"base": "#3B82F6",
|
|
"hover": "#2563EB",
|
|
"active": "#1D4ED8"
|
|
},
|
|
|
|
"semantic": {
|
|
"success": "#22C55E",
|
|
"warning": "#F59E0B",
|
|
"error": "#EF4444",
|
|
"info": "#0EA5E9"
|
|
},
|
|
|
|
"dark": {
|
|
"background": "#0F172A",
|
|
"surface": "#1E293B",
|
|
"surfaceSecondary": "#334155",
|
|
|
|
"text": {
|
|
"primary": "#F1F5F9",
|
|
"secondary": "#94A3B8",
|
|
"muted": "#64748B"
|
|
},
|
|
|
|
"border": "#334155",
|
|
|
|
"interaction": {
|
|
"hover": "#3B82F622",
|
|
"selection": "#3B82F633",
|
|
"focus": "#3B82F6"
|
|
}
|
|
},
|
|
|
|
"light": {
|
|
"background": "#F8FAFC",
|
|
"surface": "#FFFFFF",
|
|
"surfaceSecondary": "#F1F5F9",
|
|
|
|
"text": {
|
|
"primary": "#0F172A",
|
|
"secondary": "#64748B",
|
|
"muted": "#94A3B8"
|
|
},
|
|
|
|
"border": "#E2E8F0",
|
|
|
|
"interaction": {
|
|
"hover": "#3B82F611",
|
|
"selection": "#3B82F622",
|
|
"focus": "#3B82F6"
|
|
}
|
|
}
|
|
},
|
|
|
|
"table": {
|
|
"row": {
|
|
"hover": "#3B82F611",
|
|
"selected": "#3B82F622"
|
|
},
|
|
|
|
"status": {
|
|
"ok": "#22C55E",
|
|
"missing": "#F59E0B",
|
|
"duplicate": "#EF4444",
|
|
"invalid": "#EF4444"
|
|
}
|
|
},
|
|
|
|
"spacing": {
|
|
"xs": 4,
|
|
"sm": 8,
|
|
"md": 12,
|
|
"lg": 16,
|
|
"xl": 24,
|
|
"xxl": 32
|
|
},
|
|
|
|
"radius": {
|
|
"sm": 4,
|
|
"md": 6,
|
|
"lg": 8
|
|
},
|
|
|
|
"font": {
|
|
"family": "Inter, system-ui, sans-serif",
|
|
|
|
"size": {
|
|
"xs": 11,
|
|
"sm": 12,
|
|
"md": 14,
|
|
"lg": 16,
|
|
"xl": 20
|
|
},
|
|
|
|
"weight": {
|
|
"normal": 400,
|
|
"medium": 500,
|
|
"bold": 600
|
|
}
|
|
},
|
|
|
|
"shadow": {
|
|
"sm": "0 1px 2px rgba(0,0,0,0.05)",
|
|
"md": "0 4px 8px rgba(0,0,0,0.08)",
|
|
"lg": "0 10px 20px rgba(0,0,0,0.12)"
|
|
}
|
|
}
|