Michael Mainguy
04d9487501
- Create comprehensive global color system with semantic variables in src/styles/colors.css - Replace all hardcoded colors across components with CSS custom properties - Establish semantic color mappings for consistent theming (--text-primary, --bg-secondary, etc.) - Add complete color scales for gray, slate, blue, red, green, yellow, purple, pink - Include dark mode color overrides for automatic theme switching - Update PresentationEditor.css to use global color variables throughout - Consolidate SlideThumbnail.css styles and optimize using CSS cascades - Move SlideThumbnail-specific styles from PresentationEditor.css to component file - Update all UI button components (Button, ActionButton, BackButton) to use color variables - Modernize Modal, AlertDialog, and ConfirmDialog components with global colors - Optimize App.css, index.css, and PresentationsList.css color usage - Reduce CSS bundle size through consolidation and elimination of duplicate styles 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
26 lines
353 B
CSS
26 lines
353 B
CSS
/* Alert Dialog Styles */
|
|
.alert-dialog {
|
|
text-align: center;
|
|
}
|
|
|
|
.alert-content {
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.alert-icon {
|
|
font-size: 2.5rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.alert-message {
|
|
color: var(--text-secondary);
|
|
font-size: 1rem;
|
|
line-height: 1.5;
|
|
margin: 0;
|
|
}
|
|
|
|
.alert-actions {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 0.75rem;
|
|
} |