convex-cms 0.0.9-alpha.8 → 0.0.9-alpha.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/README.md +27 -0
  2. package/admin/src/components/cmsds/CmsFilterBar.tsx +74 -0
  3. package/admin/src/components/cmsds/CmsInput.tsx +24 -0
  4. package/admin/src/components/cmsds/CmsPagination.tsx +79 -0
  5. package/admin/src/components/cmsds/CmsSelect.tsx +59 -0
  6. package/admin/src/components/cmsds/CmsStatCard.tsx +79 -0
  7. package/admin/src/components/cmsds/CmsStatusBadge.tsx +1 -1
  8. package/admin/src/components/cmsds/index.ts +5 -0
  9. package/admin/src/contexts/ThemeContext.tsx +85 -17
  10. package/admin/src/embed/components/EmbedHeader.tsx +11 -9
  11. package/admin/src/embed/components/EmbedLayout.tsx +2 -6
  12. package/admin/src/embed/components/EmbedSidebar.tsx +7 -4
  13. package/admin/src/embed/index.tsx +3 -2
  14. package/admin/src/embed/types.ts +6 -0
  15. package/admin/src/pages/ContentPage.tsx +116 -172
  16. package/admin/src/pages/ContentTypeEntriesPage.tsx +120 -194
  17. package/admin/src/pages/ContentTypesPage.tsx +136 -139
  18. package/admin/src/pages/DashboardPage.tsx +13 -52
  19. package/admin/src/pages/MediaPage.tsx +31 -57
  20. package/admin/src/pages/SettingsPage.tsx +5 -1
  21. package/admin/src/pages/TrashPage.tsx +115 -170
  22. package/admin/src/styles/globals.css +10 -32
  23. package/admin/src/styles/tailwind-config.css +12 -0
  24. package/admin/src/styles/theme.css +229 -106
  25. package/package.json +1 -1
package/admin/src/styles/theme.css CHANGED
@@ -2,15 +2,14 @@
2
2
  CMS Admin Theme - CSS Custom Properties
3
3
  Professional & Clean (Linear/Notion aesthetic)
4
4
 
5
- Theme modes:
6
- - Standalone: Uses :root for the entire document
7
- - Isolated (embedded): Admin uses its own theme via [data-cms-admin="isolated"]
8
- - Inherit (embedded): Admin inherits parent's colors via [data-cms-admin="inherit"]
5
+ Theme Modes:
6
+ - Standalone: :root variables for running independently
7
+ - Isolated: [data-cms-admin="isolated"] forces admin's own theme
8
+ - Inherit: [data-cms-admin="inherit"] inherits parent app variables
9
9
  ============================================ */
10
10
 
11
11
  /* Standalone mode - admin owns the document */
