Design Preview

{
  "id": "default",
  "name": "Default (Indigo)",
  "description": "Design actuel avec accents indigo",
  "chrome": {
    "border": "#e5e5e5",
    "bg": "#ffffff",
    "barBg": "#f9fafb",
    "barBorder": "#f3f4f6",
    "dot": "#e5e5e5",
    "urlBg": "#f3f4f6",
    "urlText": "#9ca3af",
    "canvasBg": "#fafafa"
  },
  "chromeDark": {
    "border": "#2a2a2a",
    "bg": "#1c1c1c",
    "barBg": "#222222",
    "barBorder": "#2a2a2a",
    "dot": "#52525b",
    "urlBg": "#1a1a1a",
    "urlText": "#71717a",
    "canvasBg": "#161616"
  },
  "node": {
    "bg": "#ffffff",
    "bgDark": "#18181b",
    "border": "#e5e5e5",
    "borderDark": "#3f3f46",
    "borderRadius": 72,
    "text": "#0a0a0a",
    "textDark": "#fafafa",
    "textMuted": "#737373",
    "textMutedDark": "#a1a1aa",
    "iconStroke": "#525252",
    "iconStrokeDark": "#a1a1aa",
    "iconBubbleBg": "#f0f0ff",
    "iconBubbleBgDark": "#27272a",
    "shadow": "0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04)",
    "shadowDark": "0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.25)",
    "accent": "#6366f1",
    "accentLight": "#818cf8",
    "accentGlow": "rgba(99,102,241,0.15)",
    "handleColor": "#a3a3a3",
    "handleColorDark": "#52525b",
    "processGradient": "linear-gradient(135deg, #09090b 0%, #27272a 100%)",
    "processGradientDark": "linear-gradient(135deg, #18181b 0%, #27272a 100%)",
    "processBorder": "rgba(255,255,255,0.04)",
    "processBorderDark": "rgba(255,255,255,0.08)",
    "processShadow": "0 0 0 1px rgba(99,102,241,0.15), 0 0 40px rgba(99,102,241,0.1), 0 4px 16px rgba(0,0,0,0.2)",
    "processHandleBg": "#6366f1",
    "processHandleBorder": "#18181b",
    "kpiPositive": "#10b981",
    "kpiPositiveDark": "#34d399",
    "kpiNegative": "#f43f5e",
    "kpiNegativeDark": "#fb7185",
    "progressBg": "#e5e5e5",
    "progressBgDark": "#27272a",
    "progressFill": "#818cf8",
    "progressFillDark": "#6366f1",
    "tagDot": "#6366f1"
  },
  "edge": {
    "stroke": "rgba(0,0,0,0.2)",
    "strokeDark": "rgba(255,255,255,0.25)",
    "strokeWidth": 1.5,
    "markerColor": "rgba(0,0,0,0.25)",
    "markerColorDark": "rgba(255,255,255,0.3)"
  },
  "dots": {
    "color": "rgba(0,0,0,0.04)",
    "colorDark": "rgba(255,255,255,0.04)",
    "gap": 28,
    "size": 0.8
  }
}