@innertia-solutions/innertia-nuxt 0.1.1

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 (108) hide show
  1. package/.github/workflows/auto-publish.yml +64 -0
  2. package/.github/workflows/release.yml +59 -0
  3. package/README.md +60 -0
  4. package/app.config.ts +70 -0
  5. package/components/Admin/Base.vue +144 -0
  6. package/components/Admin/Header.vue +32 -0
  7. package/components/Admin/Page.vue +65 -0
  8. package/components/Admin/PageHeader.vue +31 -0
  9. package/components/App/Button.vue +59 -0
  10. package/components/App/DevEnvironmentBar.vue +43 -0
  11. package/components/App/Dropdown.vue +286 -0
  12. package/components/App/EmptyState.vue +433 -0
  13. package/components/App/LoadingState.vue +40 -0
  14. package/components/App/PageLoadingSpinner.vue +118 -0
  15. package/components/App/PreviewDock.vue +64 -0
  16. package/components/App/SwitchColorTheme.vue +51 -0
  17. package/components/App/Tag.vue +193 -0
  18. package/components/DataTable.vue +713 -0
  19. package/components/Forms/DatePicker.vue +255 -0
  20. package/components/Forms/Input.vue +75 -0
  21. package/components/Forms/Select.vue +100 -0
  22. package/components/Forms/SelectServer.vue +726 -0
  23. package/components/Layout/Admin.vue +32 -0
  24. package/components/Layout/Auth.vue +29 -0
  25. package/components/Layout/SidebarWithAppColumn.vue +388 -0
  26. package/components/Layout/TopBar.vue +113 -0
  27. package/components/MobileBlocker.vue +85 -0
  28. package/components/MobileLoginPicker.vue +83 -0
  29. package/components/Modal/Base.vue +29 -0
  30. package/components/Modal/DeleteConfirm.vue +48 -0
  31. package/components/Modal.vue +103 -0
  32. package/components/Nav/Tabs.vue +55 -0
  33. package/components/PermissionsTree.vue +272 -0
  34. package/components/Table/Database.vue +183 -0
  35. package/components/Table/DownloadDropdown.vue +111 -0
  36. package/components/Table/Enterprise.vue +540 -0
  37. package/components/Table/FilterDropdown.vue +226 -0
  38. package/components/Table/Grid.vue +62 -0
  39. package/components/Table/Kanban.vue +188 -0
  40. package/components/Table/List.vue +128 -0
  41. package/components/Table/PreviewTimeline.vue +118 -0
  42. package/components/Table/Standard.vue +1217 -0
  43. package/components/Table/index.vue +974 -0
  44. package/components/TableExportable.vue +172 -0
  45. package/components/TableFilter.vue +93 -0
  46. package/components/Toast/Alert.vue +113 -0
  47. package/components/Toast/Container.vue +34 -0
  48. package/components/Toast/Notification.vue +45 -0
  49. package/components/Toast/Process.vue +88 -0
  50. package/composables/useApi.js +95 -0
  51. package/composables/useApp.ts +46 -0
  52. package/composables/useAuth.js +82 -0
  53. package/composables/useContext.js +44 -0
  54. package/composables/useDate.js +241 -0
  55. package/composables/useDevice.js +21 -0
  56. package/composables/useDockedPreviews.js +56 -0
  57. package/composables/useDownload.js +87 -0
  58. package/composables/useEntity.js +82 -0
  59. package/composables/useForm.js +119 -0
  60. package/composables/useInnertiaMode.ts +25 -0
  61. package/composables/useMobileGuard.ts +81 -0
  62. package/composables/useNotifications.js +22 -0
  63. package/composables/usePermissions.js +23 -0
  64. package/composables/useRealtime.js +123 -0
  65. package/composables/useRequestInterceptors.js +27 -0
  66. package/composables/useRoles.js +53 -0
  67. package/composables/useRutFormatter.js +39 -0
  68. package/composables/useTable.ts +94 -0
  69. package/composables/useTablePreferences.ts +33 -0
  70. package/composables/useTenant.js +27 -0
  71. package/composables/useTimeAgo.js +37 -0
  72. package/composables/useToast.js +69 -0
  73. package/composables/useUserRealtime.js +17 -0
  74. package/composables/useUsers.js +111 -0
  75. package/css/themes/autumn.css +401 -0
  76. package/css/themes/bubblegum.css +408 -0
  77. package/css/themes/cashmere.css +412 -0
  78. package/css/themes/harvest.css +416 -0
  79. package/css/themes/moon.css +140 -0
  80. package/css/themes/ocean.css +273 -0
  81. package/css/themes/olive.css +413 -0
  82. package/css/themes/retro.css +431 -0
  83. package/css/themes/theme.css +725 -0
  84. package/error.vue +78 -0
  85. package/middleware/01.detect-subdomain.global.ts +43 -0
  86. package/middleware/02.validate-tenant.global.ts +67 -0
  87. package/middleware/03.apps.global.ts +88 -0
  88. package/middleware/auth.ts +9 -0
  89. package/middleware/guest.ts +9 -0
  90. package/nuxt.config.ts +42 -0
  91. package/package.json +60 -0
  92. package/pages/tenant-error.vue +50 -0
  93. package/plugins/api-auth.ts +12 -0
  94. package/plugins/api-tenant.client.ts +21 -0
  95. package/plugins/appearance.ts +8 -0
  96. package/plugins/auth-init.ts +34 -0
  97. package/plugins/dark-state.client.ts +29 -0
  98. package/plugins/dockedPreviewsSync.client.js +17 -0
  99. package/plugins/preline.client.ts +68 -0
  100. package/plugins/theme.client.ts +7 -0
  101. package/plugins/vue-query.ts +29 -0
  102. package/public/init-theme.js +15 -0
  103. package/spark.css +721 -0
  104. package/stores/auth.js +130 -0
  105. package/stores/dockedPreviews.js +34 -0
  106. package/stores/notifications.js +24 -0
  107. package/stores/tenant.js +54 -0
  108. package/stores/toast.js +129 -0
