Skip to content

Commit 0c3216d

Browse files
davidagustinclaude
andcommitted
fix: remove @theme inline to fix Tailwind v4 CSS conflicts
- Remove @theme inline block that was overriding Tailwind v4 defaults - Remove custom spacing config causing utility conflicts - Add .changeset directory for release workflow The @theme inline directive in Tailwind v4 overrides internal theme tokens, which was causing text-center, mx-auto, and other utilities to not work correctly in production builds. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent 11622fb commit 0c3216d

File tree

3 files changed

+13
-59
lines changed

3 files changed

+13
-59
lines changed

.changeset/config.json

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"$schema": "https://unpkg.com/@changesets/config@3.0.0/schema.json",
3+
"changelog": "@changesets/cli/changelog",
4+
"commit": false,
5+
"fixed": [],
6+
"linked": [],
7+
"access": "restricted",
8+
"baseBranch": "main",
9+
"updateInternalDependencies": "patch",
10+
"ignore": []
11+
}

app/globals.css

Lines changed: 1 addition & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -109,57 +109,7 @@ html.light {
109109
color-scheme: light;
110110
}
111111

112-
@theme inline {
113-
/* Base colors */
114-
--color-bg-primary: var(--bg-primary);
115-
--color-bg-surface: var(--bg-surface);
116-
--color-bg-elevated: var(--bg-elevated);
117-
--color-bg-overlay: var(--bg-overlay);
118-
119-
--color-border-subtle: var(--border-subtle);
120-
--color-border-default: var(--border-default);
121-
--color-border-strong: var(--border-strong);
122-
123-
--color-text-primary: var(--text-primary);
124-
--color-text-secondary: var(--text-secondary);
125-
--color-text-muted: var(--text-muted);
126-
127-
/* Language accents */
128-
--color-javascript: var(--accent-javascript);
129-
--color-python: var(--accent-python);
130-
--color-java: var(--accent-java);
131-
--color-cpp: var(--accent-cpp);
132-
--color-ruby: var(--accent-ruby);
133-
--color-go: var(--accent-go);
134-
--color-rust: var(--accent-rust);
135-
--color-typescript: var(--accent-typescript);
136-
--color-php: var(--accent-php);
137-
--color-swift: var(--accent-swift);
138-
139-
/* Semantic */
140-
--color-success: var(--success);
141-
--color-error: var(--error);
142-
--color-warning: var(--warning);
143-
--color-info: var(--info);
144-
145-
/* Fonts */
146-
--font-sans: var(--font-inter);
147-
--font-mono: var(--font-jetbrains);
148-
149-
/* Custom spacing scale - use unique names to avoid conflicts with Tailwind defaults */
150-
--spacing-space-xs: 0.5rem;
151-
--spacing-space-sm: 1rem;
152-
--spacing-space-md: 1.5rem;
153-
--spacing-space-lg: 2rem;
154-
--spacing-space-xl: 3rem;
155-
--spacing-space-2xl: 4rem;
156-
157-
/* Border radius */
158-
--radius-sm: 0.375rem;
159-
--radius-md: 0.5rem;
160-
--radius-lg: 0.75rem;
161-
--radius-xl: 1rem;
162-
}
112+
/* Note: Removed @theme inline block to avoid conflicts with Tailwind v4 defaults */
163113

164114
/* Base styles */
165115
* {

tailwind.config.ts

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -47,14 +47,7 @@ const config: Config = {
4747
warning: 'var(--warning)',
4848
info: 'var(--info)',
4949
},
50-
spacing: {
51-
'space-xs': 'var(--spacing-space-xs)',
52-
'space-sm': 'var(--spacing-space-sm)',
53-
'space-md': 'var(--spacing-space-md)',
54-
'space-lg': 'var(--spacing-space-lg)',
55-
'space-xl': 'var(--spacing-space-xl)',
56-
'space-2xl': 'var(--spacing-space-2xl)',
57-
},
50+
/* Note: Removed custom spacing to avoid Tailwind v4 conflicts */
5851
borderRadius: {
5952
sm: 'var(--radius-sm)',
6053
md: 'var(--radius-md)',

0 commit comments

Comments
 (0)