fix(build): Hardcode colors in tailwind.config.cjs
- Replaced tailwindcss/colors require with hardcoded values to bypass module loading issues - Finalized Stone/Lime palette implementation - This resolves persistence build failures on the remote
This commit is contained in:
parent
77e9dd7e70
commit
60085da01b
1 changed files with 46 additions and 30 deletions
|
|
@ -1,5 +1,3 @@
|
||||||
const colors = require('tailwindcss/colors');
|
|
||||||
|
|
||||||
/** @type {import('tailwindcss').Config} */
|
/** @type {import('tailwindcss').Config} */
|
||||||
module.exports = {
|
module.exports = {
|
||||||
content: [
|
content: [
|
||||||
|
|
@ -30,64 +28,82 @@ module.exports = {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
extend: {
|
extend: {
|
||||||
// Design OS Palette (Stone & Lime)
|
// Design OS Palette (Stone & Lime) - Hardcoded for build stability
|
||||||
colors: {
|
colors: {
|
||||||
// Neutral scale (Stone = warmth + utility)
|
// Neutral scale (Stone)
|
||||||
neutral: {
|
neutral: {
|
||||||
...colors.stone,
|
50: '#fafaf9',
|
||||||
// Map legacy specifics if needed, but prefer stone-950 for blacks
|
100: '#f5f5f4',
|
||||||
850: '#1c1917', // stone-900ish
|
200: '#e7e5e4',
|
||||||
950: '#0c0a09', // stone-950
|
300: '#d6d3d1',
|
||||||
|
400: '#a8a29e',
|
||||||
|
500: '#78716c',
|
||||||
|
600: '#57534e',
|
||||||
|
700: '#44403c',
|
||||||
|
800: '#292524',
|
||||||
|
900: '#1c1917',
|
||||||
|
950: '#0c0a09',
|
||||||
|
850: '#1c1917', // Legacy support
|
||||||
},
|
},
|
||||||
// Primary Accent (Lime = fresh + technical)
|
// Primary Accent (Lime)
|
||||||
accent: {
|
accent: {
|
||||||
...colors.lime,
|
DEFAULT: '#84cc16', // lime-500
|
||||||
DEFAULT: colors.lime[500], // Was Linear Purple
|
hover: '#a3e635', // lime-400
|
||||||
hover: colors.lime[400],
|
muted: 'rgba(132, 204, 22, 0.15)',
|
||||||
muted: 'rgba(132, 204, 22, 0.15)', // Lime-500 alpha
|
foreground: '#0c0a09',
|
||||||
foreground: colors.stone[950], // Dark text on lime
|
50: '#f7fee7',
|
||||||
|
100: '#ecfccb',
|
||||||
|
200: '#d9f99d',
|
||||||
|
300: '#bef264',
|
||||||
|
400: '#a3e635',
|
||||||
|
500: '#84cc16',
|
||||||
|
600: '#65a30d',
|
||||||
|
700: '#4d7c0f',
|
||||||
|
800: '#3f6212',
|
||||||
|
900: '#365314',
|
||||||
|
950: '#1a2e05',
|
||||||
},
|
},
|
||||||
// Semantic colors
|
// Semantic colors
|
||||||
success: {
|
success: {
|
||||||
DEFAULT: colors.emerald[500],
|
DEFAULT: '#10b981', // emerald-500
|
||||||
muted: 'rgba(16, 185, 129, 0.15)',
|
muted: 'rgba(16, 185, 129, 0.15)',
|
||||||
foreground: '#FFFFFF',
|
foreground: '#FFFFFF',
|
||||||
},
|
},
|
||||||
warning: {
|
warning: {
|
||||||
DEFAULT: colors.amber[500],
|
DEFAULT: '#f59e0b', // amber-500
|
||||||
muted: 'rgba(245, 158, 11, 0.15)',
|
muted: 'rgba(245, 158, 11, 0.15)',
|
||||||
foreground: '#171717',
|
foreground: '#171717',
|
||||||
},
|
},
|
||||||
destructive: {
|
destructive: {
|
||||||
DEFAULT: colors.red[500],
|
DEFAULT: '#ef4444', // red-500
|
||||||
muted: 'rgba(239, 68, 68, 0.15)',
|
muted: 'rgba(239, 68, 68, 0.15)',
|
||||||
foreground: '#FFFFFF',
|
foreground: '#FFFFFF',
|
||||||
},
|
},
|
||||||
// Mappings
|
// Mappings
|
||||||
border: colors.stone[200],
|
border: '#e7e5e4', // stone-200
|
||||||
input: colors.stone[200],
|
input: '#e7e5e4',
|
||||||
ring: colors.lime[500],
|
ring: '#84cc16', // lime-500
|
||||||
background: colors.stone[50], // Slightly warm background
|
background: '#fafaf9', // stone-50
|
||||||
foreground: colors.stone[950],
|
foreground: '#0c0a09', // stone-950
|
||||||
primary: {
|
primary: {
|
||||||
DEFAULT: colors.lime[500],
|
DEFAULT: '#84cc16',
|
||||||
foreground: colors.stone[950],
|
foreground: '#0c0a09',
|
||||||
},
|
},
|
||||||
secondary: {
|
secondary: {
|
||||||
DEFAULT: colors.stone[100],
|
DEFAULT: '#f5f5f4', // stone-100
|
||||||
foreground: colors.stone[900],
|
foreground: '#1c1917',
|
||||||
},
|
},
|
||||||
muted: {
|
muted: {
|
||||||
DEFAULT: colors.stone[100],
|
DEFAULT: '#f5f5f4',
|
||||||
foreground: colors.stone[500],
|
foreground: '#78716c',
|
||||||
},
|
},
|
||||||
popover: {
|
popover: {
|
||||||
DEFAULT: "#FFFFFF",
|
DEFAULT: "#FFFFFF",
|
||||||
foreground: colors.stone[950],
|
foreground: '#0c0a09',
|
||||||
},
|
},
|
||||||
card: {
|
card: {
|
||||||
DEFAULT: "#FFFFFF",
|
DEFAULT: "#FFFFFF",
|
||||||
foreground: colors.stone[950],
|
foreground: '#0c0a09',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
borderRadius: {
|
borderRadius: {
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue