Luca Sacchi Ricciardi
d222d21618
- Update README.md with v0.4.0 features and screenshots placeholders - Update architecture.md with v0.4.0 implementation status - Update progress.md marking all 27 tasks as completed - Create CHANGELOG.md with complete release notes - Add v0.4.0 frontend components and hooks
48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
// Chart colors matching Tailwind/shadcn theme
|
|
export const CHART_COLORS = {
|
|
primary: 'hsl(var(--primary))',
|
|
secondary: 'hsl(var(--secondary))',
|
|
accent: 'hsl(var(--accent))',
|
|
muted: 'hsl(var(--muted))',
|
|
destructive: 'hsl(var(--destructive))',
|
|
// Service-specific colors
|
|
sqs: '#FF9900', // AWS Orange
|
|
lambda: '#F97316', // Orange-500
|
|
bedrock: '#8B5CF6', // Violet-500
|
|
// Additional chart colors
|
|
blue: '#3B82F6',
|
|
green: '#10B981',
|
|
yellow: '#F59E0B',
|
|
red: '#EF4444',
|
|
purple: '#8B5CF6',
|
|
pink: '#EC4899',
|
|
cyan: '#06B6D4',
|
|
};
|
|
|
|
// Chart color palette for multiple series
|
|
export const CHART_PALETTE = [
|
|
CHART_COLORS.sqs,
|
|
CHART_COLORS.lambda,
|
|
CHART_COLORS.bedrock,
|
|
CHART_COLORS.blue,
|
|
CHART_COLORS.green,
|
|
CHART_COLORS.purple,
|
|
CHART_COLORS.pink,
|
|
CHART_COLORS.cyan,
|
|
];
|
|
|
|
// Format currency for tooltips
|
|
export function formatCurrency(value: number): string {
|
|
return new Intl.NumberFormat('en-US', {
|
|
style: 'currency',
|
|
currency: 'USD',
|
|
minimumFractionDigits: 2,
|
|
maximumFractionDigits: 4,
|
|
}).format(value);
|
|
}
|
|
|
|
// Format number for tooltips
|
|
export function formatNumber(value: number): string {
|
|
return new Intl.NumberFormat('en-US').format(value);
|
|
}
|