{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "mermaid-themes", "title": "Mermaid Themes", "description": "A collection of themes and helpers for Mermaid diagrams.", "dependencies": [], "files": [ { "path": "lib/mermaid-themes.ts", "content": "export interface MermaidThemeVariables {\n primaryColor: string\n primaryTextColor: string\n primaryBorderColor: string\n background: string\n textColor: string\n lineColor: string\n secondaryColor: string\n tertiaryColor: string\n [key: string]: string\n}\n\nexport const mermaidThemes: Record = {\n // Classic Green Family\n emerald: {\n primaryColor: \"#22c55e\",\n primaryTextColor: \"#ffffff\",\n primaryBorderColor: \"#16a34a\",\n background: \"#f0fdf4\",\n textColor: \"#166534\",\n lineColor: \"#166534\",\n secondaryColor: \"#dcfce7\",\n tertiaryColor: \"#f0fdf4\",\n },\n\n // Warm Family\n coral: {\n primaryColor: \"#f97316\",\n primaryTextColor: \"#ffffff\",\n primaryBorderColor: \"#ea580c\",\n background: \"#fff7ed\",\n textColor: \"#9a3412\",\n lineColor: \"#c2410c\",\n secondaryColor: \"#fed7aa\",\n tertiaryColor: \"#fff7ed\",\n },\n amber: {\n primaryColor: \"#eab308\",\n primaryTextColor: \"#ffffff\",\n primaryBorderColor: \"#ca8a04\",\n background: \"#fefce8\",\n textColor: \"#854d0e\",\n lineColor: \"#a16207\",\n secondaryColor: \"#fef08a\",\n tertiaryColor: \"#fefce8\",\n },\n crimson: {\n primaryColor: \"#ef4444\",\n primaryTextColor: \"#ffffff\",\n primaryBorderColor: \"#dc2626\",\n background: \"#fef2f2\",\n textColor: \"#991b1b\",\n lineColor: \"#b91c1c\",\n secondaryColor: \"#fecaca\",\n tertiaryColor: \"#fef2f2\",\n },\n bronze: {\n primaryColor: \"#d97706\",\n primaryTextColor: \"#ffffff\",\n primaryBorderColor: \"#b45309\",\n background: \"#fef3c7\",\n textColor: \"#78350f\",\n lineColor: \"#92400e\",\n secondaryColor: \"#fcd34d\",\n tertiaryColor: \"#fef3c7\",\n },\n\n // Cool Blue Family\n ocean: {\n primaryColor: \"#0ea5e9\",\n primaryTextColor: \"#ffffff\",\n primaryBorderColor: \"#0284c7\",\n background: \"#eff6ff\",\n textColor: \"#1e40af\",\n lineColor: \"#0369a1\",\n secondaryColor: \"#bae6fd\",\n tertiaryColor: \"#eff6ff\",\n },\n sky: {\n primaryColor: \"#38bdf8\",\n primaryTextColor: \"#ffffff\",\n primaryBorderColor: \"#0ea5e9\",\n background: \"#f0f9ff\",\n textColor: \"#0369a1\",\n lineColor: \"#0284c7\",\n secondaryColor: \"#bae6fd\",\n tertiaryColor: \"#f0f9ff\",\n },\n indigo: {\n primaryColor: \"#6366f1\",\n primaryTextColor: \"#ffffff\",\n primaryBorderColor: \"#4f46e5\",\n background: \"#eef2ff\",\n textColor: \"#3730a3\",\n lineColor: \"#4338ca\",\n secondaryColor: \"#c7d2fe\",\n tertiaryColor: \"#eef2ff\",\n },\n\n // Green Variations\n teal: {\n primaryColor: \"#14b8a6\",\n primaryTextColor: \"#ffffff\",\n primaryBorderColor: \"#0d9488\",\n background: \"#f0fdfa\",\n textColor: \"#0f766e\",\n lineColor: \"#115e59\",\n secondaryColor: \"#ccfbf1\",\n tertiaryColor: \"#f0fdfa\",\n },\n lime: {\n primaryColor: \"#84cc16\",\n primaryTextColor: \"#ffffff\",\n primaryBorderColor: \"#65a30d\",\n background: \"#f4f4af\",\n textColor: \"#415f0b\",\n lineColor: \"#4d7c0f\",\n secondaryColor: \"#d4ed87\",\n tertiaryColor: \"#f4f4af\",\n },\n mint: {\n primaryColor: \"#6ee7b7\",\n primaryTextColor: \"#ffffff\",\n primaryBorderColor: \"#10b981\",\n background: \"#f0fdf4\",\n textColor: \"#047857\",\n lineColor: \"#059669\",\n secondaryColor: \"#a7f3d0\",\n tertiaryColor: \"#ecfdf5\",\n },\n\n // Purple/Pink Family\n violet: {\n primaryColor: \"#a855f7\",\n primaryTextColor: \"#ffffff\",\n primaryBorderColor: \"#9333ea\",\n background: \"#faf5ff\",\n textColor: \"#581c87\",\n lineColor: \"#7c3aed\",\n secondaryColor: \"#e9d5ff\",\n tertiaryColor: \"#faf5ff\",\n },\n rose: {\n primaryColor: \"#ec4899\",\n primaryTextColor: \"#ffffff\",\n primaryBorderColor: \"#db2777\",\n background: \"#fdf2f8\",\n textColor: \"#be185d\",\n lineColor: \"#c026d3\",\n secondaryColor: \"#fbcfe8\",\n tertiaryColor: \"#fdf2f8\",\n },\n\n // Dark Professional\n slate: {\n primaryColor: \"#64748b\",\n primaryTextColor: \"#f8fafc\",\n primaryBorderColor: \"#475569\",\n background: \"#0f172a\",\n textColor: \"#f1f5f9\",\n lineColor: \"#334155\",\n secondaryColor: \"#1e293b\",\n tertiaryColor: \"#1e293b\",\n },\n charcoal: {\n primaryColor: \"#475569\",\n primaryTextColor: \"#f8fafc\",\n primaryBorderColor: \"#334155\",\n background: \"#111827\",\n textColor: \"#f9fafb\",\n lineColor: \"#6b7280\",\n secondaryColor: \"#1f2937\",\n tertiaryColor: \"#374151\",\n },\n} as const\n\nexport type MermaidCustomTheme = keyof typeof mermaidThemes\n\nexport const themeGroups = [\n {\n label: \"Green\",\n themes: [\"emerald\", \"teal\", \"lime\", \"mint\"] as MermaidCustomTheme[],\n },\n {\n label: \"Warm\",\n themes: [\"coral\", \"amber\", \"crimson\", \"bronze\"] as MermaidCustomTheme[],\n },\n {\n label: \"Cool\",\n themes: [\"ocean\", \"sky\", \"indigo\"] as MermaidCustomTheme[],\n },\n {\n label: \"Purple / Pink\",\n themes: [\"violet\", \"rose\"] as MermaidCustomTheme[],\n },\n {\n label: \"Dark\",\n themes: [\"slate\", \"charcoal\"] as MermaidCustomTheme[],\n },\n] as const\n", "type": "registry:lib", "target": "lib/mermaid-themes.ts" } ], "type": "registry:lib" }