12
12
  :root {
13
- /* Main colors */
14
13
  --background: hsl(0 0% 98%);
15
14
  --foreground: hsl(240 10% 3.9%);
16
15
  --card: hsl(0 0% 100%);
@@ -31,7 +30,6 @@
31
30
  --input: hsl(240 5.9% 90%);
32
31
  --ring: hsl(240 5.9% 10%);
33
32
 
34
- /* Sidebar */
35
33
  --sidebar: hsl(0 0% 98%);
36
34
  --sidebar-foreground: hsl(240 5.3% 26.1%);
37
35
  --sidebar-primary: hsl(240 5.9% 10%);
@@ -41,35 +39,47 @@
41
39
  --sidebar-border: hsl(220 13% 91%);
42
40
  --sidebar-ring: hsl(217.2 91.2% 59.8%);
43
41
 
44
- /* Semantic: Diff/Change indicators */
42
+ /* Semantic status colors */
43
+ --success: hsl(142 76% 36%);
44
+ --success-foreground: hsl(0 0% 100%);
45
+ --warning: hsl(38 92% 50%);
46
+ --warning-foreground: hsl(0 0% 0%);
47
+ --info: hsl(217 91% 60%);
48
+ --info-bg: hsl(217 91% 95%);
49
+ --info-foreground: hsl(217 91% 40%);
50
+
51
+ /* Diff colors */
45
52
  --diff-added: hsl(142 76% 36%);
46
53
  --diff-added-bg: hsl(142 76% 95%);
47
- --diff-added-border: hsl(142 76% 85%);
48
- --diff-added-foreground: hsl(142 76% 25%);
49
-
54
+ --diff-added-border: hsl(142 60% 80%);
55
+ --diff-added-foreground: hsl(142 72% 29%);
50
56
  --diff-removed: hsl(0 84% 60%);
51
- --diff-removed-bg: hsl(0 86% 97%);
52
- --diff-removed-border: hsl(0 93% 85%);
53
- --diff-removed-foreground: hsl(0 72% 30%);
54
-
57
+ --diff-removed-bg: hsl(0 84% 95%);
58
+ --diff-removed-border: hsl(0 70% 85%);
59
+ --diff-removed-foreground: hsl(0 72% 40%);
55
60
  --diff-modified: hsl(38 92% 50%);
56
- --diff-modified-bg: hsl(48 96% 97%);
57
- --diff-modified-border: hsl(48 96% 82%);
58
- --diff-modified-foreground: hsl(38 92% 25%);
61
+ --diff-modified-bg: hsl(38 92% 95%);
62
+ --diff-modified-border: hsl(38 80% 85%);
63
+ --diff-modified-foreground: hsl(38 80% 35%);
59
64
 
60
- /* Semantic: Success/Warning/Info states */
61
- --success: hsl(142 76% 36%);
62
- --success-foreground: hsl(0 0% 100%);
63
- --warning: hsl(38 92% 50%);
64
- --warning-foreground: hsl(0 0% 100%);
65
- --info: hsl(217 91% 60%);
66
- --info-bg: hsl(214 95% 97%);
67
- --info-foreground: hsl(217 91% 30%);
65
+ /* Purple (for custom workflow states) */
66
+ --purple: hsl(270 70% 60%);
67
+ --purple-bg: hsl(270 70% 95%);
68
+ --purple-foreground: hsl(270 60% 35%);
69
+
70
+ /* Chart colors (shadcn standard) */
71
+ --chart-1: hsl(12 76% 61%);
72
+ --chart-2: hsl(173 58% 39%);
73
+ --chart-3: hsl(197 37% 24%);
74
+ --chart-4: hsl(43 74% 66%);
75
+ --chart-5: hsl(27 87% 67%);
76
+
77
+ /* Border radius */
78
+ --radius: 0.5rem;
68
79
  }
69
80
 
70
- /* Isolated mode - forces admin's own theme, ignores parent styles */
81
+ /* Isolated mode - forces admin's own theme, overrides parent */
71
82
  [data-cms-admin="isolated"] {
72
- /* Main colors */
73
83
  --background: hsl(0 0% 98%);
74
84
  --foreground: hsl(240 10% 3.9%);
75
85
  --card: hsl(0 0% 100%);
@@ -90,7 +100,6 @@
90
100
  --input: hsl(240 5.9% 90%);
91
101
  --ring: hsl(240 5.9% 10%);
92
102
 
93
- /* Sidebar */
94
103
  --sidebar: hsl(0 0% 98%);
95
104
  --sidebar-foreground: hsl(240 5.3% 26.1%);
96
105
  --sidebar-primary: hsl(240 5.9% 10%);
@@ -100,35 +109,49 @@
100
109
  --sidebar-border: hsl(220 13% 91%);
101
110
  --sidebar-ring: hsl(217.2 91.2% 59.8%);
102
111
 
103
- /* Semantic: Diff/Change indicators */
112
+ /* Semantic status colors */
113
+ --success: hsl(142 76% 36%);
114
+ --success-foreground: hsl(0 0% 100%);
115
+ --warning: hsl(38 92% 50%);
116
+ --warning-foreground: hsl(0 0% 0%);
117
+ --info: hsl(217 91% 60%);
118
+ --info-bg: hsl(217 91% 95%);
119
+ --info-foreground: hsl(217 91% 40%);
120
+
121
+ /* Diff colors */
104
122
  --diff-added: hsl(142 76% 36%);
105
123
  --diff-added-bg: hsl(142 76% 95%);
106
- --diff-added-border: hsl(142 76% 85%);
107
- --diff-added-foreground: hsl(142 76% 25%);
108
-
124
+ --diff-added-border: hsl(142 60% 80%);
125
+ --diff-added-foreground: hsl(142 72% 29%);
109
126
  --diff-removed: hsl(0 84% 60%);
110
- --diff-removed-bg: hsl(0 86% 97%);
111
- --diff-removed-border: hsl(0 93% 85%);
112
- --diff-removed-foreground: hsl(0 72% 30%);
113
-
127
+ --diff-removed-bg: hsl(0 84% 95%);
128
+ --diff-removed-border: hsl(0 70% 85%);
129
+ --diff-removed-foreground: hsl(0 72% 40%);
114
130
  --diff-modified: hsl(38 92% 50%);
115
- --diff-modified-bg: hsl(48 96% 97%);
116
- --diff-modified-border: hsl(48 96% 82%);
117
- --diff-modified-foreground: hsl(38 92% 25%);
131
+ --diff-modified-bg: hsl(38 92% 95%);
132
+ --diff-modified-border: hsl(38 80% 85%);
133
+ --diff-modified-foreground: hsl(38 80% 35%);
118
134
 
119
- /* Semantic: Success/Warning/Info states */
120
- --success: hsl(142 76% 36%);
121
- --success-foreground: hsl(0 0% 100%);
122
- --warning: hsl(38 92% 50%);
123
- --warning-foreground: hsl(0 0% 100%);
124
- --info: hsl(217 91% 60%);
125
- --info-bg: hsl(214 95% 97%);
126
- --info-foreground: hsl(217 91% 30%);
135
+ /* Purple (for custom workflow states) */
136
+ --purple: hsl(270 70% 60%);
137
+ --purple-bg: hsl(270 70% 95%);
138
+ --purple-foreground: hsl(270 60% 35%);
139
+
140
+ /* Chart colors (shadcn standard) */
141
+ --chart-1: hsl(12 76% 61%);
142
+ --chart-2: hsl(173 58% 39%);
143
+ --chart-3: hsl(197 37% 24%);
144
+ --chart-4: hsl(43 74% 66%);
145
+ --chart-5: hsl(27 87% 67%);
146
+
147
+ /* Border radius */
148
+ --radius: 0.5rem;
127
149
  }
128
150
 
