/** Monochrome brand silhouette SVGs (for CSS mask-image tinting), centralized so * consumers don't ship their own copies. Keyed by lowercase brand name. */ export const BRAND_MARK_SVGS: Record = { amazonwebservices: `Amazon Web Services`, datadog: `Datadog`, git: `Git`, github: `GitHub`, gnubash: `GNU Bash`, googlecloud: `Google Cloud`, grafana: `Grafana`, ibm: `IBM`, kubernetes: `Kubernetes`, linux: `Linux`, microsoft: `Microsoft`, openstack: `OpenStack`, oracle: `Oracle`, perforce: `Perforce`, postgresql: `PostgreSQL`, redhat: `Red Hat`, slack: `Slack`, splunk: `Splunk`, supabase: `Supabase`, vicarius: ` `, vmware: `VMware`, } export type BrandMarkName = keyof typeof BRAND_MARK_SVGS /** A data: URI usable directly in CSS `mask-image: url(...)` / `-webkit-mask-image`. */ export function brandMarkDataUri(name: string): string { const svg = BRAND_MARK_SVGS[name.toLowerCase()] if (!svg) return '' return `data:image/svg+xml,${encodeURIComponent(svg)}` }