// // WhatsApp (whatsapp@1.0.0) // Palette: whatsapp@1.0.0 // Fonts: heading=inter@1.0.0, body=inter@1.0.0, mono=jetbrainsmono-nerdfont@1.0.0 // Generated by brand-atoms converter — do not edit by hand. // import SwiftUI /// Source-of-truth color swatches from the referenced palette. public enum BrandSwatch { /// WhatsApp Green — Signature WhatsApp emerald — the brand's primary color, used on the telephone-bubble mark, the floating-action button, primary CTAs, and the read-receipt double-check. public static let whatsappGreen = Color(.sRGB, red: 0.1451, green: 0.8275, blue: 0.4000, opacity: 1.0000) /// WhatsApp Green Dark — Deeper teal-green action color — used on hover/pressed states and on the legacy header chrome of the mobile client. public static let whatsappGreenDark = Color(.sRGB, red: 0.0706, green: 0.5490, blue: 0.4941, opacity: 1.0000) /// WhatsApp Teal Dark — Deep teal — the legacy WhatsApp header chrome (pre-2020 visual refresh), retained as a brand-recognised secondary. public static let whatsappTealDark = Color(.sRGB, red: 0.0275, green: 0.3686, blue: 0.3294, opacity: 1.0000) /// WhatsApp Green 50 — Lightest green tint — used as a hover wash on green surfaces (--green-0). public static let whatsappGreen50 = Color(.sRGB, red: 0.9569, green: 0.9922, blue: 0.9804, opacity: 1.0000) /// WhatsApp Green 100 — Pale green tint — used on subtle highlight surfaces (--green-10). public static let whatsappGreen100 = Color(.sRGB, red: 0.8353, green: 0.9686, blue: 0.9216, opacity: 1.0000) /// WhatsApp Green 200 — Mid-light green — used in illustration accents (--green-20). public static let whatsappGreen200 = Color(.sRGB, red: 0.5961, green: 0.9216, blue: 0.8039, opacity: 1.0000) /// WhatsApp Green 300 — Mid green — used as a secondary action accent (--green-30). public static let whatsappGreen300 = Color(.sRGB, red: 0.2275, green: 0.7804, blue: 0.6314, opacity: 1.0000) /// WhatsApp Green 400 — Brand green mid-tone — chat-surface accent (--green-40). public static let whatsappGreen400 = Color(.sRGB, red: 0.1490, green: 0.6353, blue: 0.5451, opacity: 1.0000) /// WhatsApp Green 600 — Deeper brand green — used on dark-mode action affordances (--green-60). public static let whatsappGreen600 = Color(.sRGB, red: 0.0784, green: 0.5020, blue: 0.4471, opacity: 1.0000) /// WhatsApp Green 800 — Very deep green — used on dark-mode header surfaces (--green-80). public static let whatsappGreen800 = Color(.sRGB, red: 0.0000, green: 0.3608, blue: 0.3294, opacity: 1.0000) /// WhatsApp Green 900 — Deepest green — used as a dark-mode tertiary surface (--green-90). public static let whatsappGreen900 = Color(.sRGB, red: 0.0471, green: 0.2588, blue: 0.2627, opacity: 1.0000) /// WhatsApp Green 1000 — Near-black green — used on dark-mode canvas accents (--green-100). public static let whatsappGreen1000 = Color(.sRGB, red: 0.0902, green: 0.1490, blue: 0.1216, opacity: 1.0000) /// WhatsApp Bubble Out — Pale green — the outgoing-message chat bubble color on the legacy mobile client. Visually distinct from incoming bubbles. public static let whatsappBubbleOut = Color(.sRGB, red: 0.8627, green: 0.9725, blue: 0.7765, opacity: 1.0000) /// WhatsApp Chat Background Light — Warm beige — the historical WhatsApp chat-screen background tone (the "WhatsApp wallpaper default"). public static let whatsappChatBgLight = Color(.sRGB, red: 0.8980, green: 0.8667, blue: 0.8353, opacity: 1.0000) /// WhatsApp White — Pure white — primary text on dark canvas, surface fill on light mode. public static let whatsappWhite = Color(.sRGB, red: 1.0000, green: 1.0000, blue: 1.0000, opacity: 1.0000) /// WhatsApp Surface Light — Light-mode elevated surface — used for the chat-list rail. public static let whatsappSurfaceLight = Color(.sRGB, red: 0.9412, green: 0.9490, blue: 0.9608, opacity: 1.0000) /// WhatsApp Text on Light — Primary text on light-mode surfaces. public static let whatsappTextOnLight = Color(.sRGB, red: 0.0667, green: 0.1059, blue: 0.1294, opacity: 1.0000) /// WhatsApp Text Secondary Light — Secondary text and timestamps on light-mode surfaces. public static let whatsappTextSecondaryLight = Color(.sRGB, red: 0.4000, green: 0.4667, blue: 0.5059, opacity: 1.0000) /// WhatsApp Canvas Dark — Deep blue-black — the WhatsApp dark-mode chat canvas. Tuned for OLED-friendly viewing. public static let whatsappCanvasDark = Color(.sRGB, red: 0.0431, green: 0.0784, blue: 0.1020, opacity: 1.0000) /// WhatsApp Surface Dark — Dark-mode elevated surface — chat-list rail, top bar. public static let whatsappSurfaceDark = Color(.sRGB, red: 0.1255, green: 0.1725, blue: 0.2000, opacity: 1.0000) /// WhatsApp Bubble Out Dark — Dark-mode outgoing-message bubble — deep teal-green. public static let whatsappBubbleOutDark = Color(.sRGB, red: 0.0000, green: 0.3608, blue: 0.2941, opacity: 1.0000) /// WhatsApp Text on Dark — Primary text on the dark-mode canvas. public static let whatsappTextOnDark = Color(.sRGB, red: 0.9137, green: 0.9294, blue: 0.9373, opacity: 1.0000) } /// Semantic color roles for light mode. public enum BrandLight { public static let background = BrandSwatch.whatsappWhite public static let surface = BrandSwatch.whatsappSurfaceLight public static let surfaceElevated = BrandSwatch.whatsappWhite public static let textPrimary = BrandSwatch.whatsappTextOnLight public static let textSecondary = BrandSwatch.whatsappTextSecondaryLight public static let textTertiary = BrandSwatch.whatsappTextSecondaryLight public static let primary = BrandSwatch.whatsappGreen public static let primaryHover = BrandSwatch.whatsappGreenDark public static let accent = BrandSwatch.whatsappGreen public static let accentHover = BrandSwatch.whatsappGreenDark public static let warning = BrandSwatch.whatsappGreen300 public static let warningHover = BrandSwatch.whatsappGreen400 public static let error = BrandSwatch.whatsappGreenDark public static let success = BrandSwatch.whatsappGreen public static let border = BrandSwatch.whatsappSurfaceLight } /// Semantic color roles for dark mode. public enum BrandDark { public static let background = BrandSwatch.whatsappCanvasDark public static let surface = BrandSwatch.whatsappSurfaceDark public static let surfaceElevated = BrandSwatch.whatsappSurfaceDark public static let textPrimary = BrandSwatch.whatsappTextOnDark public static let textSecondary = BrandSwatch.whatsappGreen200 public static let textTertiary = BrandSwatch.whatsappGreen300 public static let primary = BrandSwatch.whatsappGreen public static let primaryHover = BrandSwatch.whatsappGreen600 public static let accent = BrandSwatch.whatsappGreen public static let accentHover = BrandSwatch.whatsappGreen600 public static let warning = BrandSwatch.whatsappGreen300 public static let warningHover = BrandSwatch.whatsappGreen400 public static let error = BrandSwatch.whatsappGreenDark public static let success = BrandSwatch.whatsappGreen public static let border = BrandSwatch.whatsappGreen1000 } /// Brand-level color role overrides. public enum BrandColor { public static let identity = BrandSwatch.whatsappGreen public static let onIdentity = BrandSwatch.whatsappWhite public static let background = BrandSwatch.whatsappWhite public static let surface = BrandSwatch.whatsappSurfaceLight public static let surfaceElevated = BrandSwatch.whatsappWhite public static let textPrimary = BrandSwatch.whatsappTextOnLight public static let textSecondary = BrandSwatch.whatsappTextSecondaryLight public static let primary = BrandSwatch.whatsappGreen public static let primaryHover = BrandSwatch.whatsappGreenDark public static let accent = BrandSwatch.whatsappGreen public static let accentHover = BrandSwatch.whatsappGreenDark public static let mark = BrandSwatch.whatsappGreen public static let success = BrandSwatch.whatsappGreen public static let warning = BrandSwatch.whatsappGreen300 public static let error = BrandSwatch.whatsappGreenDark } /// Typography family names by brand role. public enum BrandFont { /// Inter (inter@1.0.0) public static let heading = "Inter" /// Inter (inter@1.0.0) public static let body = "Inter" /// JetBrainsMono Nerd Font (jetbrainsmono-nerdfont@1.0.0) public static let mono = "JetBrainsMono Nerd Font" }