 kjh2064
|
908c9ebc9a
|
✨ Phase 1.3: Theme & Global Styles Integration
WBS-9.3 - NULL Policy CI Gate / NULL Policy Validation (push) Failing after 5s
MudBlazor Theme Configuration
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✅ AppTheme.cs (Client/Theme/)
- Light theme: Professional Material Design colors
- Dark theme: Modern dark mode palette
- Complete typography system (H1-H6, Body1-2, Button, Caption)
- Layout properties (Border radius, Drawer width, AppBar height)
- Color variables: Primary, Secondary, Success, Warning, Error, Info
✅ Global Styles (app.css)
- Base reset and typography
- Utility classes (spacing, flex, gaps, text colors)
- MudBlazor component overrides
- Skeleton loading animation
- Form, table, and button styling
- Responsive design (mobile-first)
- Accessibility support (prefers-reduced-motion)
- Print styles
- Smooth transitions and animations
✅ App.razor Integration
- MudThemeProvider with theme binding
- Default: Light theme on initialization
- Ready for theme switching
Features:
- Consistent Material Design
- Custom scrollbar styling
- Card elevation effects
- Navigation link styling
- Input field styling
- Table styling with hover effects
- Responsive breakpoints
- Animation utilities (fade-in, slide-in)
Next: Phase 2 - Admin UI Development
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
|
2026-07-05 16:38:41 +09:00 |
|