package/css/themes/theme.css ADDED
@@ -0,0 +1,725 @@
1
+ /* ------------------------------ */
2
+ /* ---------- Default ----------- */
3
+ /* ------------------------------ */
4
+
5
+ @layer base {
6
+ * {
7
+ @apply border-border;
8
+ }
9
+ }
10
+
11
+ @theme {
12
+ --radius-full: calc(infinity * 1px);
13
+
14
+ --font-custom-default: var(--font-sans);
15
+ --font-custom-serif: "Domine", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
16
+ --font-custom-mono: "Kode Mono", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
17
+ }
18
+
19
+ @theme inline {
20
+ --color-preline-khaki-50: oklch(98% 0.002 67.8);
21
+ --color-preline-khaki-100: oklch(95.5% 0.004 91.4);
22
+ --color-preline-khaki-200: oklch(89.7% 0.008 91.5);
23
+ --color-preline-khaki-300: oklch(82.7% 0.014 88.7);
24
+ --color-preline-khaki-400: oklch(73% 0.024 87.2);
25
+ --color-preline-khaki-500: oklch(62.5% 0.031 88.8);
26
+ --color-preline-khaki-600: oklch(52.8% 0.031 91);
27
+ --color-preline-khaki-700: oklch(41.4% 0.027 89.9);
28
+ --color-preline-khaki-800: oklch(34.6% 0.023 89.5);
29
+ --color-preline-khaki-900: oklch(30.6% 0.018 88.8);
30
+ --color-preline-khaki-950: oklch(20.1% 0.023 91.7);
31
+
32
+ --color-preline-mauve-50: oklch(98.1% 0.002 345.2);
33
+ --color-preline-mauve-100: oklch(95.6% 0.006 334);
34
+ --color-preline-mauve-200: oklch(89.7% 0.013 337.5);
35
+ --color-preline-mauve-300: oklch(82.4% 0.022 339.7);
36
+ --color-preline-mauve-400: oklch(71.7% 0.038 340.7);
37
+ --color-preline-mauve-500: oklch(55.9% 0.045 341);
38
+ --color-preline-mauve-600: oklch(51.1% 0.047 342.2);
39
+ --color-preline-mauve-700: oklch(45.5% 0.04 342.1);
40
+ --color-preline-mauve-800: oklch(36.4% 0.034 342.3);
41
+ --color-preline-mauve-900: oklch(32.3% 0.029 340.9);
42
+ --color-preline-mauve-950: oklch(21.9% 0.034 341.1);
43
+
44
+ --color-preline-avocado-50: oklch(92.8% 0.012 120);
45
+ --color-preline-avocado-100: oklch(88.6% 0.02 120);
46
+ --color-preline-avocado-200: oklch(80.4% 0.035 120);
47
+ --color-preline-avocado-300: oklch(72.4% 0.055 120);
48
+ --color-preline-avocado-400: oklch(64.6% 0.075 120);
49
+ --color-preline-avocado-500: oklch(57% 0.085 120);
50
+ --color-preline-avocado-600: oklch(49.6% 0.08 120);
51
+ --color-preline-avocado-700: oklch(42.4% 0.07 120);
52
+ --color-preline-avocado-800: oklch(35.4% 0.055 120);
53
+ --color-preline-avocado-900: oklch(28.6% 0.04 120);
54
+ --color-preline-avocado-950: oklch(25.3% 0.03 120);
55
+
56
+ --color-preline-avocado-soft-50: oklch(98% 0.002 120);
57
+ --color-preline-avocado-soft-100: oklch(95.5% 0.004 120);
58
+ --color-preline-avocado-soft-200: oklch(89.7% 0.008 120);
59
+ --color-preline-avocado-soft-300: oklch(82.7% 0.012 120);
60
+ --color-preline-avocado-soft-400: oklch(73% 0.018 120);
61
+ --color-preline-avocado-soft-500: oklch(62.5% 0.02 120);
62
+ --color-preline-avocado-soft-600: oklch(52.8% 0.016 120);
63
+ --color-preline-avocado-soft-700: oklch(41.4% 0.012 120);
64
+ --color-preline-avocado-soft-800: oklch(26.9% 0.006 120);
65
+ --color-preline-avocado-soft-900: oklch(20.5% 0.004 120);
66
+ --color-preline-avocado-soft-950: oklch(14.1% 0.002 120);
67
+
68
+ --color-background: var(--background);
69
+ --color-background-1: var(--background-1);
70
+ --color-background-2: var(--background-2);
71
+ --color-plain: var(--background-plain);
72
+ --color-foreground: var(--foreground);
73
+ --color-foreground-inverse: var(--foreground-inverse);
74
+
75
+ --color-inverse: var(--inverse);
76
+
77
+ --color-border: var(--border);
78
+ --color-line-inverse: var(--border-line-inverse);
79
+ --color-line-1: var(--border-line-1);
80
+ --color-line-2: var(--border-line-2);
81
+ --color-line-3: var(--border-line-3);
82
+ --color-line-4: var(--border-line-4);
83
+ --color-line-5: var(--border-line-5);
84
+ --color-line-6: var(--border-line-6);
85
+ --color-line-7: var(--border-line-7);
86
+ --color-line-8: var(--border-line-8);
87
+
88
+ --color-primary-50: var(--primary-50);
89
+ --color-primary-100: var(--primary-100);
90
+ --color-primary-200: var(--primary-200);
91
+ --color-primary-300: var(--primary-300);
92
+ --color-primary-400: var(--primary-400);
93
+ --color-primary-500: var(--primary-500);
94
+ --color-primary-600: var(--primary-600);
95
+ --color-primary-700: var(--primary-700);
96
+ --color-primary-800: var(--primary-800);
97
+ --color-primary-900: var(--primary-900);
98
+ --color-primary-950: var(--primary-950);
99
+
100
+ --color-primary: var(--primary);
101
+ --color-primary-line: var(--primary-line);
102
+ --color-primary-foreground: var(--primary-foreground);
103
+ --color-primary-hover: var(--primary-hover);
104
+ --color-primary-focus: var(--primary-focus);
105
+ --color-primary-active: var(--primary-active);
106
+ --color-primary-checked: var(--primary-checked);
107
+
108
+ --color-secondary: var(--secondary);
109
+ --color-secondary-line: var(--secondary-line);
110
+ --color-secondary-foreground: var(--secondary-foreground);
111
+ --color-secondary-hover: var(--secondary-hover);
112
+ --color-secondary-focus: var(--secondary-focus);
113
+ --color-secondary-active: var(--secondary-active);
114
+
115
+ --color-layer: var(--layer);
116
+ --color-layer-line: var(--layer-line);
117
+ --color-layer-foreground: var(--layer-foreground);
118
+ --color-layer-hover: var(--layer-hover);
119
+ --color-layer-focus: var(--layer-focus);
120
+ --color-layer-active: var(--layer-active);
121
+
122
+ --color-surface: var(--surface);
123
+ --color-surface-1: var(--surface-1);
124
+ --color-surface-2: var(--surface-2);
125
+ --color-surface-3: var(--surface-3);
126
+ --color-surface-4: var(--surface-4);
127
+ --color-surface-5: var(--surface-5);
128
+ --color-surface-line: var(--surface-line);
129
+ --color-surface-foreground: var(--surface-foreground);
130
+ --color-surface-hover: var(--surface-hover);
131
+ --color-surface-focus: var(--surface-focus);
132
+ --color-surface-active: var(--surface-active);
133
+
134
+ --color-muted: var(--muted);
135
+ --color-muted-foreground: var(--muted-foreground);
136
+ --color-muted-foreground-1: var(--muted-foreground-1);
137
+ --color-muted-foreground-2: var(--muted-foreground-2);
138
+ --color-muted-hover: var(--muted-hover);
139
+ --color-muted-focus: var(--muted-focus);
140
+ --color-muted-active: var(--muted-active);
141
+
142
+ --color-destructive: var(--destructive);
143
+ --color-destructive-foreground: var(--destructive-foreground);
144
+ --color-destructive-hover: var(--destructive-hover);
145
+ --color-destructive-focus: var(--destructive-focus);
146
+
147
+ --color-navbar: var(--navbar);
148
+ --color-navbar-line: var(--navbar-line);
149
+ --color-navbar-divider: var(--navbar-divider);
150
+ --color-navbar-nav-foreground: var(--navbar-nav-foreground);
151
+ --color-navbar-nav-hover: var(--navbar-nav-hover);
152
+ --color-navbar-nav-focus: var(--navbar-nav-focus);
153
+ --color-navbar-nav-active: var(--navbar-nav-active);
154
+ --color-navbar-nav-list-divider: var(--navbar-nav-list-divider);
155
+ --color-navbar-inverse: var(--navbar-inverse);
156
+
157
+ --color-navbar-1: var(--navbar-1);
158
+ --color-navbar-1-line: var(--navbar-1-line);
159
+ --color-navbar-1-divider: var(--navbar-1-divider);
160
+ --color-navbar-1-nav-foreground: var(--navbar-1-nav-foreground);
161
+ --color-navbar-1-nav-hover: var(--navbar-1-nav-hover);
162
+ --color-navbar-1-nav-focus: var(--navbar-1-nav-focus);
163
+ --color-navbar-1-nav-active: var(--navbar-1-nav-active);
164
+ --color-navbar-1-nav-list-divider: var(--navbar-1-nav-list-divider);
165
+
166
+ --color-navbar-2: var(--navbar-2);
167
+ --color-navbar-2-line: var(--navbar-2-line);
168
+ --color-navbar-2-divider: var(--navbar-2-divider);
169
+ --color-navbar-2-nav-foreground: var(--navbar-2-nav-foreground);
170
+ --color-navbar-2-nav-hover: var(--navbar-2-nav-hover);
171
+ --color-navbar-2-nav-focus: var(--navbar-2-nav-focus);
172
+ --color-navbar-2-nav-active: var(--navbar-2-nav-active);
173
+ --color-navbar-2-nav-list-divider: var(--navbar-2-nav-list-divider);
174
+
175
+ --color-sidebar: var(--sidebar);
176
+ --color-sidebar-line: var(--sidebar-line);
177
+ --color-sidebar-divider: var(--sidebar-divider);
178
+ --color-sidebar-nav-foreground: var(--sidebar-nav-foreground);
179
+ --color-sidebar-nav-hover: var(--sidebar-nav-hover);
180
+ --color-sidebar-nav-focus: var(--sidebar-nav-focus);
181
+ --color-sidebar-nav-active: var(--sidebar-nav-active);
182
+ --color-sidebar-nav-list-divider: var(--sidebar-nav-list-divider);
183
+ --color-sidebar-inverse: var(--sidebar-inverse);
184
+
185
+ --color-sidebar-1: var(--sidebar-1);
186
+ --color-sidebar-1-line: var(--sidebar-1-line);
187
+ --color-sidebar-1-divider: var(--sidebar-1-divider);
188
+ --color-sidebar-1-nav-foreground: var(--sidebar-1-nav-foreground);
189
+ --color-sidebar-1-nav-hover: var(--sidebar-1-nav-hover);
190
+ --color-sidebar-1-nav-focus: var(--sidebar-1-nav-focus);
191
+ --color-sidebar-1-nav-active: var(--sidebar-1-nav-active);
192
+ --color-sidebar-1-nav-list-divider: var(--sidebar-1-nav-list-divider);
193
+
194
+ --color-sidebar-2: var(--sidebar-2);
195
+ --color-sidebar-2-line: var(--sidebar-2-line);
196
+ --color-sidebar-2-divider: var(--sidebar-2-divider);
197
+ --color-sidebar-2-nav-foreground: var(--sidebar-2-nav-foreground);
198
+ --color-sidebar-2-nav-hover: var(--sidebar-2-nav-hover);
199
+ --color-sidebar-2-nav-focus: var(--sidebar-2-nav-focus);
200
+ --color-sidebar-2-nav-active: var(--sidebar-2-nav-active);
201
+ --color-sidebar-2-nav-list-divider: var(--sidebar-2-nav-list-divider);
202
+
203
+ --color-card: var(--card);
204
+ --color-card-line: var(--card-line);
205
+ --color-card-divider: var(--card-divider);
206
+ --color-card-header: var(--card-header);
207
+ --color-card-footer: var(--card-footer);
208
+ --color-card-inverse: var(--card-inverse);
209
+
210
+ --color-dropdown: var(--dropdown);
211
+ --color-dropdown-1: var(--dropdown-1);
212
+ --color-dropdown-line: var(--dropdown-line);
213
+ --color-dropdown-divider: var(--dropdown-divider);
214
+ --color-dropdown-header: var(--dropdown-header);
215
+ --color-dropdown-footer: var(--dropdown-footer);
216
+ --color-dropdown-item-foreground: var(--dropdown-item-foreground);
217
+ --color-dropdown-item-hover: var(--dropdown-item-hover);
218
+ --color-dropdown-item-focus: var(--dropdown-item-focus);
219
+ --color-dropdown-item-active: var(--dropdown-item-active);
220
+ --color-dropdown-inverse: var(--dropdown-inverse);
221
+
222
+ --color-select: var(--select);
223
+ --color-select-1: var(--select-1);
224
+ --color-select-line: var(--select-line);
225
+ --color-select-item-foreground: var(--select-item-foreground);
226
+ --color-select-item-hover: var(--select-item-hover);
227
+ --color-select-item-focus: var(--select-item-focus);
228
+ --color-select-item-active: var(--select-item-active);
229
+ --color-select-inverse: var(--select-inverse);
230
+
231
+ --color-overlay: var(--overlay);
232
+ --color-overlay-line: var(--overlay-line);
233
+ --color-overlay-divider: var(--overlay-divider);
234
+ --color-overlay-header: var(--overlay-header);
235
+ --color-overlay-footer: var(--overlay-footer);
236
+ --color-overlay-inverse: var(--overlay-inverse);
237
+
238
+ --color-popover: var(--popover);
239
+ --color-popover-line: var(--popover-line);
240
+
241
+ --color-tooltip: var(--tooltip);
242
+ --color-tooltip-line: var(--tooltip-line);
243
+ --color-tooltip-foreground: var(--tooltip-foreground);
244
+
245
+ --color-table-line: var(--table-line);
246
+
247
+ --color-switch: var(--switch);
248
+
249
+ --color-footer: var(--footer);
250
+ --color-footer-line: var(--footer-line);
251
+ --color-footer-inverse: var(--footer-inverse);
252
+
253
+ --color-scrollbar-track: var(--scrollbar-track);
254
+ --color-scrollbar-thumb: var(--scrollbar-thumb);
255
+ --color-scrollbar-track-inverse: var(--scrollbar-track-inverse);
256
+ --color-scrollbar-thumb-inverse: var(--scrollbar-thumb-inverse);
257
+
258
+ --color-chart-primary: var(--chart-primary);
259
+ --color-chart-1: var(--chart-1);
260
+ --color-chart-2: var(--chart-2);
261
+ --color-chart-3: var(--chart-3);
262
+ --color-chart-4: var(--chart-4);
263
+ --color-chart-5: var(--chart-5);
264
+ --color-chart-6: var(--chart-6);
265
+ --color-chart-7: var(--chart-7);
266
+ --color-chart-8: var(--chart-8);
267
+ --color-chart-9: var(--chart-9);
268
+ --color-chart-10: var(--chart-10);
269
+ }
270
+
271
+ :root {
272
+ --background: var(--color-white);
273
+ --background-1: var(--color-gray-50);
274
+ --background-2: var(--color-gray-100);
275
+ --background-plain: var(--color-white);
276
+ --foreground: var(--color-gray-800);
277
+ --foreground-inverse: var(--color-white);
278
+
279
+ --inverse: var(--color-gray-800);
280
+
281
+ --border: var(--color-gray-200);
282
+ --border-line-inverse: var(--color-white);
283
+ --border-line-1: var(--color-gray-100);
284
+ --border-line-2: var(--color-gray-200);
285
+ --border-line-3: var(--color-gray-300);
286
+ --border-line-4: var(--color-gray-400);
287
+ --border-line-5: var(--color-gray-500);
288
+ --border-line-6: var(--color-gray-600);
289
+ --border-line-7: var(--color-gray-700);
290
+ --border-line-8: var(--color-gray-800);
291
+
292
+ --primary-50: var(--color-blue-50);
293
+ --primary-100: var(--color-blue-100);
294
+ --primary-200: var(--color-blue-200);
295
+ --primary-300: var(--color-blue-300);
296
+ --primary-400: var(--color-blue-400);
297
+ --primary-500: var(--color-blue-500);
298
+ --primary-600: var(--color-blue-600);
299
+ --primary-700: var(--color-blue-700);
300
+ --primary-800: var(--color-blue-800);
301
+ --primary-900: var(--color-blue-900);
302
+ --primary-950: var(--color-blue-950);
303
+
304
+ --primary: var(--color-primary-600);
305
+ --primary-line: transparent;
306
+ --primary-foreground: var(--color-white);
307
+ --primary-hover: var(--color-primary-700);
308
+ --primary-focus: var(--color-primary-700);
309
+ --primary-active: var(--color-primary-700);
310
+ --primary-checked: var(--color-primary-600);
311
+
312
+ --secondary: var(--color-gray-900);
313
+ --secondary-line: transparent;
314
+ --secondary-foreground: var(--color-white);
315
+ --secondary-hover: var(--color-gray-800);
316
+ --secondary-focus: var(--color-gray-800);
317
+ --secondary-active: var(--color-gray-800);
318
+
319
+ --layer: var(--color-white);
320
+ --layer-line: var(--color-gray-200);
321
+ --layer-foreground: var(--color-gray-800);
322
+ --layer-hover: var(--color-gray-50);
323
+ --layer-focus: var(--color-gray-50);
324
+ --layer-active: var(--color-gray-50);
325
+
326
+ --surface: var(--color-gray-100);
327
+ --surface-1: var(--color-gray-200);
328
+ --surface-2: var(--color-gray-300);
329
+ --surface-3: var(--color-gray-400);
330
+ --surface-4: var(--color-gray-500);
331
+ --surface-5: var(--color-gray-600);
332
+ --surface-line: transparent;
333
+ --surface-foreground: var(--color-gray-800);
334
+ --surface-hover: var(--color-gray-200);
335
+ --surface-focus: var(--color-gray-200);
336
+ --surface-active: var(--color-gray-200);
337
+
338
+ --muted: var(--color-gray-50);
339
+ --muted-foreground: var(--color-gray-400);
340
+ --muted-foreground-1: var(--color-gray-500);
341
+ --muted-foreground-2: var(--color-gray-600);
342
+ --muted-hover: var(--color-gray-100);
343
+ --muted-focus: var(--color-gray-100);
344
+ --muted-active: var(--color-gray-100);
345
+
346
+ --destructive: var(--color-red-500);
347
+ --destructive-foreground: var(--color-white);
348
+ --destructive-hover: var(--color-red-600);
349
+ --destructive-focus: var(--color-red-600);
350
+
351
+ --navbar: var(--color-white);
352
+ --navbar-line: var(--color-gray-200);
353
+ --navbar-divider: var(--color-gray-200);
354
+ --navbar-nav-foreground: var(--color-gray-800);
355
+ --navbar-nav-hover: var(--color-gray-100);
356
+ --navbar-nav-focus: var(--color-gray-100);
357
+ --navbar-nav-active: var(--color-gray-100);
358
+ --navbar-nav-list-divider: var(--color-gray-200);
359
+ --navbar-inverse: var(--color-primary-950);
360
+
361
+ --navbar-1: var(--color-gray-50);
362
+ --navbar-1-line: var(--color-gray-200);
363
+ --navbar-1-divider: var(--color-gray-200);
364
+ --navbar-1-nav-foreground: var(--color-gray-800);
365
+ --navbar-1-nav-hover: var(--color-gray-200);
366
+ --navbar-1-nav-focus: var(--color-gray-200);
367
+ --navbar-1-nav-active: var(--color-gray-200);
368
+ --navbar-1-nav-list-divider: var(--color-gray-200);
369
+
370
+ --navbar-2: var(--color-gray-100);
371
+ --navbar-2-line: transparent;
372
+ --navbar-2-divider: var(--color-gray-300);
373
+ --navbar-2-nav-foreground: var(--color-gray-800);
374
+ --navbar-2-nav-hover: var(--color-gray-200);
375
+ --navbar-2-nav-focus: var(--color-gray-200);
376
+ --navbar-2-nav-active: var(--color-gray-200);
377
+ --navbar-2-nav-list-divider: var(--color-gray-200);
378
+
379
+ --sidebar: var(--color-white);
380
+ --sidebar-line: var(--color-gray-200);
381
+ --sidebar-divider: var(--color-gray-200);
382
+ --sidebar-nav-foreground: var(--color-gray-800);
383
+ --sidebar-nav-hover: var(--color-gray-100);
384
+ --sidebar-nav-focus: var(--color-gray-100);
385
+ --sidebar-nav-active: var(--color-gray-100);
386
+ --sidebar-nav-list-divider: var(--color-gray-200);
387
+ --sidebar-inverse: var(--color-primary-950);
388
+
389
+ --sidebar-1: var(--color-gray-50);
390
+ --sidebar-1-line: var(--color-gray-200);
391
+ --sidebar-1-divider: var(--color-gray-200);
392
+ --sidebar-1-nav-foreground: var(--color-gray-800);
393
+ --sidebar-1-nav-hover: var(--color-gray-200);
394
+ --sidebar-1-nav-focus: var(--color-gray-200);
395
+ --sidebar-1-nav-active: var(--color-gray-200);
396
+ --sidebar-1-nav-list-divider: var(--color-gray-200);
397
+
398
+ --sidebar-2: var(--color-gray-100);
399
+ --sidebar-2-line: transparent;
400
+ --sidebar-2-divider: var(--color-gray-200);
401
+ --sidebar-2-nav-foreground: var(--color-gray-800);
402
+ --sidebar-2-nav-hover: var(--color-gray-200);
403
+ --sidebar-2-nav-focus: var(--color-gray-200);
404
+ --sidebar-2-nav-active: var(--color-gray-200);
405
+ --sidebar-2-nav-list-divider: var(--color-gray-200);
406
+
407
+ --card: var(--color-white);
408
+ --card-line: var(--color-gray-200);
409
+ --card-divider: var(--color-gray-200);
410
+ --card-header: var(--color-gray-200);
411
+ --card-footer: var(--color-gray-200);
412
+ --card-inverse: var(--color-gray-900);
413
+
414
+ --dropdown: var(--color-white);
415
+ --dropdown-1: var(--color-white);
416
+ --dropdown-line: transparent;
417
+ --dropdown-divider: var(--color-gray-200);
418
+ --dropdown-header: var(--color-gray-200);
419
+ --dropdown-footer: var(--color-gray-200);
420
+ --dropdown-item-foreground: var(--color-gray-800);
421
+ --dropdown-item-hover: var(--color-gray-100);
422
+ --dropdown-item-focus: var(--color-gray-100);
423
+ --dropdown-item-active: var(--color-gray-100);
424
+ --dropdown-inverse: var(--color-gray-900);
425
+
426
+ --select: var(--color-white);
427
+ --select-1: var(--color-white);
428
+ --select-line: transparent;
429
+ --select-item-foreground: var(--color-gray-800);
430
+ --select-item-hover: var(--color-gray-100);
431
+ --select-item-focus: var(--color-gray-100);
432
+ --select-item-active: var(--color-gray-100);
433
+ --select-inverse: var(--color-gray-900);
434
+
435
+ --overlay: var(--color-white);
436
+ --overlay-line: transparent;
437
+ --overlay-divider: var(--color-gray-200);
438
+ --overlay-header: var(--color-gray-200);
439
+ --overlay-footer: var(--color-gray-200);
440
+ --overlay-inverse: var(--color-gray-900);
441
+
442
+ --popover: var(--color-white);
443
+ --popover-line: var(--color-gray-100);
444
+
445
+ --tooltip: var(--color-gray-900);
446
+ --tooltip-line: transparent;
447
+ --tooltip-foreground: var(--color-white);
448
+
449
+ --table-line: var(--color-gray-200);
450
+
451
+ --switch: var(--color-white);
452
+
453
+ --footer: var(--color-white);
454
+ --footer-line: var(--color-gray-200);
455
+ --footer-inverse: var(--color-gray-900);
456
+
457
+ --scrollbar-track: var(--color-gray-100);
458
+ --scrollbar-thumb: var(--color-gray-300);
459
+ --scrollbar-track-inverse: transparent;
460
+ --scrollbar-thumb-inverse: var(--color-white);
461
+
462
+ --chart-colors-background: var(--color-white);
463
+ --chart-colors-background-inverse: var(--color-neutral-800);
464
+ --chart-colors-foreground: var(--color-gray-800);
465
+ --chart-colors-foreground-inverse: var(--color-white);
466
+ --chart-primary: var(--color-primary-600);
467
+ --chart-colors-primary: var(--color-primary-600);
468
+ --chart-colors-primary-inverse: var(--color-primary-500);
469
+ --chart-colors-primary-hex: var(--color-primary-600);
470
+ --chart-colors-primary-hex-inverse: var(--color-primary-500);
471
+ --chart-colors-chart-inverse: var(--color-white);
472
+ --chart-1: var(--color-primary-50);
473
+ --chart-colors-chart-1: var(--color-primary-50);
474
+ --chart-colors-chart-1-inverse: var(--color-primary-50);
475
+ --chart-colors-chart-1-hex: var(--color-primary-50);
476
+ --chart-colors-chart-1-hex-inverse: var(--color-primary-50);
477
+ --chart-2: var(--color-primary-200);
478
+ --chart-colors-chart-2: var(--color-primary-200);
479
+ --chart-colors-chart-2-inverse: var(--color-primary-200);
480
+ --chart-colors-chart-2-hex: var(--color-primary-200);
481
+ --chart-colors-chart-2-hex-inverse: var(--color-primary-200);
482
+ --chart-3: var(--color-primary-400);
483
+ --chart-colors-chart-3: var(--color-primary-400);
484
+ --chart-colors-chart-3-inverse: var(--color-primary-400);
485
+ --chart-colors-chart-3-hex: var(--color-primary-400);
486
+ --chart-colors-chart-3-hex-inverse: var(--color-primary-400);
487
+ --chart-4: var(--color-primary-800);
488
+ --chart-colors-chart-4: var(--color-primary-800);
489
+ --chart-colors-chart-4-inverse: var(--color-primary-800);
490
+ --chart-colors-chart-4-hex: var(--color-primary-800);
491
+ --chart-colors-chart-4-hex-inverse: var(--color-primary-800);
492
+ --chart-5: var(--color-purple-600);
493
+ --chart-colors-chart-5: var(--color-purple-600);
494
+ --chart-colors-chart-5-inverse: var(--color-purple-500);
495
+ --chart-colors-chart-5-hex: var(--color-purple-600);
496
+ --chart-colors-chart-5-hex-inverse: var(--color-purple-500);
497
+ --chart-6: var(--color-cyan-400);
498
+ --chart-colors-chart-6: var(--color-cyan-400);
499
+ --chart-colors-chart-6-inverse: var(--color-cyan-400);
500
+ --chart-colors-chart-6-hex: var(--color-cyan-400);
501
+ --chart-colors-chart-6-hex-inverse: var(--color-cyan-400);
502
+ --chart-7: var(--color-orange-500);
503
+ --chart-colors-chart-7: var(--color-orange-500);
504
+ --chart-colors-chart-7-inverse: var(--color-orange-500);
505
+ --chart-colors-chart-7-hex: var(--color-orange-500);
506
+ --chart-colors-chart-7-hex-inverse: var(--color-orange-500);
507
+ --chart-8: var(--color-gray-100);
508
+ --chart-colors-chart-8: var(--color-gray-100);
509
+ --chart-colors-chart-8-inverse: var(--color-neutral-700);
510
+ --chart-colors-chart-8-hex: var(--color-gray-100);
511
+ --chart-colors-chart-8-hex-inverse: var(--color-neutral-700);
512
+ --chart-9: var(--color-gray-200);
513
+ --chart-colors-chart-9: var(--color-gray-200);
514
+ --chart-colors-chart-9-inverse: var(--color-neutral-500);
515
+ --chart-colors-chart-9-hex: var(--color-gray-200);
516
+ --chart-colors-chart-9-hex-inverse: var(--color-neutral-500);
517
+ --chart-10: var(--color-gray-300);
518
+ --chart-colors-chart-10: var(--color-gray-300);
519
+ --chart-colors-chart-10-inverse: var(--color-neutral-700);
520
+ --chart-colors-chart-10-hex: var(--color-gray-300);
521
+ --chart-colors-chart-10-hex-inverse: var(--color-neutral-700);
522
+ --chart-colors-candlestick-upward: var(--color-primary-600);
523
+ --chart-colors-candlestick-upward-inverse: var(--color-primary-500);
524
+ --chart-colors-candlestick-downward: var(--color-primary-600);
525
+ --chart-colors-candlestick-downward-inverse: var(--color-primary-500);
526
+ --chart-colors-labels: var(--color-gray-400);
527
+ --chart-colors-labels-inverse: var(--color-neutral-400);
528
+ --chart-colors-xaxis-labels: var(--color-gray-400);
529
+ --chart-colors-xaxis-labels-inverse: var(--color-neutral-400);
530
+ --chart-colors-yaxis-labels: var(--color-gray-400);
531
+ --chart-colors-yaxis-labels-inverse: var(--color-neutral-400);
532
+ --chart-colors-grid-border: var(--color-gray-200);
533
+ --chart-colors-grid-border-inverse: var(--color-neutral-700);
534
+ --chart-colors-bar-ranges: var(--color-gray-200);
535
+ --chart-colors-bar-ranges-inverse: var(--color-white);
536
+
537
+ --map-colors-primary: var(--color-primary-600);
538
+ --map-colors-primary-inverse: var(--color-primary-500);
539
+ --map-colors-default: var(--color-gray-300);
540
+ --map-colors-default-inverse: var(--color-neutral-600);
541
+ --map-colors-highlight: var(--color-primary-300);
542
+ --map-colors-highlight-inverse: var(--color-primary-300);
543
+ --map-colors-border: var(--color-gray-100);
544
+ --map-colors-border-inverse: var(--color-neutral-800);
545
+ }
546
+
547
+ .dark {
548
+ --background: var(--color-neutral-800);
549
+ --background-1: var(--color-neutral-900);
550
+ --background-2: var(--color-neutral-900);
551
+ --foreground: var(--color-neutral-200);
552
+
553
+ --inverse: var(--color-neutral-950);
554
+
555
+ --border: var(--color-neutral-700);
556
+ --border-line-1: var(--color-neutral-800);
557
+ --border-line-2: var(--color-neutral-700);
558
+ --border-line-3: var(--color-neutral-600);
559
+ --border-line-4: var(--color-neutral-500);
560
+ --border-line-5: var(--color-neutral-400);
561
+ --border-line-6: var(--color-neutral-300);
562
+ --border-line-7: var(--color-neutral-200);
563
+ --border-line-8: var(--color-neutral-100);
564
+
565
+ --primary: var(--color-primary-500);
566
+ --primary-line: transparent;
567
+ --primary-foreground: var(--color-white);
568
+ --primary-hover: var(--color-primary-600);
569
+ --primary-focus: var(--color-primary-600);
570
+ --primary-active: var(--color-primary-600);
571
+ --primary-checked: var(--color-primary-500);
572
+
573
+ --secondary: var(--color-white);
574
+ --secondary-line: transparent;
575
+ --secondary-foreground: var(--color-neutral-800);
576
+ --secondary-hover: var(--color-neutral-100);
577
+ --secondary-focus: var(--color-neutral-100);
578
+ --secondary-active: var(--color-neutral-100);
579
+
580
+ --layer: var(--color-neutral-800);
581
+ --layer-line: var(--color-neutral-700);
582
+ --layer-foreground: var(--color-white);
583
+ --layer-hover: var(--color-neutral-700);
584
+ --layer-focus: var(--color-neutral-700);
585
+ --layer-active: var(--color-neutral-700);
586
+
587
+ --surface: var(--color-neutral-700);
588
+ --surface-1: var(--color-neutral-600);
589
+ --surface-2: var(--color-neutral-500);
590
+ --surface-3: var(--color-neutral-600);
591
+ --surface-4: var(--color-neutral-500);
592
+ --surface-5: var(--color-neutral-400);
593
+ --surface-line: transparent;
594
+ --surface-foreground: var(--color-neutral-200);
595
+ --surface-hover: var(--color-neutral-600);
596
+ --surface-focus: var(--color-neutral-600);
597
+ --surface-active: var(--color-neutral-600);
598
+
599
+ --muted: var(--color-neutral-800);
600
+ --muted-foreground: var(--color-neutral-500);
601
+ --muted-foreground-1: var(--color-neutral-400);
602
+ --muted-foreground-2: var(--color-neutral-300);
603
+ --muted-hover: var(--color-neutral-700);
604
+ --muted-focus: var(--color-neutral-700);
605
+ --muted-active: var(--color-neutral-700);
606
+
607
+ --destructive: var(--color-red-500);
608
+ --destructive-foreground: var(--color-white);
609
+ --destructive-hover: var(--color-red-600);
610
+ --destructive-focus: var(--color-red-600);
611
+
612
+ --navbar: var(--color-neutral-800);
613
+ --navbar-line: var(--color-neutral-700);
614
+ --navbar-divider: var(--color-neutral-700);
615
+ --navbar-nav-foreground: var(--color-neutral-200);
616
+ --navbar-nav-hover: var(--color-neutral-700);
617
+ --navbar-nav-focus: var(--color-neutral-700);
618
+ --navbar-nav-active: var(--color-neutral-700);
619
+ --navbar-nav-list-divider: var(--color-neutral-700);
620
+ --navbar-inverse: var(--color-neutral-950);
621
+
622
+ --navbar-1: var(--color-neutral-900);
623
+ --navbar-1-line: var(--color-neutral-700);
624
+ --navbar-1-divider: var(--color-neutral-700);
625
+ --navbar-1-nav-foreground: var(--color-neutral-200);
626
+ --navbar-1-nav-hover: var(--color-neutral-700);
627
+ --navbar-1-nav-focus: var(--color-neutral-700);
628
+ --navbar-1-nav-active: var(--color-neutral-700);
629
+ --navbar-1-nav-list-divider: var(--color-neutral-700);
630
+
631
+ --navbar-2: var(--color-neutral-900);
632
+ --navbar-2-line: transparent;
633
+ --navbar-2-divider: var(--color-neutral-700);
634
+ --navbar-2-nav-foreground: var(--color-neutral-200);
635
+ --navbar-2-nav-hover: var(--color-neutral-800);
636
+ --navbar-2-nav-focus: var(--color-neutral-800);
637
+ --navbar-2-nav-active: var(--color-neutral-800);
638
+ --navbar-2-nav-list-divider: var(--color-neutral-800);
639
+
640
+ --sidebar: var(--color-neutral-800);
641
+ --sidebar-line: var(--color-neutral-700);
642
+ --sidebar-divider: var(--color-neutral-700);
643
+ --sidebar-nav-foreground: var(--color-neutral-200);
644
+ --sidebar-nav-hover: var(--color-neutral-700);
645
+ --sidebar-nav-focus: var(--color-neutral-700);
646
+ --sidebar-nav-active: var(--color-neutral-700);
647
+ --sidebar-nav-list-divider: var(--color-neutral-700);
648
+ --sidebar-inverse: var(--color-neutral-950);
649
+
650
+ --sidebar-1: var(--color-neutral-900);
651
+ --sidebar-1-line: var(--color-neutral-700);
652
+ --sidebar-1-divider: var(--color-neutral-700);
653
+ --sidebar-1-nav-foreground: var(--color-neutral-200);
654
+ --sidebar-1-nav-hover: var(--color-neutral-700);
655
+ --sidebar-1-nav-focus: var(--color-neutral-700);
656
+ --sidebar-1-nav-active: var(--color-neutral-700);
657
+ --sidebar-1-nav-list-divider: var(--color-neutral-700);
658
+
659
+ --sidebar-2: var(--color-neutral-900);
660
+ --sidebar-2-line: transparent;
661
+ --sidebar-2-divider: var(--color-neutral-800);
662
+ --sidebar-2-nav-foreground: var(--color-neutral-200);
663
+ --sidebar-2-nav-hover: var(--color-neutral-800);
664
+ --sidebar-2-nav-focus: var(--color-neutral-800);
665
+ --sidebar-2-nav-active: var(--color-neutral-800);
666
+ --sidebar-2-nav-list-divider: var(--color-neutral-800);
667
+
668
+ --card: var(--color-neutral-800);
669
+ --card-line: var(--color-neutral-700);
670
+ --card-divider: var(--color-neutral-700);
671
+ --card-header: var(--color-neutral-700);
672
+ --card-footer: var(--color-neutral-700);
673
+ --card-inverse: var(--color-neutral-900);
674
+
675
+ --dropdown: var(--color-neutral-900);
676
+ --dropdown-1: var(--color-neutral-950);
677
+ --dropdown-line: transparent;
678
+ --dropdown-divider: var(--color-neutral-800);
679
+ --dropdown-header: var(--color-neutral-700);
680
+ --dropdown-footer: var(--color-neutral-700);
681
+ --dropdown-item-foreground: var(--color-neutral-200);
682
+ --dropdown-item-hover: var(--color-neutral-800);
683
+ --dropdown-item-focus: var(--color-neutral-800);
684
+ --dropdown-item-active: var(--color-neutral-800);
685
+ --dropdown-inverse: var(--color-neutral-900);
686
+
687
+ --select: var(--color-neutral-900);
688
+ --select-1: var(--color-neutral-950);
689
+ --select-line: transparent;
690
+ --select-item-foreground: var(--color-neutral-200);
691
+ --select-item-hover: var(--color-neutral-800);
692
+ --select-item-focus: var(--color-neutral-800);
693
+ --select-item-active: var(--color-neutral-800);
694
+ --select-inverse: var(--color-neutral-900);
695
+
696
+ --overlay: var(--color-neutral-800);
697
+ --overlay-line: transparent;
698
+ --overlay-divider: var(--color-neutral-700);
699
+ --overlay-header: var(--color-neutral-700);
700
+ --overlay-footer: var(--color-neutral-700);
701
+ --overlay-inverse: var(--color-neutral-900);
702
+
703
+ --popover: var(--color-neutral-900);
704
+ --popover-line: var(--color-neutral-700);
705
+
706
+ --tooltip: var(--color-white);
707
+ --tooltip-line: transparent;
708
+ --tooltip-foreground: var(--color-neutral-800);
709
+
710
+ --table-line: var(--color-neutral-700);
711
+
712
+ --footer: var(--color-neutral-800);
713
+ --footer-line: var(--color-neutral-700);
714
+ --footer-inverse: var(--color-neutral-900);
715
+
716
+ --scrollbar-track: var(--color-neutral-700);
717
+ --scrollbar-thumb: var(--color-neutral-500);
718
+ --scrollbar-track-inverse: var(--color-neutral-500);
719
+ --scrollbar-thumb-inverse: var(--color-neutral-700);
720
+
721
+ --chart-primary: var(--color-primary-500);
722
+ --chart-8: var(--color-neutral-700);
723
+ --chart-9: var(--color-neutral-500);
724
+ --chart-10: var(--color-neutral-700);
725
+ }