@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/ocean.css ADDED
@@ -0,0 +1,273 @@
1
+ /* ------------------------------ */
2
+ /* ----------- Ocean ------------ */
3
+ /* ------------------------------ */
4
+
5
+ @theme theme-ocean inline {
6
+
7
+ }
8
+
9
+ :root[data-theme="theme-ocean"],
10
+ [data-theme="theme-ocean"] {
11
+ --primary-50: var(--color-cyan-50);
12
+ --primary-100: var(--color-cyan-100);
13
+ --primary-200: var(--color-cyan-200);
14
+ --primary-300: var(--color-cyan-300);
15
+ --primary-400: var(--color-cyan-400);
16
+ --primary-500: var(--color-cyan-500);
17
+ --primary-600: var(--color-cyan-600);
18
+ --primary-700: var(--color-cyan-700);
19
+ --primary-800: var(--color-cyan-800);
20
+ --primary-900: var(--color-cyan-900);
21
+ --primary-950: var(--color-cyan-950);
22
+
23
+ --primary: var(--color-primary-600);
24
+ --primary-hover: var(--color-primary-700);
25
+ --primary-focus: var(--color-primary-700);
26
+ --primary-active: var(--color-primary-700);
27
+ --primary-checked: var(--color-primary-600);
28
+
29
+ --navbar-inverse: var(--color-primary-950);
30
+
31
+ --sidebar-nav-active: var(--color-gray-200);
32
+ --sidebar-inverse: var(--color-primary-950);
33
+
34
+ --card-inverse: var(--color-primary-950);
35
+
36
+ --dropdown-line: var(--color-gray-200);
37
+ --dropdown-inverse: var(--color-primary-950);
38
+
39
+ --select-line: var(--color-gray-200);
40
+ --select-inverse: var(--color-primary-950);
41
+
42
+ --overlay-inverse: var(--color-primary-950);
43
+
44
+ --footer-inverse: var(--color-primary-950);
45
+
46
+ --chart-primary: var(--color-primary-600);
47
+ --chart-colors-primary: var(--color-primary-600);
48
+ --chart-colors-primary-inverse: var(--color-primary-500);
49
+ --chart-colors-primary-hex: var(--color-primary-600);
50
+ --chart-colors-primary-hex-inverse: var(--color-primary-500);
51
+ --chart-1: var(--color-primary-50);
52
+ --chart-colors-chart-1: var(--color-primary-50);
53
+ --chart-colors-chart-1-inverse: var(--color-primary-50);
54
+ --chart-colors-chart-1-hex: var(--color-primary-50);
55
+ --chart-colors-chart-1-hex-inverse: var(--color-primary-50);
56
+ --chart-2: var(--color-primary-200);
57
+ --chart-colors-chart-2: var(--color-primary-200);
58
+ --chart-colors-chart-2-inverse: var(--color-primary-200);
59
+ --chart-colors-chart-2-hex: var(--color-primary-200);
60
+ --chart-colors-chart-2-hex-inverse: var(--color-primary-200);
61
+ --chart-3: var(--color-primary-400);
62
+ --chart-colors-chart-3: var(--color-primary-400);
63
+ --chart-colors-chart-3-inverse: var(--color-primary-400);
64
+ --chart-colors-chart-3-hex: var(--color-primary-400);
65
+ --chart-colors-chart-3-hex-inverse: var(--color-primary-400);
66
+ --chart-4: var(--color-primary-800);
67
+ --chart-colors-chart-4: var(--color-primary-800);
68
+ --chart-colors-chart-4-inverse: var(--color-primary-800);
69
+ --chart-colors-chart-4-hex: var(--color-primary-800);
70
+ --chart-colors-chart-4-hex-inverse: var(--color-primary-800);
71
+ --chart-5: var(--color-blue-800);
72
+ --chart-colors-chart-5: var(--color-blue-800);
73
+ --chart-colors-chart-5-inverse: var(--color-blue-600);
74
+ --chart-colors-chart-5-hex: var(--color-blue-800);
75
+ --chart-colors-chart-5-hex-inverse: var(--color-blue-600);
76
+ --chart-6: var(--color-sky-400);
77
+ --chart-colors-chart-6: var(--color-sky-400);
78
+ --chart-colors-chart-6-inverse: var(--color-sky-400);
79
+ --chart-colors-chart-6-hex: var(--color-sky-400);
80
+ --chart-colors-chart-6-hex-inverse: var(--color-sky-400);
81
+ --chart-7: var(--color-violet-800);
82
+ --chart-colors-chart-7: var(--color-violet-800);
83
+ --chart-colors-chart-7-inverse: var(--color-violet-600);
84
+ --chart-colors-chart-7-hex: var(--color-violet-800);
85
+ --chart-colors-chart-7-hex-inverse: var(--color-violet-600);
86
+ --chart-colors-chart-8-inverse: var(--color-gray-700);
87
+ --chart-colors-chart-8-hex-inverse: var(--color-gray-700);
88
+ --chart-colors-chart-9-inverse: var(--color-gray-500);
89
+ --chart-colors-chart-9-hex-inverse: var(--color-gray-500);
90
+ --chart-colors-chart-10-inverse: var(--color-gray-700);
91
+ --chart-colors-chart-10-hex-inverse: var(--color-gray-700);
92
+ --chart-colors-xaxis-labels-inverse: var(--color-gray-400);
93
+ --chart-colors-yaxis-labels-inverse: var(--color-gray-400);
94
+ --chart-colors-grid-border-inverse: var(--color-gray-700);
95
+ --chart-colors-candlestick-upward: var(--color-primary-600);
96
+ --chart-colors-candlestick-upward-inverse: var(--color-primary-500);
97
+ --chart-colors-candlestick-downward: var(--color-primary-600);
98
+ --chart-colors-candlestick-downward-inverse: var(--color-primary-500);
99
+
100
+ --map-colors-primary: var(--color-primary-600);
101
+ --map-colors-primary-inverse: var(--color-primary-500);
102
+ --map-colors-default-inverse: var(--color-gray-600);
103
+ --map-colors-highlight: var(--color-primary-300);
104
+ --map-colors-highlight-inverse: var(--color-primary-200);
105
+ --map-colors-border-inverse: var(--color-gray-800);
106
+ }
107
+
108
+ [data-theme="theme-ocean"].dark {
109
+ --background: var(--color-gray-800);
110
+ --background-1: var(--color-gray-900);
111
+ --background-2: var(--color-gray-900);
112
+ --foreground: var(--color-gray-200);
113
+
114
+ --inverse: var(--color-gray-950);
115
+
116
+ --border: var(--color-gray-700);
117
+ --border-line-1: var(--color-gray-700);
118
+ --border-line-2: var(--color-gray-700);
119
+ --border-line-3: var(--color-gray-600);
120
+ --border-line-4: var(--color-gray-500);
121
+ --border-line-5: var(--color-gray-400);
122
+ --border-line-6: var(--color-gray-300);
123
+ --border-line-7: var(--color-gray-200);
124
+ --border-line-8: var(--color-gray-100);
125
+
126
+ --primary: var(--color-primary-500);
127
+ --primary-hover: var(--color-primary-600);
128
+ --primary-focus: var(--color-primary-600);
129
+ --primary-active: var(--color-primary-600);
130
+ --primary-checked: var(--color-primary-500);
131
+
132
+ --secondary: var(--color-white);
133
+ --secondary-foreground: var(--color-gray-800);
134
+ --secondary-hover: var(--color-gray-100);
135
+ --secondary-focus: var(--color-gray-100);
136
+ --secondary-active: var(--color-gray-100);
137
+
138
+ --layer: var(--color-gray-800);
139
+ --layer-line: var(--color-gray-700);
140
+ --layer-foreground: var(--color-white);
141
+ --layer-hover: var(--color-gray-700);
142
+ --layer-focus: var(--color-gray-700);
143
+ --layer-active: var(--color-gray-700);
144
+
145
+ --surface: var(--color-gray-700);
146
+ --surface-1: var(--color-gray-600);
147
+ --surface-2: var(--color-gray-500);
148
+ --surface-3: var(--color-gray-600);
149
+ --surface-4: var(--color-gray-500);
150
+ --surface-5: var(--color-gray-400);
151
+ --surface-foreground: var(--color-gray-200);
152
+ --surface-hover: var(--color-gray-600);
153
+ --surface-focus: var(--color-gray-600);
154
+ --surface-active: var(--color-gray-600);
155
+
156
+ --muted: var(--color-gray-800);
157
+ --muted-foreground: var(--color-gray-500);
158
+ --muted-foreground-1: var(--color-gray-400);
159
+ --muted-foreground-2: var(--color-gray-300);
160
+ --muted-hover: var(--color-gray-700);
161
+ --muted-focus: var(--color-gray-700);
162
+ --muted-active: var(--color-gray-700);
163
+
164
+ --navbar: var(--color-gray-800);
165
+ --navbar-line: var(--color-gray-700);
166
+ --navbar-divider: var(--color-gray-700);
167
+ --navbar-nav-foreground: var(--color-gray-200);
168
+ --navbar-nav-hover: var(--color-gray-700);
169
+ --navbar-nav-focus: var(--color-gray-700);
170
+ --navbar-nav-active: var(--color-gray-700);
171
+ --navbar-nav-list-divider: var(--color-gray-700);
172
+ --navbar-inverse: var(--color-black);
173
+
174
+ --navbar-1: var(--color-gray-900);
175
+ --navbar-1-line: var(--color-gray-700);
176
+ --navbar-1-divider: var(--color-gray-700);
177
+ --navbar-1-nav-foreground: var(--color-gray-200);
178
+ --navbar-1-nav-hover: var(--color-gray-700);
179
+ --navbar-1-nav-focus: var(--color-gray-700);
180
+ --navbar-1-nav-active: var(--color-gray-700);
181
+ --navbar-1-nav-list-divider: var(--color-gray-700);
182
+
183
+ --navbar-2: var(--color-gray-900);
184
+ --navbar-2-divider: var(--color-gray-700);
185
+ --navbar-2-nav-foreground: var(--color-gray-200);
186
+ --navbar-2-nav-hover: var(--color-gray-800);
187
+ --navbar-2-nav-focus: var(--color-gray-800);
188
+ --navbar-2-nav-active: var(--color-gray-800);
189
+ --navbar-2-nav-list-divider: var(--color-gray-800);
190
+
191
+ --sidebar: var(--color-gray-800);
192
+ --sidebar-line: var(--color-gray-700);
193
+ --sidebar-divider: var(--color-gray-700);
194
+ --sidebar-nav-foreground: var(--color-gray-200);
195
+ --sidebar-nav-hover: var(--color-gray-700);
196
+ --sidebar-nav-focus: var(--color-gray-700);
197
+ --sidebar-nav-active: var(--color-gray-700);
198
+ --sidebar-nav-list-divider: var(--color-gray-700);
199
+ --sidebar-inverse: var(--color-black);
200
+
201
+ --sidebar-1: var(--color-gray-900);
202
+ --sidebar-1-line: var(--color-gray-700);
203
+ --sidebar-1-divider: var(--color-gray-700);
204
+ --sidebar-1-nav-foreground: var(--color-gray-200);
205
+ --sidebar-1-nav-hover: var(--color-gray-700);
206
+ --sidebar-1-nav-focus: var(--color-gray-700);
207
+ --sidebar-1-nav-active: var(--color-gray-700);
208
+ --sidebar-1-nav-list-divider: var(--color-gray-700);
209
+
210
+ --sidebar-2: var(--color-gray-900);
211
+ --sidebar-2-divider: var(--color-gray-800);
212
+ --sidebar-2-nav-foreground: var(--color-gray-200);
213
+ --sidebar-2-nav-hover: var(--color-gray-800);
214
+ --sidebar-2-nav-focus: var(--color-gray-800);
215
+ --sidebar-2-nav-active: var(--color-gray-800);
216
+ --sidebar-2-nav-list-divider: var(--color-gray-800);
217
+
218
+ --card: var(--color-gray-800);
219
+ --card-line: var(--color-gray-700);
220
+ --card-divider: var(--color-gray-700);
221
+ --card-header: var(--color-gray-700);
222
+ --card-footer: var(--color-gray-700);
223
+ --card-inverse: var(--color-black);
224
+
225
+ --dropdown: var(--color-gray-900);
226
+ --dropdown-1: var(--color-gray-950);
227
+ --dropdown-line: var(--color-gray-700);
228
+ --dropdown-divider: var(--color-gray-800);
229
+ --dropdown-header: var(--color-gray-700);
230
+ --dropdown-footer: var(--color-gray-700);
231
+ --dropdown-item-foreground: var(--color-gray-200);
232
+ --dropdown-item-hover: var(--color-gray-800);
233
+ --dropdown-item-focus: var(--color-gray-800);
234
+ --dropdown-item-active: var(--color-gray-800);
235
+ --dropdown-inverse: var(--color-black);
236
+
237
+ --select: var(--color-gray-900);
238
+ --select-1: var(--color-gray-950);
239
+ --select-line: var(--color-gray-700);
240
+ --select-item-foreground: var(--color-gray-200);
241
+ --select-item-hover: var(--color-gray-800);
242
+ --select-item-focus: var(--color-gray-800);
243
+ --select-item-active: var(--color-gray-800);
244
+ --select-inverse: var(--color-black);
245
+
246
+ --overlay: var(--color-gray-800);
247
+ --overlay-divider: var(--color-gray-700);
248
+ --overlay-header: var(--color-gray-700);
249
+ --overlay-footer: var(--color-gray-700);
250
+ --overlay-inverse: var(--color-black);
251
+
252
+ --popover: var(--color-gray-900);
253
+ --popover-line: var(--color-gray-700);
254
+
255
+ --tooltip: var(--color-white);
256
+ --tooltip-foreground: var(--color-gray-800);
257
+
258
+ --table-line: var(--color-gray-700);
259
+
260
+ --footer: var(--color-gray-800);
261
+ --footer-line: var(--color-gray-700);
262
+ --footer-inverse: var(--color-black);
263
+
264
+ --scrollbar-track: var(--color-gray-700);
265
+ --scrollbar-thumb: var(--color-gray-500);
266
+ --scrollbar-track-inverse: var(--color-gray-500);
267
+ --scrollbar-thumb-inverse: var(--color-gray-700);
268
+
269
+ --chart-primary: var(--color-primary-500);
270
+ --chart-8: var(--color-gray-700);
271
+ --chart-9: var(--color-gray-500);
272
+ --chart-10: var(--color-gray-700);
273
+ }
package/css/themes/olive.css ADDED
@@ -0,0 +1,413 @@
1
+ /* ------------------------------ */
2
+ /* ----------- Olive ------------ */
3
+ /* ------------------------------ */
4
+
5
+ @theme theme-olive inline {
6
+
7
+ }
8
+
9
+ :root[data-theme="theme-olive"],
10
+ [data-theme="theme-olive"] {
11
+ --background-1: var(--color-preline-avocado-soft-50);
12
+ --background-2: var(--color-preline-avocado-soft-100);
13
+ --foreground: var(--color-preline-avocado-soft-800);
14
+
15
+ --inverse: var(--color-preline-avocado-soft-800);
16
+
17
+ --border: var(--color-preline-avocado-soft-200);
18
+ --border-line-1: var(--color-preline-avocado-soft-100);
19
+ --border-line-2: var(--color-preline-avocado-soft-200);
20
+ --border-line-3: var(--color-preline-avocado-soft-300);
21
+ --border-line-4: var(--color-preline-avocado-soft-400);
22
+ --border-line-5: var(--color-preline-avocado-soft-500);
23
+ --border-line-6: var(--color-preline-avocado-soft-600);
24
+ --border-line-7: var(--color-preline-avocado-soft-700);
25
+ --border-line-8: var(--color-preline-avocado-soft-800);
26
+
27
+ --primary-50: var(--color-preline-avocado-50);
28
+ --primary-100: var(--color-preline-avocado-100);
29
+ --primary-200: var(--color-preline-avocado-200);
30
+ --primary-300: var(--color-preline-avocado-300);
31
+ --primary-400: var(--color-preline-avocado-400);
32
+ --primary-500: var(--color-preline-avocado-500);
33
+ --primary-600: var(--color-preline-avocado-600);
34
+ --primary-700: var(--color-preline-avocado-700);
35
+ --primary-800: var(--color-preline-avocado-800);
36
+ --primary-900: var(--color-preline-avocado-900);
37
+ --primary-950: var(--color-preline-avocado-950);
38
+
39
+ --primary: var(--color-primary-600);
40
+ --primary-hover: var(--color-primary-700);
41
+ --primary-focus: var(--color-primary-700);
42
+ --primary-active: var(--color-primary-700);
43
+ --primary-checked: var(--color-primary-600);
44
+
45
+ --secondary: var(--color-preline-avocado-soft-900);
46
+ --secondary-foreground: var(--color-white);
47
+ --secondary-hover: var(--color-preline-avocado-soft-800);
48
+ --secondary-focus: var(--color-preline-avocado-soft-800);
49
+ --secondary-active: var(--color-preline-avocado-soft-800);
50
+
51
+ --layer-line: var(--color-preline-avocado-soft-200);
52
+ --layer-foreground: var(--color-preline-avocado-soft-800);
53
+ --layer-hover: var(--color-preline-avocado-soft-50);
54
+ --layer-focus: var(--color-preline-avocado-soft-50);
55
+ --layer-active: var(--color-preline-avocado-soft-50);
56
+
57
+ --surface: var(--color-preline-avocado-soft-100);
58
+ --surface-1: var(--color-preline-avocado-soft-200);
59
+ --surface-2: var(--color-preline-avocado-soft-300);
60
+ --surface-3: var(--color-preline-avocado-soft-400);
61
+ --surface-4: var(--color-preline-avocado-soft-500);
62
+ --surface-5: var(--color-preline-avocado-soft-600);
63
+ --surface-foreground: var(--color-preline-avocado-soft-800);
64
+ --surface-hover: var(--color-preline-avocado-soft-200);
65
+ --surface-focus: var(--color-preline-avocado-soft-200);
66
+ --surface-active: var(--color-preline-avocado-soft-200);
67
+
68
+ --muted: var(--color-preline-avocado-soft-50);
69
+ --muted-foreground: var(--color-preline-avocado-soft-400);
70
+ --muted-foreground-1: var(--color-preline-avocado-soft-500);
71
+ --muted-foreground-2: var(--color-preline-avocado-soft-600);
72
+ --muted-hover: var(--color-preline-avocado-soft-100);
73
+ --muted-focus: var(--color-preline-avocado-soft-100);
74
+ --muted-active: var(--color-preline-avocado-soft-100);
75
+
76
+ --navbar-line: var(--color-preline-avocado-soft-200);
77
+ --navbar-divider: var(--color-preline-avocado-soft-200);
78
+ --navbar-nav-foreground: var(--color-preline-avocado-soft-800);
79
+ --navbar-nav-hover: var(--color-preline-avocado-soft-100);
80
+ --navbar-nav-focus: var(--color-preline-avocado-soft-100);
81
+ --navbar-nav-active: var(--color-preline-avocado-soft-100);
82
+ --navbar-nav-list-divider: var(--color-preline-avocado-soft-200);
83
+ --navbar-inverse: var(--color-primary-950);
84
+
85
+ --navbar-1: var(--color-preline-avocado-soft-50);
86
+ --navbar-1-line: var(--color-preline-avocado-soft-200);
87
+ --navbar-1-divider: var(--color-preline-avocado-soft-200);
88
+ --navbar-1-nav-foreground: var(--color-preline-avocado-soft-800);
89
+ --navbar-1-nav-hover: var(--color-preline-avocado-soft-200);
90
+ --navbar-1-nav-focus: var(--color-preline-avocado-soft-200);
91
+ --navbar-1-nav-active: var(--color-preline-avocado-soft-200);
92
+ --navbar-1-nav-list-divider: var(--color-preline-avocado-soft-200);
93
+
94
+ --navbar-2: var(--color-preline-avocado-soft-100);
95
+ --navbar-2-divider: var(--color-preline-avocado-soft-300);
96
+ --navbar-2-nav-foreground: var(--color-preline-avocado-soft-800);
97
+ --navbar-2-nav-hover: var(--color-preline-avocado-soft-200);
98
+ --navbar-2-nav-focus: var(--color-preline-avocado-soft-200);
99
+ --navbar-2-nav-active: var(--color-preline-avocado-soft-200);
100
+ --navbar-2-nav-list-divider: var(--color-preline-avocado-soft-200);
101
+
102
+ --sidebar-line: var(--color-preline-avocado-soft-200);
103
+ --sidebar-divider: var(--color-preline-avocado-soft-200);
104
+ --sidebar-nav-foreground: var(--color-preline-avocado-soft-800);
105
+ --sidebar-nav-hover: var(--color-preline-avocado-soft-100);
106
+ --sidebar-nav-focus: var(--color-preline-avocado-soft-100);
107
+ --sidebar-nav-active: var(--color-preline-avocado-soft-100);
108
+ --sidebar-nav-list-divider: var(--color-preline-avocado-soft-200);
109
+ --sidebar-inverse: var(--color-primary-950);
110
+
111
+ --sidebar-1: var(--color-preline-avocado-soft-50);
112
+ --sidebar-1-line: var(--color-preline-avocado-soft-200);
113
+ --sidebar-1-divider: var(--color-preline-avocado-soft-200);
114
+ --sidebar-1-nav-foreground: var(--color-preline-avocado-soft-800);
115
+ --sidebar-1-nav-hover: var(--color-preline-avocado-soft-200);
116
+ --sidebar-1-nav-focus: var(--color-preline-avocado-soft-200);
117
+ --sidebar-1-nav-active: var(--color-preline-avocado-soft-200);
118
+ --sidebar-1-nav-list-divider: var(--color-preline-avocado-soft-200);
119
+
120
+ --sidebar-2: var(--color-preline-avocado-soft-100);
121
+ --sidebar-2-divider: var(--color-preline-avocado-soft-200);
122
+ --sidebar-2-nav-foreground: var(--color-preline-avocado-soft-800);
123
+ --sidebar-2-nav-hover: var(--color-preline-avocado-soft-200);
124
+ --sidebar-2-nav-focus: var(--color-preline-avocado-soft-200);
125
+ --sidebar-2-nav-active: var(--color-preline-avocado-soft-200);
126
+ --sidebar-2-nav-list-divider: var(--color-preline-avocado-soft-200);
127
+
128
+ --card-line: var(--color-preline-avocado-soft-200);
129
+ --card-divider: var(--color-preline-avocado-soft-200);
130
+ --card-header: var(--color-preline-avocado-soft-200);
131
+ --card-footer: var(--color-preline-avocado-soft-200);
132
+ --card-inverse: var(--color-primary-950);
133
+
134
+ --dropdown-divider: var(--color-preline-avocado-soft-200);
135
+ --dropdown-header: var(--color-preline-avocado-soft-200);
136
+ --dropdown-footer: var(--color-preline-avocado-soft-200);
137
+ --dropdown-item-foreground: var(--color-preline-avocado-soft-800);
138
+ --dropdown-item-hover: var(--color-preline-avocado-soft-100);
139
+ --dropdown-item-focus: var(--color-preline-avocado-soft-100);
140
+ --dropdown-item-active: var(--color-preline-avocado-soft-100);
141
+ --dropdown-inverse: var(--color-primary-950);
142
+
143
+ --select-item-foreground: var(--color-preline-avocado-soft-800);
144
+ --select-item-hover: var(--color-preline-avocado-soft-100);
145
+ --select-item-focus: var(--color-preline-avocado-soft-100);
146
+ --select-item-active: var(--color-preline-avocado-soft-100);
147
+ --select-inverse: var(--color-primary-950);
148
+
149
+ --overlay-divider: var(--color-preline-avocado-soft-200);
150
+ --overlay-header: var(--color-preline-avocado-soft-200);
151
+ --overlay-footer: var(--color-preline-avocado-soft-200);
152
+ --overlay-inverse: var(--color-primary-950);
153
+
154
+ --popover-line: var(--color-preline-avocado-soft-100);
155
+
156
+ --tooltip: var(--color-preline-avocado-soft-900);
157
+
158
+ --table-line: var(--color-preline-avocado-soft-200);
159
+
160
+ --footer-line: var(--color-preline-avocado-soft-200);
161
+ --footer-inverse: var(--color-primary-950);
162
+
163
+ --scrollbar-track: var(--color-preline-avocado-soft-100);
164
+ --scrollbar-thumb: var(--color-preline-avocado-soft-300);
165
+
166
+ --chart-colors-background-inverse: var(--color-preline-avocado-soft-800);
167
+ --chart-colors-foreground: var(--color-preline-avocado-soft-800);
168
+ --chart-primary: var(--color-primary-600);
169
+ --chart-colors-primary: var(--color-primary-600);
170
+ --chart-colors-primary-inverse: var(--color-primary-400);
171
+ --chart-colors-primary-hex: var(--color-primary-600);
172
+ --chart-colors-primary-hex-inverse: var(--color-primary-400);
173
+ --chart-1: var(--color-primary-50);
174
+ --chart-colors-chart-1: var(--color-primary-50);
175
+ --chart-colors-chart-1-inverse: var(--color-primary-50);
176
+ --chart-colors-chart-1-hex: var(--color-primary-50);
177
+ --chart-colors-chart-1-hex-inverse: var(--color-primary-50);
178
+ --chart-2: var(--color-primary-200);
179
+ --chart-colors-chart-2: var(--color-primary-200);
180
+ --chart-colors-chart-2-inverse: var(--color-primary-200);
181
+ --chart-colors-chart-2-hex: var(--color-primary-200);
182
+ --chart-colors-chart-2-hex-inverse: var(--color-primary-200);
183
+ --chart-3: var(--color-primary-600);
184
+ --chart-colors-chart-3: var(--color-primary-400);
185
+ --chart-colors-chart-3-inverse: var(--color-primary-400);
186
+ --chart-colors-chart-3-hex: var(--color-primary-400);
187
+ --chart-colors-chart-3-hex-inverse: var(--color-primary-400);
188
+ --chart-4: var(--color-primary-800);
189
+ --chart-colors-chart-4: var(--color-primary-800);
190
+ --chart-colors-chart-4-inverse: var(--color-primary-800);
191
+ --chart-colors-chart-4-hex: var(--color-primary-800);
192
+ --chart-colors-chart-4-hex-inverse: var(--color-primary-800);
193
+ --chart-5: var(--color-cyan-700);
194
+ --chart-colors-chart-5: var(--color-cyan-700);
195
+ --chart-colors-chart-5-inverse: var(--color-cyan-600);
196
+ --chart-colors-chart-5-hex: var(--color-cyan-700);
197
+ --chart-colors-chart-5-hex-inverse: var(--color-cyan-600);
198
+ --chart-6: var(--color-lime-700);
199
+ --chart-colors-chart-6: var(--color-lime-700);
200
+ --chart-colors-chart-6-inverse: var(--color-lime-700);
201
+ --chart-colors-chart-6-hex: var(--color-lime-700);
202
+ --chart-colors-chart-6-hex-inverse: var(--color-lime-700);
203
+ --chart-7: var(--color-mauve-500);
204
+ --chart-colors-chart-7: var(--color-mauve-500);
205
+ --chart-colors-chart-7-inverse: var(--color-mauve-400);
206
+ --chart-colors-chart-7-hex: var(--color-mauve-500);
207
+ --chart-colors-chart-7-hex-inverse: var(--color-mauve-400);
208
+ --chart-8: var(--color-preline-avocado-soft-100);
209
+ --chart-colors-chart-8: var(--color-preline-avocado-soft-100);
210
+ --chart-colors-chart-8-inverse: var(--color-preline-avocado-soft-700);
211
+ --chart-colors-chart-8-hex: var(--color-preline-avocado-soft-100);
212
+ --chart-colors-chart-8-hex-inverse: var(--color-preline-avocado-soft-700);
213
+ --chart-9: var(--color-preline-avocado-soft-200);
214
+ --chart-colors-chart-9: var(--color-preline-avocado-soft-200);
215
+ --chart-colors-chart-9-inverse: var(--color-preline-avocado-soft-500);
216
+ --chart-colors-chart-9-hex: var(--color-preline-avocado-soft-200);
217
+ --chart-colors-chart-9-hex-inverse: var(--color-preline-avocado-soft-500);
218
+ --chart-10: var(--color-preline-avocado-soft-300);
219
+ --chart-colors-chart-10: var(--color-preline-avocado-soft-300);
220
+ --chart-colors-chart-10-inverse: var(--color-preline-avocado-soft-700);
221
+ --chart-colors-chart-10-hex: var(--color-preline-avocado-soft-300);
222
+ --chart-colors-chart-10-hex-inverse: var(--color-preline-avocado-soft-700);
223
+ --chart-colors-candlestick-upward: var(--color-primary-600);
224
+ --chart-colors-candlestick-upward-inverse: var(--color-primary-500);
225
+ --chart-colors-candlestick-downward: var(--color-primary-600);
226
+ --chart-colors-candlestick-downward-inverse: var(--color-primary-500);
227
+ --chart-colors-labels: var(--color-preline-avocado-soft-400);
228
+ --chart-colors-labels-inverse: var(--color-preline-avocado-soft-400);
229
+ --chart-colors-xaxis-labels: var(--color-preline-avocado-soft-400);
230
+ --chart-colors-xaxis-labels-inverse: var(--color-preline-avocado-soft-400);
231
+ --chart-colors-yaxis-labels: var(--color-preline-avocado-soft-400);
232
+ --chart-colors-yaxis-labels-inverse: var(--color-preline-avocado-soft-400);
233
+ --chart-colors-grid-border: var(--color-preline-avocado-soft-200);
234
+ --chart-colors-grid-border-inverse: var(--color-preline-avocado-soft-700);
235
+ --chart-colors-bar-ranges: var(--color-preline-avocado-soft-200);
236
+
237
+ --map-colors-primary: var(--color-primary-600);
238
+ --map-colors-primary-inverse: var(--color-primary-400);
239
+ --map-colors-default: var(--color-preline-avocado-soft-300);
240
+ --map-colors-default-inverse: var(--color-preline-avocado-soft-600);
241
+ --map-colors-highlight: var(--color-primary-300);
242
+ --map-colors-highlight-inverse: var(--color-primary-300);
243
+ --map-colors-border: var(--color-preline-avocado-soft-100);
244
+ --map-colors-border-inverse: var(--color-preline-avocado-soft-800);
245
+ }
246
+
247
+ [data-theme="theme-olive"].dark {
248
+ --background: var(--color-preline-avocado-soft-800);
249
+ --background-1: var(--color-preline-avocado-soft-900);
250
+ --background-2: var(--color-preline-avocado-soft-900);
251
+ --foreground: var(--color-preline-avocado-soft-200);
252
+
253
+ --inverse: var(--color-preline-avocado-soft-950);
254
+
255
+ --border: var(--color-preline-avocado-soft-700);
256
+ --border-line-1: var(--color-preline-avocado-soft-700);
257
+ --border-line-2: var(--color-preline-avocado-soft-700);
258
+ --border-line-3: var(--color-preline-avocado-soft-600);
259
+ --border-line-4: var(--color-preline-avocado-soft-500);
260
+ --border-line-5: var(--color-preline-avocado-soft-400);
261
+ --border-line-6: var(--color-preline-avocado-soft-300);
262
+ --border-line-7: var(--color-preline-avocado-soft-200);
263
+ --border-line-8: var(--color-preline-avocado-soft-100);
264
+
265
+ --primary: var(--color-primary-400);
266
+ --primary-foreground: var(--color-primary-950);
267
+ --primary-hover: var(--color-primary-500);
268
+ --primary-focus: var(--color-primary-500);
269
+ --primary-active: var(--color-primary-500);
270
+ --primary-checked: var(--color-primary-400);
271
+
272
+ --secondary: var(--color-white);
273
+ --secondary-foreground: var(--color-preline-avocado-soft-800);
274
+ --secondary-hover: var(--color-preline-avocado-soft-100);
275
+ --secondary-focus: var(--color-preline-avocado-soft-100);
276
+ --secondary-active: var(--color-preline-avocado-soft-100);
277
+
278
+ --layer: var(--color-preline-avocado-soft-800);
279
+ --layer-line: var(--color-preline-avocado-soft-700);
280
+ --layer-foreground: var(--color-white);
281
+ --layer-hover: var(--color-preline-avocado-soft-700);
282
+ --layer-focus: var(--color-preline-avocado-soft-700);
283
+ --layer-active: var(--color-preline-avocado-soft-700);
284
+
285
+ --surface: var(--color-preline-avocado-soft-700);
286
+ --surface-1: var(--color-preline-avocado-soft-600);
287
+ --surface-2: var(--color-preline-avocado-soft-500);
288
+ --surface-3: var(--color-preline-avocado-soft-600);
289
+ --surface-4: var(--color-preline-avocado-soft-500);
290
+ --surface-5: var(--color-preline-avocado-soft-400);
291
+ --surface-foreground: var(--color-preline-avocado-soft-200);
292
+ --surface-hover: var(--color-preline-avocado-soft-600);
293
+ --surface-focus: var(--color-preline-avocado-soft-600);
294
+ --surface-active: var(--color-preline-avocado-soft-600);
295
+
296
+ --muted: var(--color-preline-avocado-soft-800);
297
+ --muted-foreground: var(--color-preline-avocado-soft-500);
298
+ --muted-foreground-1: var(--color-preline-avocado-soft-400);
299
+ --muted-foreground-2: var(--color-preline-avocado-soft-300);
300
+ --muted-hover: var(--color-preline-avocado-soft-700);
301
+ --muted-focus: var(--color-preline-avocado-soft-700);
302
+ --muted-active: var(--color-preline-avocado-soft-700);
303
+
304
+ --navbar: var(--color-preline-avocado-soft-800);
305
+ --navbar-line: var(--color-preline-avocado-soft-700);
306
+ --navbar-divider: var(--color-preline-avocado-soft-700);
307
+ --navbar-nav-foreground: var(--color-preline-avocado-soft-200);
308
+ --navbar-nav-hover: var(--color-preline-avocado-soft-700);
309
+ --navbar-nav-focus: var(--color-preline-avocado-soft-700);
310
+ --navbar-nav-active: var(--color-preline-avocado-soft-700);
311
+ --navbar-nav-list-divider: var(--color-preline-avocado-soft-700);
312
+ --navbar-inverse: var(--color-black);
313
+
314
+ --navbar-1: var(--color-preline-avocado-soft-900);
315
+ --navbar-1-line: var(--color-preline-avocado-soft-700);
316
+ --navbar-1-divider: var(--color-preline-avocado-soft-700);
317
+ --navbar-1-nav-foreground: var(--color-preline-avocado-soft-200);
318
+ --navbar-1-nav-hover: var(--color-preline-avocado-soft-700);
319
+ --navbar-1-nav-focus: var(--color-preline-avocado-soft-700);
320
+ --navbar-1-nav-active: var(--color-preline-avocado-soft-700);
321
+ --navbar-1-nav-list-divider: var(--color-preline-avocado-soft-700);
322
+
323
+ --navbar-2: var(--color-preline-avocado-soft-900);
324
+ --navbar-2-divider: var(--color-preline-avocado-soft-700);
325
+ --navbar-2-nav-foreground: var(--color-preline-avocado-soft-200);
326
+ --navbar-2-nav-hover: var(--color-preline-avocado-soft-800);
327
+ --navbar-2-nav-focus: var(--color-preline-avocado-soft-800);
328
+ --navbar-2-nav-active: var(--color-preline-avocado-soft-800);
329
+ --navbar-2-nav-list-divider: var(--color-preline-avocado-soft-800);
330
+
331
+ --sidebar: var(--color-preline-avocado-soft-800);
332
+ --sidebar-line: var(--color-preline-avocado-soft-700);
333
+ --sidebar-divider: var(--color-preline-avocado-soft-700);
334
+ --sidebar-nav-foreground: var(--color-preline-avocado-soft-200);
335
+ --sidebar-nav-hover: var(--color-preline-avocado-soft-700);
336
+ --sidebar-nav-focus: var(--color-preline-avocado-soft-700);
337
+ --sidebar-nav-active: var(--color-preline-avocado-soft-700);
338
+ --sidebar-nav-list-divider: var(--color-preline-avocado-soft-700);
339
+ --sidebar-inverse: var(--color-black);
340
+
341
+ --sidebar-1: var(--color-preline-avocado-soft-900);
342
+ --sidebar-1-line: var(--color-preline-avocado-soft-700);
343
+ --sidebar-1-divider: var(--color-preline-avocado-soft-700);
344
+ --sidebar-1-nav-foreground: var(--color-preline-avocado-soft-200);
345
+ --sidebar-1-nav-hover: var(--color-preline-avocado-soft-700);
346
+ --sidebar-1-nav-focus: var(--color-preline-avocado-soft-700);
347
+ --sidebar-1-nav-active: var(--color-preline-avocado-soft-700);
348
+ --sidebar-1-nav-list-divider: var(--color-preline-avocado-soft-700);
349
+
350
+ --sidebar-2: var(--color-preline-avocado-soft-900);
351
+ --sidebar-2-divider: var(--color-preline-avocado-soft-800);
352
+ --sidebar-2-nav-foreground: var(--color-preline-avocado-soft-200);
353
+ --sidebar-2-nav-hover: var(--color-preline-avocado-soft-800);
354
+ --sidebar-2-nav-focus: var(--color-preline-avocado-soft-800);
355
+ --sidebar-2-nav-active: var(--color-preline-avocado-soft-800);
356
+ --sidebar-2-nav-list-divider: var(--color-preline-avocado-soft-800);
357
+
358
+ --card: var(--color-preline-avocado-soft-800);
359
+ --card-line: var(--color-preline-avocado-soft-700);
360
+ --card-divider: var(--color-preline-avocado-soft-700);
361
+ --card-header: var(--color-preline-avocado-soft-700);
362
+ --card-footer: var(--color-preline-avocado-soft-700);
363
+ --card-inverse: var(--color-black);
364
+
365
+ --dropdown: var(--color-preline-avocado-soft-900);
366
+ --dropdown-1: var(--color-preline-avocado-soft-950);
367
+ --dropdown-divider: var(--color-preline-avocado-soft-800);
368
+ --dropdown-header: var(--color-preline-avocado-soft-700);
369
+ --dropdown-footer: var(--color-preline-avocado-soft-700);
370
+ --dropdown-item-foreground: var(--color-preline-avocado-soft-200);
371
+ --dropdown-item-hover: var(--color-preline-avocado-soft-800);
372
+ --dropdown-item-focus: var(--color-preline-avocado-soft-800);
373
+ --dropdown-item-active: var(--color-preline-avocado-soft-800);
374
+ --dropdown-inverse: var(--color-black);
375
+
376
+ --select: var(--color-preline-avocado-soft-900);
377
+ --select-1: var(--color-preline-avocado-soft-950);
378
+ --select-item-foreground: var(--color-preline-avocado-soft-200);
379
+ --select-item-hover: var(--color-preline-avocado-soft-800);
380
+ --select-item-focus: var(--color-preline-avocado-soft-800);
381
+ --select-item-active: var(--color-preline-avocado-soft-800);
382
+ --select-inverse: var(--color-black);
383
+
384
+ --overlay: var(--color-preline-avocado-soft-800);
385
+ --overlay-divider: var(--color-preline-avocado-soft-700);
386
+ --overlay-header: var(--color-preline-avocado-soft-700);
387
+ --overlay-footer: var(--color-preline-avocado-soft-700);
388
+ --overlay-inverse: var(--color-black);
389
+
390
+ --popover: var(--color-preline-avocado-soft-900);
391
+ --popover-line: var(--color-preline-avocado-soft-700);
392
+
393
+ --tooltip: var(--color-white);
394
+ --tooltip-foreground: var(--color-preline-avocado-soft-800);
395
+
396
+ --table-line: var(--color-preline-avocado-soft-700);
397
+
398
+ --switch: var(--color-preline-avocado-soft-800);
399
+
400
+ --footer: var(--color-preline-avocado-soft-800);
401
+ --footer-line: var(--color-preline-avocado-soft-700);
402
+ --footer-inverse: var(--color-black);
403
+
404
+ --scrollbar-track: var(--color-preline-avocado-soft-700);
405
+ --scrollbar-thumb: var(--color-preline-avocado-soft-500);
406
+ --scrollbar-track-inverse: var(--color-preline-avocado-soft-500);
407
+ --scrollbar-thumb-inverse: var(--color-preline-avocado-soft-700);
408
+
409
+ --chart-primary: var(--color-primary-400);
410
+ --chart-8: var(--color-preline-avocado-soft-700);
411
+ --chart-9: var(--color-preline-avocado-soft-500);
412
+ --chart-10: var(--color-preline-avocado-soft-700);
413
+ }