129
- /* Inherit mode - uses parent's colors with fallbacks for layout */
151
+ /* Inherit mode - only admin-specific variables with fallbacks
152
+ Standard shadcn variables (background, foreground, etc.) are NOT defined here,
153
+ allowing them to inherit from the parent app's :root */
130
154
  [data-cms-admin="inherit"] {
131
- /* Sidebar variables with fallbacks (prevents broken layout) */
132
155
  --sidebar: var(--sidebar, hsl(0 0% 98%));
133
156
  --sidebar-foreground: var(--sidebar-foreground, hsl(240 5.3% 26.1%));
134
157
  --sidebar-primary: var(--sidebar-primary, hsl(240 5.9% 10%));
@@ -138,36 +161,115 @@
138
161
  --sidebar-border: var(--sidebar-border, hsl(220 13% 91%));
139
162
  --sidebar-ring: var(--sidebar-ring, hsl(217.2 91.2% 59.8%));
140
163
 
141
- /* Semantic variables with fallbacks */
164
+ /* Semantic status colors - fallbacks */
165
+ --success: var(--success, hsl(142 76% 36%));
166
+ --success-foreground: var(--success-foreground, hsl(0 0% 100%));
167
+ --warning: var(--warning, hsl(38 92% 50%));
168
+ --warning-foreground: var(--warning-foreground, hsl(0 0% 0%));
169
+ --info: var(--info, hsl(217 91% 60%));
170
+ --info-bg: var(--info-bg, hsl(217 91% 95%));
171
+ --info-foreground: var(--info-foreground, hsl(217 91% 40%));
172
+
173
+ /* Diff colors - fallbacks */
142
174
  --diff-added: var(--diff-added, hsl(142 76% 36%));
143
175
  --diff-added-bg: var(--diff-added-bg, hsl(142 76% 95%));
144
- --diff-added-border: var(--diff-added-border, hsl(142 76% 85%));
145
- --diff-added-foreground: var(--diff-added-foreground, hsl(142 76% 25%));
146
-
176
+ --diff-added-border: var(--diff-added-border, hsl(142 60% 80%));
177
+ --diff-added-foreground: var(--diff-added-foreground, hsl(142 72% 29%));
147
178
  --diff-removed: var(--diff-removed, hsl(0 84% 60%));
148
- --diff-removed-bg: var(--diff-removed-bg, hsl(0 86% 97%));
149
- --diff-removed-border: var(--diff-removed-border, hsl(0 93% 85%));
150
- --diff-removed-foreground: var(--diff-removed-foreground, hsl(0 72% 30%));
151
-
179
+ --diff-removed-bg: var(--diff-removed-bg, hsl(0 84% 95%));
180
+ --diff-removed-border: var(--diff-removed-border, hsl(0 70% 85%));
181
+ --diff-removed-foreground: var(--diff-removed-foreground, hsl(0 72% 40%));
152
182
  --diff-modified: var(--diff-modified, hsl(38 92% 50%));
153
- --diff-modified-bg: var(--diff-modified-bg, hsl(48 96% 97%));
154
- --diff-modified-border: var(--diff-modified-border, hsl(48 96% 82%));
155
- --diff-modified-foreground: var(--diff-modified-foreground, hsl(38 92% 25%));
183
+ --diff-modified-bg: var(--diff-modified-bg, hsl(38 92% 95%));
184
+ --diff-modified-border: var(--diff-modified-border, hsl(38 80% 85%));
185
+ --diff-modified-foreground: var(--diff-modified-foreground, hsl(38 80% 35%));
156
186
 
157
- --success: var(--success, hsl(142 76% 36%));
158
- --success-foreground: var(--success-foreground, hsl(0 0% 100%));
159
- --warning: var(--warning, hsl(38 92% 50%));
160
- --warning-foreground: var(--warning-foreground, hsl(0 0% 100%));
161
- --info: var(--info, hsl(217 91% 60%));
162
- --info-bg: var(--info-bg, hsl(214 95% 97%));
163
- --info-foreground: var(--info-foreground, hsl(217 91% 30%));
187
+ /* Purple - fallbacks */
188
+ --purple: var(--purple, hsl(270 70% 60%));
189
+ --purple-bg: var(--purple-bg, hsl(270 70% 95%));
190
+ --purple-foreground: var(--purple-foreground, hsl(270 60% 35%));
191
+
192
+ /* Chart colors - fallbacks */
193
+ --chart-1: var(--chart-1, hsl(12 76% 61%));
194
+ --chart-2: var(--chart-2, hsl(173 58% 39%));
195
+ --chart-3: var(--chart-3, hsl(197 37% 24%));
196
+ --chart-4: var(--chart-4, hsl(43 74% 66%));
197
+ --chart-5: var(--chart-5, hsl(27 87% 67%));
198
+
199
+ /* Border radius - fallback */
200
+ --radius: var(--radius, 0.5rem);
201
+ }
202
+
203
+ /* Dark mode for standalone */
204
+ .dark {
205
+ --background: hsl(240 10% 3.9%);
206
+ --foreground: hsl(0 0% 98%);
207
+ --card: hsl(240 10% 7%);
208
+ --card-foreground: hsl(0 0% 98%);
209
+ --popover: hsl(240 10% 7%);
210
+ --popover-foreground: hsl(0 0% 98%);
211
+ --primary: hsl(0 0% 98%);
212
+ --primary-foreground: hsl(240 5.9% 10%);
213
+ --secondary: hsl(240 3.7% 15.9%);
214
+ --secondary-foreground: hsl(0 0% 98%);
215
+ --muted: hsl(240 3.7% 15.9%);
216
+ --muted-foreground: hsl(240 5% 64.9%);
217
+ --accent: hsl(240 3.7% 15.9%);
218
+ --accent-foreground: hsl(0 0% 98%);
219
+ --destructive: hsl(0 62.8% 50.6%);
220
+ --destructive-foreground: hsl(0 0% 98%);
221
+ --border: hsl(240 3.7% 20%);
222
+ --input: hsl(240 3.7% 20%);
223
+ --ring: hsl(240 4.9% 83.9%);
224
+
225
+ --sidebar: hsl(240 5.9% 10%);
226
+ --sidebar-foreground: hsl(240 4.8% 95.9%);
227
+ --sidebar-primary: hsl(224.3 76.3% 48%);
228
+ --sidebar-primary-foreground: hsl(0 0% 100%);
229
+ --sidebar-accent: hsl(240 3.7% 15.9%);
230
+ --sidebar-accent-foreground: hsl(240 4.8% 95.9%);
231
+ --sidebar-border: hsl(240 3.7% 15.9%);
232
+ --sidebar-ring: hsl(217.2 91.2% 59.8%);
233
+
234
+ /* Semantic status colors - dark */
235
+ --success: hsl(142 70% 45%);
236
+ --success-foreground: hsl(0 0% 100%);
237
+ --warning: hsl(38 92% 50%);
238
+ --warning-foreground: hsl(0 0% 0%);
239
+ --info: hsl(217 91% 65%);
240
+ --info-bg: hsl(217 50% 20%);
241
+ --info-foreground: hsl(217 91% 80%);
242
+
243
+ /* Diff colors - dark */
244
+ --diff-added: hsl(142 70% 45%);
245
+ --diff-added-bg: hsl(142 50% 15%);
246
+ --diff-added-border: hsl(142 50% 30%);
247
+ --diff-added-foreground: hsl(142 70% 70%);
248
+ --diff-removed: hsl(0 70% 55%);
249
+ --diff-removed-bg: hsl(0 50% 15%);
250
+ --diff-removed-border: hsl(0 50% 30%);
251
+ --diff-removed-foreground: hsl(0 70% 70%);
252
+ --diff-modified: hsl(38 80% 55%);
253
+ --diff-modified-bg: hsl(38 50% 15%);
254
+ --diff-modified-border: hsl(38 50% 30%);
255
+ --diff-modified-foreground: hsl(38 80% 70%);
256
+
257
+ /* Purple - dark */
258
+ --purple: hsl(270 70% 65%);
259
+ --purple-bg: hsl(270 50% 20%);
260
+ --purple-foreground: hsl(270 70% 80%);
261
+
262
+ /* Chart colors - dark */
263
+ --chart-1: hsl(12 76% 61%);
264
+ --chart-2: hsl(173 58% 39%);
265
+ --chart-3: hsl(197 37% 54%);
266
+ --chart-4: hsl(43 74% 66%);
267
+ --chart-5: hsl(27 87% 67%);
164
268
  }
