plazbot
Version:
Official Plazbot SDK for creating AI agents for WhatsApp, portals, and developers.
60 lines (59 loc) • 1.66 kB
JavaScript
export const lightTheme = {
primaryColor: '#2D84C7',
backgroundColor: '#ffffff',
surfaceColor: '#f9fafb',
textColor: '#111827',
textSecondary: '#6b7280',
borderColor: '#e5e7eb',
bubbleUserBg: '#2D84C7',
bubbleUserText: '#ffffff',
bubbleAgentBg: '#f3f4f6',
bubbleAgentText: '#111827',
inputBg: '#ffffff',
inputBorder: '#d1d5db',
cardBg: '#ffffff',
cardBorder: '#e5e7eb',
successColor: '#16a34a',
errorColor: '#dc2626',
warningColor: '#f59e0b',
borderRadius: '6px',
borderRadiusLg: '8px',
borderRadiusSm: '4px',
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
fontSize: '14px',
fontSizeSm: '12px',
fontSizeLg: '16px',
spacing: '10px',
spacingSm: '6px',
spacingLg: '14px',
shadowSm: '0 1px 2px rgba(0,0,0,0.05)',
shadowMd: '0 4px 6px -1px rgba(0,0,0,0.1)',
shadowLg: '0 10px 15px -3px rgba(0,0,0,0.1)',
};
export const darkTheme = {
...lightTheme,
primaryColor: '#5BA3D9',
backgroundColor: '#111827',
surfaceColor: '#1f2937',
textColor: '#f9fafb',
textSecondary: '#9ca3af',
borderColor: '#374151',
bubbleUserBg: '#5BA3D9',
bubbleUserText: '#ffffff',
bubbleAgentBg: '#1f2937',
bubbleAgentText: '#f9fafb',
inputBg: '#1f2937',
inputBorder: '#374151',
cardBg: '#1f2937',
cardBorder: '#374151',
};
const colorMap = {
orange: '#f97316',
blue: '#2D84C7',
green: '#16a34a',
gray: '#6b7280',
white: '#ffffff',
};
export function agentColorToHex(color) {
return colorMap[color ?? 'blue'] ?? colorMap.blue;
}