Skip to content

Commit 8b0301d

Browse files
Copilothotlong
andcommitted
Fix fumadocs component styles by adding Tailwind v4 compatible CSS
Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>
1 parent fe77a99 commit 8b0301d

1 file changed

Lines changed: 76 additions & 0 deletions

File tree

apps/site/app/global.css

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,80 @@
22
@import 'fumadocs-ui/css/neutral.css';
33
@import 'fumadocs-ui/css/preset.css';
44

5+
/* Scan sources for Tailwind classes */
56
@source '../node_modules/fumadocs-ui/dist/**/*.js';
7+
@source '../../packages/components/src/**/*.{ts,tsx}';
8+
@source '../../packages/react/src/**/*.{ts,tsx}';
9+
@source '../../packages/plugin-*/src/**/*.{ts,tsx}';
10+
11+
/* ObjectUI component CSS custom properties */
12+
:root {
13+
--background: 0 0% 100%;
14+
--foreground: 222.2 84% 4.9%;
15+
16+
--card: 0 0% 100%;
17+
--card-foreground: 222.2 84% 4.9%;
18+
19+
--popover: 0 0% 100%;
20+
--popover-foreground: 222.2 84% 4.9%;
21+
22+
--primary: 222.2 47.4% 11.2%;
23+
--primary-foreground: 210 40% 98%;
24+
25+
--secondary: 210 40% 96.1%;
26+
--secondary-foreground: 222.2 47.4% 11.2%;
27+
28+
--muted: 210 40% 96.1%;
29+
--muted-foreground: 215.4 16.3% 46.9%;
30+
31+
--accent: 210 40% 96.1%;
32+
--accent-foreground: 222.2 47.4% 11.2%;
33+
34+
--destructive: 0 84.2% 60.2%;
35+
--destructive-foreground: 210 40% 98%;
36+
37+
--border: 214.3 31.8% 91.4%;
38+
--input: 214.3 31.8% 91.4%;
39+
--ring: 222.2 84% 4.9%;
40+
41+
--radius: 0.5rem;
42+
}
43+
44+
.dark {
45+
--background: 222.2 84% 4.9%;
46+
--foreground: 210 40% 98%;
47+
48+
--card: 222.2 84% 4.9%;
49+
--card-foreground: 210 40% 98%;
50+
51+
--popover: 222.2 84% 4.9%;
52+
--popover-foreground: 210 40% 98%;
53+
54+
--primary: 210 40% 98%;
55+
--primary-foreground: 222.2 47.4% 11.2%;
56+
57+
--secondary: 217.2 32.6% 17.5%;
58+
--secondary-foreground: 210 40% 98%;
59+
60+
--muted: 217.2 32.6% 17.5%;
61+
--muted-foreground: 215 20.2% 65.1%;
62+
63+
--accent: 217.2 32.6% 17.5%;
64+
--accent-foreground: 210 40% 98%;
65+
66+
--destructive: 0 62.8% 30.6%;
67+
--destructive-foreground: 210 40% 98%;
68+
69+
--border: 217.2 32.6% 17.5%;
70+
--input: 217.2 32.6% 17.5%;
71+
--ring: 212.7 26.8% 83.9%;
72+
}
73+
74+
* {
75+
border-color: hsl(var(--border));
76+
}
77+
78+
body {
79+
background-color: hsl(var(--background));
80+
color: hsl(var(--foreground));
81+
}

0 commit comments

Comments
 (0)