{
    "preview": {
        "chromeBorder": "border-gray-700",
        "bgBody": "bg-gray-900",
        "bgSidebar": "bg-gray-800/50",
        "icon": "text-gray-400",
        "heading": "text-indigo-200"
    },
    "vars": {
        "colorScheme": "dark",
        "--background": "#111827",
        "--border": "#1f2937",
        "--input": "#1f2937",
        "--ring": "#d1d5db",
        "--scrollbar-track-bg": "#1f2937",
        "--scrollbar-thumb-bg": "#4b5563",
        "--primary-bg": "#1f2937",
        "--secondary-bg": "#1f2937",
        "--secondary-border": "#374151",
        "--user-bg": "#1e3a8a",
        "--user-text": "#f3f4f6",
        "--user-border": "#374151",
        "--assistant-bg": "#1e293b",
        "--assistant-text": "#f1f5f9",
        "--assistant-border": "#334155"
    },
    "styles": {
        "chromeBorder": "border-gray-700",
        "heading": "text-gray-200",
        "muted": "text-gray-400",
        "mutedActive": "text-gray-300",
        "mutedHover": "hover:text-gray-200",
        "highlighted": "text-blue-400",
        "link": "text-blue-600 hover:text-blue-400",
        "linkHover": "hover:text-blue-400 group-hover:text-blue-400",
        "bgBody": "bg-gray-900",
        "bgSidebar": "bg-gray-800/50",
        "bgChat": "bg-gray-800",
        "bgPage": "bg-gray-900",
        "bgSuccess": "bg-green-900 text-green-200",
        "bgWarning": "bg-orange-900 text-orange-200",
        "bgInput": "bg-gray-950",
        "textInput": "text-gray-100 placeholder-gray-500",
        "borderInput": "border-gray-600 focus:border-blue-500 focus:ring-blue-500",
        "labelInput": "text-gray-300",
        "helpInput": "text-gray-400",
        "draggingInput": "border-blue-500 bg-blue-900/30 ring-1 ring-blue-500",
        "dropdownButton": "border border-gray-600 bg-gray-900 hover:bg-gray-800 text-gray-300 focus:outline-none",
        "bgPopover": "bg-gray-800 border border-gray-700",
        "popoverButton": "hover:bg-gray-700",
        "popoverButtonActive": "bg-blue-900/30",
        "codeTag": "text-gray-300 bg-gray-700",
        "codeTagStrong": "border border-blue-800 text-gray-300 bg-blue-900/30",
        "tagButtonGroup": "rounded-xl bg-white/5 border border-gray-700",
        "tagButton": "cursor-pointer border border-transparent text-gray-300",
        "tagButtonActive": "border border-blue-800 text-blue-300 bg-blue-900/50",
        "tagButtonStrongActive": "bg-green-900/40 text-green-300 border-green-800",
        "tagLabel": "text-gray-300 border border-gray-600",
        "tagLabelHover": "hover:bg-gray-800 hover:text-gray-100 hover:border-gray-500",
        "panel": "border-gray-700 bg-gray-800",
        "card": "rounded-lg bg-gray-800 border border-gray-700",
        "infoCard": "rounded-lg bg-gray-800 border border-gray-700",
        "cardTitle": "border-b border-gray-700 bg-gray-800/50",
        "cardActive": "rounded-lg shadow-sm bg-gray-800 border border-blue-800",
        "cardActiveTitleBar": "border-b border-blue-800 bg-blue-900/30",
        "textBlock": "text-gray-100",
        "primaryButton": "border border-transparent shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-900 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed rounded-md",
        "secondaryButton": "text-gray-300 bg-gray-800 border border-gray-600 hover:bg-gray-700 rounded-md",
        "textLink": "underline hover:text-gray-100",
        "bgIcon": "bg-gray-400",
        "icon": "text-gray-400",
        "iconHover": "hover:text-gray-300",
        "iconActive": "bg-gray-700",
        "iconPartial": "text-indigo-300!",
        "iconFull": "text-green-300!",
        "mutedIcon": "text-gray-400",
        "mutedIconHover": "hover:text-gray-200",
        "chatButton": "border border-gray-600 text-gray-400 bg-gray-800 hover:bg-gray-700 disabled:text-gray-400 disabled:cursor-not-allowed disabled:border-gray-700 transition-colors",
        "voiceButtonDefault": "bg-gray-800 text-gray-400 hover:text-gray-200",
        "voiceButtonRecording": "border border-red-600 bg-red-900/30 text-red-400 animate-pulse",
        "voiceButtonProcessing": "bg-blue-900/30 text-blue-400 animate-spin",
        "threadItemActiveBorder": "border-blue-600",
        "threadItemActive": "bg-blue-900 border-blue-700",
        "threadItem": "border-transparent hover:bg-gray-800",
        "tabButton": "text-gray-400 hover:text-white hover:bg-white"
    }
}