165
269
 
166
- /* Dark mode - standalone and isolated modes */
167
- .dark,
270
+ /* Dark mode for isolated embedded */
168
271
  [data-cms-admin="isolated"].dark,
169
272
  [data-cms-admin="isolated"] .dark {
170
- /* Main colors */
171
273
  --background: hsl(240 10% 3.9%);
172
274
  --foreground: hsl(0 0% 98%);
173
275
  --card: hsl(240 10% 7%);
@@ -188,7 +290,6 @@
188
290
  --input: hsl(240 3.7% 20%);
189
291
  --ring: hsl(240 4.9% 83.9%);
190
292
 
191
- /* Sidebar */
192
293
  --sidebar: hsl(240 5.9% 10%);
193
294
  --sidebar-foreground: hsl(240 4.8% 95.9%);
194
295
  --sidebar-primary: hsl(224.3 76.3% 48%);
@@ -198,33 +299,43 @@
198
299
  --sidebar-border: hsl(240 3.7% 15.9%);
199
300
  --sidebar-ring: hsl(217.2 91.2% 59.8%);
200
301
 
201
- /* Semantic: Diff/Change indicators (dark mode) */
202
- --diff-added: hsl(142 70% 50%);
203
- --diff-added-bg: hsl(142 50% 15%);
204
- --diff-added-border: hsl(142 50% 25%);
205
- --diff-added-foreground: hsl(142 70% 80%);
302
+ /* Semantic status colors - dark */
303
+ --success: hsl(142 70% 45%);
304
+ --success-foreground: hsl(0 0% 100%);
305
+ --warning: hsl(38 92% 50%);
306
+ --warning-foreground: hsl(0 0% 0%);
307
+ --info: hsl(217 91% 65%);
308
+ --info-bg: hsl(217 50% 20%);
309
+ --info-foreground: hsl(217 91% 80%);
206
310
 
311
+ /* Diff colors - dark */
312
+ --diff-added: hsl(142 70% 45%);
313
+ --diff-added-bg: hsl(142 50% 15%);
314
+ --diff-added-border: hsl(142 50% 30%);
315
+ --diff-added-foreground: hsl(142 70% 70%);
207
316
  --diff-removed: hsl(0 70% 55%);
208
317
  --diff-removed-bg: hsl(0 50% 15%);
209
- --diff-removed-border: hsl(0 50% 25%);
210
- --diff-removed-foreground: hsl(0 70% 80%);
211
-
318
+ --diff-removed-border: hsl(0 50% 30%);
319
+ --diff-removed-foreground: hsl(0 70% 70%);
212
320
  --diff-modified: hsl(38 80% 55%);
213
321
  --diff-modified-bg: hsl(38 50% 15%);
214
- --diff-modified-border: hsl(38 50% 25%);
215
- --diff-modified-foreground: hsl(38 80% 80%);
322
+ --diff-modified-border: hsl(38 50% 30%);
323
+ --diff-modified-foreground: hsl(38 80% 70%);
216
324
 
217
- /* Semantic: Success/Warning/Info states (dark mode) */
218
- --success: hsl(142 70% 50%);
219
- --success-foreground: hsl(0 0% 100%);
220
- --warning: hsl(38 80% 55%);
221
- --warning-foreground: hsl(0 0% 100%);
222
- --info: hsl(217 80% 60%);
223
- --info-bg: hsl(217 50% 15%);
224
- --info-foreground: hsl(217 80% 80%);
325
+ /* Purple - dark */
326
+ --purple: hsl(270 70% 65%);
327
+ --purple-bg: hsl(270 50% 20%);
328
+ --purple-foreground: hsl(270 70% 80%);
329
+
330
+ /* Chart colors - dark */
331
+ --chart-1: hsl(12 76% 61%);
332
+ --chart-2: hsl(173 58% 39%);
333
+ --chart-3: hsl(197 37% 54%);
334
+ --chart-4: hsl(43 74% 66%);
335
+ --chart-5: hsl(27 87% 67%);
225
336
  }
