mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-27 10:14:06 +00:00
1d47a3e669
- Vue 3 + TypeScript + Vite project scaffold - PrimeVue UI components integration - VueFlow for node-based canvas editor - Pinia stores for state management (comfy, ui, workspace) - Workspace layout with sidebar navigation - Canvas view with node editor components - Custom node components (FlowNode, NodeHeader, NodeSlots, NodeWidgets) - Widget components (slider, select, toggle, text, number, color) - Authentication view mockup - ComfyUI API service integration scaffold - Node definitions and type system - Tailwind CSS styling - Node_info documentation for ComfyUI nodes 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
import type { Config } from 'tailwindcss'
|
|
|
|
export default {
|
|
content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Semantic colors matching ComfyUI_frontend design system
|
|
surface: {
|
|
DEFAULT: 'var(--p-surface-0)',
|
|
ground: 'var(--p-surface-ground)',
|
|
section: 'var(--p-surface-section)',
|
|
card: 'var(--p-surface-card)',
|
|
overlay: 'var(--p-surface-overlay)',
|
|
border: 'var(--p-surface-border)',
|
|
hover: 'var(--p-surface-hover)'
|
|
},
|
|
primary: {
|
|
DEFAULT: 'var(--p-primary-color)',
|
|
contrast: 'var(--p-primary-contrast-color)',
|
|
hover: 'var(--p-primary-hover-color)',
|
|
active: 'var(--p-primary-active-color)'
|
|
},
|
|
highlight: {
|
|
DEFAULT: 'var(--p-highlight-background)',
|
|
focus: 'var(--p-highlight-focus-background)',
|
|
text: 'var(--p-highlight-color)',
|
|
'focus-text': 'var(--p-highlight-focus-color)'
|
|
}
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', 'sans-serif']
|
|
}
|
|
}
|
|
},
|
|
plugins: []
|
|
} satisfies Config
|