[REQ-014] Portfolio Themes (Minimal, Dark-Tech, Warm)

[pv-dsgn]

Overview

Implement portfolio theming system with 3 launch themes: minimal, dark-tech, and warm.

Acceptance Criteria

• Developer can select theme in portfolio settings
• All 3 themes render correctly on all browsers
• Themes apply to: project cards, ERD diagrams, AMA widget, portfolio layout
• Mobile responsive across all themes
• WCAG 2.1 AA accessibility for all themes
• Theme preview in dashboard before applying

Scope - Minimal Theme

• Clean, whitespace-driven design
• Serif or sans-serif typography
• Light color palette
• Subtle shadows and spacing

Scope - Dark-Tech Theme

• Dark background with neon accents
• Monospace typography for code elements
• High contrast for readability
• Tech-forward aesthetic

Scope - Warm Theme

• Warm color palette (oranges, earthy tones)
• Rounded corners and friendly typography
• Gradient accents
• Inviting, approachable feel

Technical Details

• CSS variable system for theme customization
• Theme switching mechanism (localStorage + SSR safe)
• Testing across browsers for color accuracy