226
337
 
227
- /* Dark mode sidebar fallbacks for inherit mode */
338
+ /* Dark mode fallbacks for inherit mode */
228
339
  [data-cms-admin="inherit"].dark,
229
340
  [data-cms-admin="inherit"] .dark {
230
341
  --sidebar: var(--sidebar, hsl(240 5.9% 10%));
@@ -236,26 +347,38 @@
236
347
  --sidebar-border: var(--sidebar-border, hsl(240 3.7% 15.9%));
237
348
  --sidebar-ring: var(--sidebar-ring, hsl(217.2 91.2% 59.8%));
238
349
 
239
- --diff-added: var(--diff-added, hsl(142 70% 50%));
240
- --diff-added-bg: var(--diff-added-bg, hsl(142 50% 15%));
241
- --diff-added-border: var(--diff-added-border, hsl(142 50% 25%));
242
- --diff-added-foreground: var(--diff-added-foreground, hsl(142 70% 80%));
350
+ /* Semantic status colors - dark fallbacks */
351
+ --success: var(--success, hsl(142 70% 45%));
352
+ --success-foreground: var(--success-foreground, hsl(0 0% 100%));
353
+ --warning: var(--warning, hsl(38 92% 50%));
354
+ --warning-foreground: var(--warning-foreground, hsl(0 0% 0%));
355
+ --info: var(--info, hsl(217 91% 65%));
356
+ --info-bg: var(--info-bg, hsl(217 50% 20%));
357
+ --info-foreground: var(--info-foreground, hsl(217 91% 80%));
243
358
 
359
+ /* Diff colors - dark fallbacks */
360
+ --diff-added: var(--diff-added, hsl(142 70% 45%));
361
+ --diff-added-bg: var(--diff-added-bg, hsl(142 50% 15%));
362
+ --diff-added-border: var(--diff-added-border, hsl(142 50% 30%));
363
+ --diff-added-foreground: var(--diff-added-foreground, hsl(142 70% 70%));
244
364
  --diff-removed: var(--diff-removed, hsl(0 70% 55%));
245
365
  --diff-removed-bg: var(--diff-removed-bg, hsl(0 50% 15%));
246
- --diff-removed-border: var(--diff-removed-border, hsl(0 50% 25%));
247
- --diff-removed-foreground: var(--diff-removed-foreground, hsl(0 70% 80%));
248
-
366
+ --diff-removed-border: var(--diff-removed-border, hsl(0 50% 30%));
367
+ --diff-removed-foreground: var(--diff-removed-foreground, hsl(0 70% 70%));
249
368
  --diff-modified: var(--diff-modified, hsl(38 80% 55%));
250
369
  --diff-modified-bg: var(--diff-modified-bg, hsl(38 50% 15%));
251
- --diff-modified-border: var(--diff-modified-border, hsl(38 50% 25%));
252
- --diff-modified-foreground: var(--diff-modified-foreground, hsl(38 80% 80%));
370
+ --diff-modified-border: var(--diff-modified-border, hsl(38 50% 30%));
371
+ --diff-modified-foreground: var(--diff-modified-foreground, hsl(38 80% 70%));
253
372
 
254
- --success: var(--success, hsl(142 70% 50%));
255
- --success-foreground: var(--success-foreground, hsl(0 0% 100%));
256
- --warning: var(--warning, hsl(38 80% 55%));
257
- --warning-foreground: var(--warning-foreground, hsl(0 0% 100%));
258
- --info: var(--info, hsl(217 80% 60%));
259
- --info-bg: var(--info-bg, hsl(217 50% 15%));
260
- --info-foreground: var(--info-foreground, hsl(217 80% 80%));
373
+ /* Purple - dark fallbacks */
374
+ --purple: var(--purple, hsl(270 70% 65%));
375
+ --purple-bg: var(--purple-bg, hsl(270 50% 20%));
376
+ --purple-foreground: var(--purple-foreground, hsl(270 70% 80%));
377
+
378
+ /* Chart colors - dark fallbacks */
379
+ --chart-1: var(--chart-1, hsl(12 76% 61%));
380
+ --chart-2: var(--chart-2, hsl(173 58% 39%));
381
+ --chart-3: var(--chart-3, hsl(197 37% 54%));
382
+ --chart-4: var(--chart-4, hsl(43 74% 66%));
383
+ --chart-5: var(--chart-5, hsl(27 87% 67%));
261
384
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "convex-cms",
3
- "version": "0.0.9-alpha.8",
3
+ "version": "0.0.9-alpha.9",
4
4
  "description": "A developer-first Convex Component for content management with flexible RBAC and AI-ready architecture",
5
5
  "type": "module",
6
6
  "workspaces": [