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} */ /** @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: {