fix(build): Hardcode colors in tailwind.config.cjs
Some checks are pending
Deploy to Production / deploy (push) Waiting to run
Test / backend-test (push) Waiting to run
Test / frontend-test (push) Waiting to run

- 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:
fullsizemalt 2025-12-19 15:41:42 -08:00
parent 77e9dd7e70
commit 60085da01b

View file

@ -1,5 +1,3 @@
const colors = require('tailwindcss/colors');
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
@ -30,64 +28,82 @@ module.exports = {
},
},
extend: {
// Design OS Palette (Stone & Lime)
// Design OS Palette (Stone & Lime) - Hardcoded for build stability
colors: {
// Neutral scale (Stone = warmth + utility)
// Neutral scale (Stone)
neutral: {
...colors.stone,
// Map legacy specifics if needed, but prefer stone-950 for blacks
850: '#1c1917', // stone-900ish
950: '#0c0a09', // stone-950
50: '#fafaf9',
100: '#f5f5f4',
200: '#e7e5e4',
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: {
...colors.lime,
DEFAULT: colors.lime[500], // Was Linear Purple
hover: colors.lime[400],
muted: 'rgba(132, 204, 22, 0.15)', // Lime-500 alpha
foreground: colors.stone[950], // Dark text on lime
DEFAULT: '#84cc16', // lime-500
hover: '#a3e635', // lime-400
muted: 'rgba(132, 204, 22, 0.15)',
foreground: '#0c0a09',
50: '#f7fee7',
100: '#ecfccb',
200: '#d9f99d',
300: '#bef264',
400: '#a3e635',
500: '#84cc16',
600: '#65a30d',
700: '#4d7c0f',
800: '#3f6212',
900: '#365314',
950: '#1a2e05',
},
// Semantic colors
success: {
DEFAULT: colors.emerald[500],
DEFAULT: '#10b981', // emerald-500
muted: 'rgba(16, 185, 129, 0.15)',
foreground: '#FFFFFF',
},
warning: {
DEFAULT: colors.amber[500],
DEFAULT: '#f59e0b', // amber-500
muted: 'rgba(245, 158, 11, 0.15)',
foreground: '#171717',
},
destructive: {
DEFAULT: colors.red[500],
DEFAULT: '#ef4444', // red-500
muted: 'rgba(239, 68, 68, 0.15)',
foreground: '#FFFFFF',
},
// Mappings
border: colors.stone[200],
input: colors.stone[200],
ring: colors.lime[500],
background: colors.stone[50], // Slightly warm background
foreground: colors.stone[950],
border: '#e7e5e4', // stone-200
input: '#e7e5e4',
ring: '#84cc16', // lime-500
background: '#fafaf9', // stone-50
foreground: '#0c0a09', // stone-950
primary: {
DEFAULT: colors.lime[500],
foreground: colors.stone[950],
DEFAULT: '#84cc16',
foreground: '#0c0a09',
},
secondary: {
DEFAULT: colors.stone[100],
foreground: colors.stone[900],
DEFAULT: '#f5f5f4', // stone-100
foreground: '#1c1917',
},
muted: {
DEFAULT: colors.stone[100],
foreground: colors.stone[500],
DEFAULT: '#f5f5f4',
foreground: '#78716c',
},
popover: {
DEFAULT: "#FFFFFF",
foreground: colors.stone[950],
foreground: '#0c0a09',
},
card: {
DEFAULT: "#FFFFFF",
foreground: colors.stone[950],
foreground: '#0c0a09',
},
},
borderRadius: {