maestro/ui/tailwind.config.js
clade 7049a874f3 feat: initial public release (MAESTRO v0.1.0)
Open-source release of MAESTRO, an agent orchestration platform that runs
LLM-driven tasks through sandboxed tools, with a web UI. Apache-2.0.
See README.md and docs/ (getting-started, configuration, architecture).
2026-06-03 04:01:14 +00:00

54 lines
2.0 KiB
JavaScript

import typography from '@tailwindcss/typography';
/**
* UI redesign (Refero-inspired minimal+dense).
*
* Neutral palette stays on Tailwind's `slate` scale because the
* codebase has 700+ existing references; replacing it would be churn
* without payoff. Refinements happen at the CSS-var layer (canvas /
* surface / hairline tokens) and rely on Tailwind's stock semantic
* scales (emerald/amber/red/blue/indigo) for state colors.
*/
/** @type {import('tailwindcss').Config} */
export default {
content: ['./index.html', './src/**/*.{ts,tsx}'],
theme: {
extend: {
colors: {
// Brand accent stays runtime-configurable via /api/branding.
// Fallback updated to the minimal-design accent (zinc-900).
accent: 'var(--brand-primary, #18181b)',
'accent-deep': 'var(--brand-primary-deep, #09090b)',
'accent-soft': 'var(--brand-primary-soft, #f4f4f5)',
'accent-ring': 'var(--brand-primary-ring, rgba(24, 24, 27, 0.25))',
'accent-fg': 'var(--brand-primary-fg, #ffffff)',
ink: '#0f172a',
muted: '#64748b',
// Refero-inspired surface tokens.
canvas: '#ffffff',
surface: '#fafafa',
'surface-2': '#f4f4f5',
hairline: '#e4e4e7',
'hairline-soft': '#f4f4f5',
},
fontFamily: {
sans: ['"IBM Plex Sans JP"', '"Hiragino Sans"', 'system-ui', 'sans-serif'],
mono: ['"JetBrains Mono"', '"IBM Plex Mono"', 'ui-monospace', 'monospace'],
},
fontSize: {
'2xs': ['0.6875rem', { lineHeight: '1rem' }], // 11px
},
borderRadius: {
DEFAULT: '0.375rem', // 6px — matches the new design token.
},
boxShadow: {
// Refined ramp: rely on hairlines for elevation, not drop shadows.
sm: '0 1px 2px 0 rgba(15, 23, 42, 0.04)',
DEFAULT: '0 1px 2px 0 rgba(15, 23, 42, 0.05), 0 1px 3px 0 rgba(15, 23, 42, 0.04)',
md: '0 2px 4px -1px rgba(15, 23, 42, 0.06), 0 4px 6px -1px rgba(15, 23, 42, 0.04)',
},
},
},
plugins: [typography],
};