c2dfaba4a6
- Updated branding transformation documentation - Enhanced config UI layout and styling with Tailwind config updates - Modified web embed integration for improved component packaging - Added Next.js build artifacts to .gitignore for cleaner repository 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
100 lines
3.3 KiB
JavaScript
100 lines
3.3 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./components/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./app/**/*.{js,ts,jsx,tsx,mdx}',
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// CHORUS Corporate Colors - Adaptive Theme
|
|
'chorus-primary': {
|
|
light: '#c1bfb1', // Brushed Nickel - light background
|
|
DEFAULT: '#0b0213', // Dark Mulberry - dark background
|
|
},
|
|
'chorus-secondary': '#5a6c80', // Orchestration Blue - consistent
|
|
'chorus-accent': '#c1bfb1', // Brushed Nickel - consistent
|
|
'chorus-brown': '#403730', // Walnut Brown - consistent
|
|
|
|
// Adaptive Surfaces
|
|
'chorus-paper': {
|
|
light: '#f8f9fa', // Light paper background
|
|
DEFAULT: '#0b0213', // Dark paper background
|
|
},
|
|
'chorus-white': {
|
|
light: '#ffffff', // Light cards
|
|
DEFAULT: '#111111', // Dark cards
|
|
},
|
|
'chorus-warm': {
|
|
light: '#f5f5f5', // Light elevated surfaces
|
|
DEFAULT: '#1a1a1a', // Dark elevated surfaces
|
|
},
|
|
|
|
// Adaptive Text Hierarchy
|
|
'chorus-text-primary': {
|
|
light: '#1a1a1a', // Dark text on light
|
|
DEFAULT: '#ffffff', // Light text on dark
|
|
},
|
|
'chorus-text-secondary': {
|
|
light: '#4a5568', // Medium gray on light
|
|
DEFAULT: '#e5e5e5', // Light gray on dark
|
|
},
|
|
'chorus-text-tertiary': {
|
|
light: '#718096', // Light gray on light
|
|
DEFAULT: '#cccccc', // Medium light on dark
|
|
},
|
|
'chorus-text-subtle': {
|
|
light: '#a0aec0', // Very light on light
|
|
DEFAULT: '#999999', // Medium on dark
|
|
},
|
|
'chorus-text-ghost': {
|
|
light: '#cbd5e0', // Ghost light
|
|
DEFAULT: '#666666', // Ghost dark
|
|
},
|
|
|
|
// Adaptive Border System
|
|
'chorus-border-invisible': {
|
|
light: '#f7fafc', // Nearly invisible light
|
|
DEFAULT: '#333333', // Nearly invisible dark
|
|
},
|
|
'chorus-border-subtle': {
|
|
light: '#e2e8f0', // Subtle light borders
|
|
DEFAULT: '#444444', // Subtle dark borders
|
|
},
|
|
'chorus-border-defined': {
|
|
light: '#cbd5e0', // Defined light borders
|
|
DEFAULT: '#555555', // Defined dark borders
|
|
},
|
|
'chorus-border-emphasis': {
|
|
light: '#a0aec0', // Emphasized light
|
|
DEFAULT: '#666666', // Emphasized dark
|
|
},
|
|
},
|
|
borderRadius: {
|
|
'none': '0',
|
|
'sm': '3px', // Small elements (inputs, badges)
|
|
'md': '4px', // Standard elements (buttons, nav)
|
|
'lg': '5px', // Large elements (cards, modals)
|
|
},
|
|
spacing: {
|
|
'18': '4.5rem', // 72px
|
|
'88': '22rem', // 352px
|
|
},
|
|
animation: {
|
|
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
'fade-in': 'fadeIn 200ms ease-out',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: '0', transform: 'translateY(4px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
}
|
|
}
|
|
},
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/forms'),
|
|
],
|
|
} |