THEMING.md

🎨 Theming Specifications

Brand Name

Keyguarde

---

Primary Colors

• Primary: #3B82F6 (Blue 500)
• Primary Container: #E0F2FE (Light Blue)
• On Primary: #FFFFFF
• Secondary: #14B8A6 (Teal 500)
• Secondary Container: #CCFBF1
• On Secondary: #FFFFFF
• Error: #EF4444 (Red 500)
• Error Container: #FEE2E2
• On Error: #FFFFFF
• Background: #FFFFFF
• Surface: #FFFFFF
• On Background/Surface: #1F2937 (Gray 800)

---

Typography

• Font Family: Inter (Google Fonts)

• Weights: 400, 500, 600, 700

• Example Usage:

  • Headline Medium: fontSize = 24.sp, fontWeight = Bold
  • Body Medium: fontSize = 16.sp
  • Label Small: fontSize = 12.sp

---

Iconography

• Material Symbols Rounded

• Consistent stroke width

• Custom icons for:

  • Notification bell (ic_notification_listen)
  • Filter (ic_keyword_filter)
  • Privacy shield (ic_privacy_shield)
  • Battery efficient (ic_battery_efficient)

---

Notification Style

• Silent persistent notification: Neutral background, counter badge
• Heads-up alert: Highlights keyword in primary color
• Tap to open chat

---