@lupinum/ginko-docs 0.4.0-rc.8 → 0.4.0

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 (296) hide show
  1. package/CHANGELOG.md +78 -0
  2. package/LICENSE +1 -1
  3. package/README.md +206 -54
  4. package/app/app.config.ts +42 -55
  5. package/app/assets/docs.css +555 -0
  6. package/app/components/DocsBanner.vue +29 -0
  7. package/app/components/DocsExample.vue +43 -0
  8. package/app/components/DocsFooter.vue +19 -0
  9. package/app/components/DocsHeader.vue +112 -0
  10. package/app/components/DocsLanding.vue +55 -0
  11. package/app/components/DocsLanguage.vue +29 -0
  12. package/app/components/DocsNavTree.vue +38 -0
  13. package/app/components/DocsPage.vue +84 -0
  14. package/app/components/DocsPageActions.vue +47 -0
  15. package/app/components/DocsPost.vue +58 -0
  16. package/app/components/DocsSearch.vue +134 -0
  17. package/app/components/DocsShell.vue +20 -0
  18. package/app/components/DocsSidebar.vue +18 -0
  19. package/app/components/DocsTable.vue +11 -0
  20. package/app/components/DocsThemeToggle.vue +45 -0
  21. package/app/components/DocsToc.vue +73 -0
  22. package/app/composables/useDocs.ts +52 -0
  23. package/app/composables/useDocsBlog.ts +32 -0
  24. package/app/composables/useDocsCopy.ts +17 -0
  25. package/app/composables/useDocsPopover.ts +36 -0
  26. package/app/composables/useDocsSite.ts +10 -0
  27. package/app/docs-pages/blog.vue +47 -0
  28. package/app/docs-pages/changelog.vue +27 -0
  29. package/app/docs-pages/doc.vue +14 -0
  30. package/app/docs-pages/docs.vue +9 -0
  31. package/app/docs-pages/index.vue +12 -0
  32. package/app/docs-pages/post.vue +8 -0
  33. package/app/error.vue +23 -115
  34. package/app/layouts/default.vue +25 -7
  35. package/app/lib/blogTypes.ts +8 -0
  36. package/app/lib/docsFirst.ts +11 -0
  37. package/app/lib/docsInit.ts +18 -0
  38. package/app/lib/docsNav.ts +36 -0
  39. package/app/lib/docsPage.ts +44 -0
  40. package/app/lib/markdownComponents.ts +16 -0
  41. package/app/lib/previewToc.ts +18 -0
  42. package/dist/config.d.mts +232 -0
  43. package/dist/config.d.ts +232 -0
  44. package/dist/config.mjs +114 -0
  45. package/dist/pages.d.mts +5 -0
  46. package/dist/pages.d.ts +5 -0
  47. package/dist/pages.mjs +36 -0
  48. package/dist/shared/ginko-docs.BwbF7JBR.mjs +4 -0
  49. package/i18n/de.json +1 -0
  50. package/i18n/en.json +1 -0
  51. package/icons/README.md +2 -0
  52. package/icons/bluesky.svg +1 -0
  53. package/icons/claude.svg +1 -0
  54. package/icons/discord.svg +1 -0
  55. package/icons/github.svg +1 -0
  56. package/icons/linkedin.svg +1 -0
  57. package/icons/mastodon.svg +1 -0
  58. package/icons/openai.svg +1 -0
  59. package/icons/x.svg +1 -0
  60. package/icons/youtube.svg +1 -0
  61. package/nuxt.config.ts +34 -209
  62. package/package.json +43 -76
  63. package/public/_docs/fonts/LICENSE +188 -0
  64. package/public/_docs/fonts/inter-latin-wght-normal.woff2 +0 -0
  65. package/public/_docs/fonts/jetbrains-mono-latin-400-normal.woff2 +0 -0
  66. package/public/_docs/fonts/jetbrains-mono-latin-500-normal.woff2 +0 -0
  67. package/server/feeds/blog-locale.get.ts +9 -0
  68. package/server/feeds/blog.get.ts +4 -0
  69. package/server/lib/blogFeed.ts +35 -0
  70. package/server/lib/rss.ts +57 -0
  71. package/server/mcp/handler.ts +108 -0
  72. package/server/routes/__ginko/docs-mcp.ts +35 -0
  73. package/shared/paths.ts +4 -0
  74. package/app/app.vue +0 -98
  75. package/app/assets/css/prose.css +0 -3240
  76. package/app/assets/css/tailwind.css +0 -394
  77. package/app/assets/css/theme-palettes.css +0 -309
  78. package/app/assets/css/theme-presets.css +0 -141
  79. package/app/components/OgImage/GinkoDocs.satori.vue +0 -238
  80. package/app/components/content/DocumentPageShell.vue +0 -55
  81. package/app/components/content/Feedback.vue +0 -102
  82. package/app/components/content/ImageZoomDialog.vue +0 -84
  83. package/app/components/content/PageMarkdownCopy.vue +0 -104
  84. package/app/components/content/imageZoom.ts +0 -25
  85. package/app/components/mdc/MdcAccordion.vue +0 -67
  86. package/app/components/mdc/MdcAccordionItem.vue +0 -42
  87. package/app/components/mdc/MdcApi.vue +0 -159
  88. package/app/components/mdc/MdcAside.vue +0 -23
  89. package/app/components/mdc/MdcCallout.vue +0 -61
  90. package/app/components/mdc/MdcCard.vue +0 -175
  91. package/app/components/mdc/MdcCards.vue +0 -30
  92. package/app/components/mdc/MdcCenter.vue +0 -71
  93. package/app/components/mdc/MdcCodeGroup.vue +0 -197
  94. package/app/components/mdc/MdcCodeTree.vue +0 -234
  95. package/app/components/mdc/MdcCollapse.vue +0 -61
  96. package/app/components/mdc/MdcColumn.vue +0 -70
  97. package/app/components/mdc/MdcDropcap.vue +0 -84
  98. package/app/components/mdc/MdcError.vue +0 -23
  99. package/app/components/mdc/MdcExcerpt.vue +0 -26
  100. package/app/components/mdc/MdcFigure.vue +0 -85
  101. package/app/components/mdc/MdcFiles.vue +0 -120
  102. package/app/components/mdc/MdcIdea.vue +0 -17
  103. package/app/components/mdc/MdcInfo.vue +0 -17
  104. package/app/components/mdc/MdcInlineToc.vue +0 -51
  105. package/app/components/mdc/MdcKbd.vue +0 -10
  106. package/app/components/mdc/MdcLayout.vue +0 -57
  107. package/app/components/mdc/MdcNote.vue +0 -17
  108. package/app/components/mdc/MdcQuiz.vue +0 -241
  109. package/app/components/mdc/MdcQuizQuestion.vue +0 -221
  110. package/app/components/mdc/MdcReadMore.vue +0 -70
  111. package/app/components/mdc/MdcSteps.vue +0 -59
  112. package/app/components/mdc/MdcSuccess.vue +0 -23
  113. package/app/components/mdc/MdcTab.vue +0 -17
  114. package/app/components/mdc/MdcTabs.vue +0 -150
  115. package/app/components/mdc/MdcTimeline.vue +0 -17
  116. package/app/components/mdc/MdcTimelineItem.vue +0 -40
  117. package/app/components/mdc/MdcWarning.vue +0 -23
  118. package/app/components/mdc/api.utils.ts +0 -132
  119. package/app/components/mdc/code-tree.utils.ts +0 -22
  120. package/app/components/mdc/icons.ts +0 -10
  121. package/app/components/mdc/quiz.utils.ts +0 -38
  122. package/app/components/prose/ProseA.vue +0 -27
  123. package/app/components/prose/ProseBlockquote.vue +0 -30
  124. package/app/components/prose/ProseCode.vue +0 -14
  125. package/app/components/prose/ProseEm.vue +0 -14
  126. package/app/components/prose/ProseH1.vue +0 -18
  127. package/app/components/prose/ProseH2.vue +0 -29
  128. package/app/components/prose/ProseH3.vue +0 -29
  129. package/app/components/prose/ProseH4.vue +0 -29
  130. package/app/components/prose/ProseH5.vue +0 -15
  131. package/app/components/prose/ProseH6.vue +0 -15
  132. package/app/components/prose/ProseHr.vue +0 -12
  133. package/app/components/prose/ProseImg.vue +0 -55
  134. package/app/components/prose/ProseLi.vue +0 -14
  135. package/app/components/prose/ProseOl.vue +0 -14
  136. package/app/components/prose/ProseP.vue +0 -14
  137. package/app/components/prose/ProsePre.vue +0 -180
  138. package/app/components/prose/ProseStrong.vue +0 -14
  139. package/app/components/prose/ProseTable.vue +0 -18
  140. package/app/components/prose/ProseTbody.vue +0 -14
  141. package/app/components/prose/ProseTd.vue +0 -14
  142. package/app/components/prose/ProseTh.vue +0 -14
  143. package/app/components/prose/ProseThead.vue +0 -14
  144. package/app/components/prose/ProseTr.vue +0 -14
  145. package/app/components/prose/ProseUl.vue +0 -14
  146. package/app/components/site/ModeToggle.vue +0 -81
  147. package/app/components/site/SiteBanner.vue +0 -97
  148. package/app/components/site/SiteFooter.vue +0 -90
  149. package/app/components/site/SiteHeader.vue +0 -371
  150. package/app/components/site/SiteHeroCode.vue +0 -173
  151. package/app/components/site/SiteInteractionLayer.vue +0 -42
  152. package/app/components/site/SiteLocaleSwitcher.vue +0 -190
  153. package/app/components/site/SiteLogoMark.vue +0 -12
  154. package/app/components/site/SiteSkipLink.vue +0 -14
  155. package/app/components/site/SiteSocialLinks.vue +0 -33
  156. package/app/components/site/header-utils.ts +0 -3
  157. package/app/components/site/mode-toggle.utils.ts +0 -18
  158. package/app/components/ui/badge/Badge.vue +0 -28
  159. package/app/components/ui/badge/index.ts +0 -24
  160. package/app/components/ui/button/Button.vue +0 -31
  161. package/app/components/ui/button/index.ts +0 -35
  162. package/app/components/ui/collapsible/Collapsible.vue +0 -15
  163. package/app/components/ui/collapsible/CollapsibleContent.vue +0 -25
  164. package/app/components/ui/collapsible/CollapsibleTrigger.vue +0 -12
  165. package/app/components/ui/collapsible/index.ts +0 -3
  166. package/app/components/ui/dropdown-menu/DropdownMenu.vue +0 -15
  167. package/app/components/ui/dropdown-menu/DropdownMenuContent.vue +0 -50
  168. package/app/components/ui/dropdown-menu/DropdownMenuItem.vue +0 -41
  169. package/app/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue +0 -15
  170. package/app/components/ui/dropdown-menu/DropdownMenuRadioItem.vue +0 -37
  171. package/app/components/ui/dropdown-menu/DropdownMenuSeparator.vue +0 -23
  172. package/app/components/ui/dropdown-menu/DropdownMenuTrigger.vue +0 -14
  173. package/app/components/ui/dropdown-menu/index.ts +0 -7
  174. package/app/components/ui/kbd/Kbd.vue +0 -23
  175. package/app/components/ui/kbd/index.ts +0 -21
  176. package/app/components/ui/scroll-area/ScrollArea.vue +0 -39
  177. package/app/components/ui/scroll-area/ScrollBar.vue +0 -33
  178. package/app/components/ui/scroll-area/index.ts +0 -2
  179. package/app/components/ui/separator/Separator.vue +0 -27
  180. package/app/components/ui/separator/index.ts +0 -1
  181. package/app/components/ui/sheet/Sheet.vue +0 -15
  182. package/app/components/ui/sheet/SheetContent.vue +0 -59
  183. package/app/components/ui/sheet/SheetDescription.vue +0 -21
  184. package/app/components/ui/sheet/SheetOverlay.vue +0 -26
  185. package/app/components/ui/sheet/SheetTitle.vue +0 -21
  186. package/app/components/ui/sheet/SheetTrigger.vue +0 -12
  187. package/app/components/ui/sheet/index.ts +0 -5
  188. package/app/components/ui/tabs/Tabs.vue +0 -24
  189. package/app/components/ui/tabs/TabsList.vue +0 -26
  190. package/app/components/ui/tabs/TabsTrigger.vue +0 -28
  191. package/app/components/ui/tabs/index.ts +0 -3
  192. package/app/composables/site-navigation.utils.ts +0 -133
  193. package/app/composables/useCanonicalUrl.ts +0 -9
  194. package/app/composables/useContentRouteAlternates.ts +0 -35
  195. package/app/composables/useGinkoAnalytics.ts +0 -52
  196. package/app/composables/useGinkoDocsConfig.ts +0 -6
  197. package/app/composables/useGinkoOgImage.ts +0 -20
  198. package/app/composables/useLocalizedPath.ts +0 -12
  199. package/app/composables/useLocalizedRouteSwitch.ts +0 -31
  200. package/app/composables/useMetaKey.ts +0 -18
  201. package/app/composables/usePageMarkdownActions.ts +0 -79
  202. package/app/composables/useProseAppearance.ts +0 -24
  203. package/app/composables/useSchemaJsonLd.ts +0 -25
  204. package/app/composables/useSiteNavigation.ts +0 -64
  205. package/app/config/site.utils.ts +0 -36
  206. package/app/features/docs/components/DocsBreadcrumb.vue +0 -37
  207. package/app/features/docs/components/DocsContributeLinks.vue +0 -75
  208. package/app/features/docs/components/DocsMobileToc.vue +0 -108
  209. package/app/features/docs/components/DocsPageContent.vue +0 -234
  210. package/app/features/docs/components/DocsPageNav.vue +0 -57
  211. package/app/features/docs/components/DocsSidebar.vue +0 -145
  212. package/app/features/docs/components/DocsSidebarDropdown.vue +0 -70
  213. package/app/features/docs/components/DocsSidebarItem.vue +0 -122
  214. package/app/features/docs/components/DocsSidebarList.vue +0 -35
  215. package/app/features/docs/components/DocsSidebarRow.vue +0 -27
  216. package/app/features/docs/components/DocsSidebarTabs.vue +0 -59
  217. package/app/features/docs/components/DocsToc.vue +0 -106
  218. package/app/features/docs/composables/useDocsNavigation.ts +0 -29
  219. package/app/features/docs/composables/useDocsNavigationData.ts +0 -18
  220. package/app/features/docs/composables/useRevealActive.ts +0 -58
  221. package/app/features/docs/composables/useScrollspy.ts +0 -135
  222. package/app/features/docs/docs-navigation.ts +0 -157
  223. package/app/features/docs/toc-context.ts +0 -6
  224. package/app/features/search/command-center.ts +0 -110
  225. package/app/features/search/components/SiteCommandCenter.vue +0 -359
  226. package/app/features/search/components/SiteSearchPageHighlight.vue +0 -126
  227. package/app/features/search/useCommandCenter.ts +0 -292
  228. package/app/layouts/blog.vue +0 -15
  229. package/app/layouts/docs.vue +0 -20
  230. package/app/lib/errors.ts +0 -37
  231. package/app/lib/schema-org.ts +0 -38
  232. package/app/pages/blog/[slug].vue +0 -228
  233. package/app/pages/blog/index.vue +0 -130
  234. package/app/pages/docs/[...slug].vue +0 -10
  235. package/app/pages/docs/index.vue +0 -19
  236. package/app/pages/index.vue +0 -278
  237. package/app/plugins/ginko-docs-theme.ts +0 -14
  238. package/app/plugins/ssr-width.ts +0 -6
  239. package/app/utils/content.ts +0 -67
  240. package/app/utils/file-icons.ts +0 -90
  241. package/app/utils/index.ts +0 -7
  242. package/app/utils/repository.ts +0 -20
  243. package/components.ts +0 -9
  244. package/content-collections.ts +0 -89
  245. package/content.js +0 -200
  246. package/content.ts +0 -104
  247. package/i18n/i18n.config.ts +0 -10
  248. package/i18n/locales.ts +0 -81
  249. package/i18n/messages/global/banner.ts +0 -8
  250. package/i18n/messages/global/blog.ts +0 -18
  251. package/i18n/messages/global/command.ts +0 -49
  252. package/i18n/messages/global/docs.ts +0 -36
  253. package/i18n/messages/global/errors.ts +0 -36
  254. package/i18n/messages/global/feedback.ts +0 -11
  255. package/i18n/messages/global/index.ts +0 -21
  256. package/i18n/messages/global/nav.ts +0 -26
  257. package/i18n/messages/global/site.ts +0 -4
  258. package/i18n/messages/global/theme.ts +0 -9
  259. package/i18n/messages/index.ts +0 -20
  260. package/i18n/messages/localize.ts +0 -35
  261. package/i18n/routes.ts +0 -33
  262. package/icon-bundle.ts +0 -116
  263. package/index.d.ts +0 -37
  264. package/modules/analytics-boundary.ts +0 -23
  265. package/modules/feature-routing.ts +0 -68
  266. package/modules/syntax-highlighting.ts +0 -120
  267. package/public/fonts/public-sans/LICENSE +0 -93
  268. package/public/fonts/public-sans/README.md +0 -12
  269. package/public/fonts/public-sans/public-sans-400-normal-latin.woff +0 -0
  270. package/public/fonts/public-sans/public-sans-500-normal-latin.woff +0 -0
  271. package/public/fonts/public-sans/public-sans-600-normal-latin.woff +0 -0
  272. package/public/fonts/public-sans/public-sans-700-normal-latin.woff +0 -0
  273. package/runtime/generate-favicons.mjs +0 -124
  274. package/runtime/server/agent-markdown.ts +0 -19
  275. package/server/api/_ginko-docs/redirects.get.ts +0 -28
  276. package/server/mcp/tools/get-page.ts +0 -14
  277. package/server/mcp/tools/list-pages.ts +0 -10
  278. package/server/middleware/redirects.ts +0 -22
  279. package/server/plugins/agent-markdown.ts +0 -6
  280. package/server/plugins/sitemap-policy.ts +0 -12
  281. package/server/routes/.well-known/ai-catalog.json.get.ts +0 -10
  282. package/server/routes/[locale]/blog/rss.xml.get.ts +0 -13
  283. package/server/routes/blog/rss.xml.get.ts +0 -5
  284. package/server/routes/mcp/server-card.get.ts +0 -14
  285. package/server/utils/blog-feed.ts +0 -51
  286. package/server/utils/feed.ts +0 -70
  287. package/server/utils/mcp-server-card.ts +0 -45
  288. package/server/utils/redirects.ts +0 -38
  289. package/server/utils/redirects.utils.ts +0 -58
  290. package/server/utils/sitemap.ts +0 -45
  291. package/shared/route-slugs.ts +0 -5
  292. package/shared/theme-palettes.ts +0 -37
  293. package/shared/theme-presets.ts +0 -3
  294. package/shared/types/app-config.ts +0 -172
  295. package/shared/types/nuxt-config.ts +0 -14
  296. package/tags.ts +0 -192
package/app/assets/css/tailwind.css DELETED
@@ -1,394 +0,0 @@
1
- @import "tailwindcss";
2
- @import "tw-animate-css";
3
- @import "./theme-palettes.css";
4
- @import "./theme-presets.css";
5
- @source "../../**/*.{vue,ts}";
6
-
7
- @custom-variant dark (&:is(.dark *));
8
-
9
- @theme inline {
10
- --font-sans: var(--font-body);
11
- --font-serif: var(--font-heading);
12
- --font-mono: var(--font-mono);
13
- --font-body: var(--font-body);
14
- --font-heading: var(--font-heading);
15
- --font-accent: var(--font-accent);
16
- --font-text: var(--font-body);
17
- --font-strong: var(--font-strong);
18
- --radius-sm: calc(var(--radius) - 4px);
19
- --radius-md: calc(var(--radius) - 2px);
20
- --radius-lg: var(--radius);
21
- --radius-xl: calc(var(--radius) + 4px);
22
- --radius-card: var(--home-radius-card);
23
- --radius-section: var(--home-radius-section);
24
- --radius-panel: var(--home-radius-panel);
25
- --color-background: var(--background);
26
- --color-foreground: var(--foreground);
27
- --color-card: var(--card);
28
- --color-card-foreground: var(--card-foreground);
29
- --color-popover: var(--popover);
30
- --color-popover-foreground: var(--popover-foreground);
31
- --color-primary: var(--primary);
32
- --color-primary-foreground: var(--primary-foreground);
33
- --color-brand: var(--brand);
34
- --color-brand-foreground: var(--brand-foreground);
35
- --color-secondary: var(--secondary);
36
- --color-secondary-foreground: var(--secondary-foreground);
37
- --color-muted: var(--muted);
38
- --color-muted-foreground: var(--muted-foreground);
39
- --color-accent: var(--accent);
40
- --color-accent-foreground: var(--accent-foreground);
41
- --color-destructive: var(--destructive);
42
- --color-destructive-foreground: var(--destructive-foreground);
43
- --color-success: var(--success);
44
- --color-success-foreground: var(--success-foreground);
45
- --color-warning: var(--warning);
46
- --color-warning-foreground: var(--warning-foreground);
47
- --color-info: var(--info);
48
- --color-info-foreground: var(--info-foreground);
49
- --color-accent-blue: var(--accent-blue);
50
- --color-accent-blue-foreground: var(--accent-blue-foreground);
51
- --color-accent-blue-muted: var(--accent-blue-muted);
52
- --color-accent-mint: var(--accent-mint);
53
- --color-accent-mint-foreground: var(--accent-mint-foreground);
54
- --color-accent-mint-muted: var(--accent-mint-muted);
55
- --color-accent-yellow: var(--accent-yellow);
56
- --color-accent-yellow-foreground: var(--accent-yellow-foreground);
57
- --color-accent-yellow-muted: var(--accent-yellow-muted);
58
- --color-accent-coral: var(--accent-coral);
59
- --color-accent-coral-foreground: var(--accent-coral-foreground);
60
- --color-accent-coral-muted: var(--accent-coral-muted);
61
- --color-hero-bg: var(--hero-bg);
62
- --color-hero-bg-muted: var(--hero-bg-muted);
63
- --color-hero-blue: var(--hero-blue);
64
- --color-hero-blue-light: var(--hero-blue-light);
65
- --color-hero-blue-muted: var(--hero-blue-muted);
66
- --color-hero-blue-dark: var(--hero-blue-dark);
67
- --color-hero-yellow: var(--hero-yellow);
68
- --color-hero-yellow-hover: var(--hero-yellow-hover);
69
- --color-hero-yellow-dark: var(--hero-yellow-dark);
70
- --color-hero-yellow-muted: var(--hero-yellow-muted);
71
- --color-hero-mint: var(--hero-mint);
72
- --color-hero-mint-dark: var(--hero-mint-dark);
73
- --color-hero-mint-muted: var(--hero-mint-muted);
74
- --color-hero-mint-text: var(--hero-mint-text);
75
- --color-hero-coral: var(--hero-coral);
76
- --color-hero-coral-light: var(--hero-coral-light);
77
- --color-hero-coral-muted: var(--hero-coral-muted);
78
- --color-hero-coral-dark: var(--hero-coral-dark);
79
- --color-hero-coral-text: var(--hero-coral-text);
80
- --color-hero-check: var(--hero-check);
81
- --color-hero-white: var(--hero-white);
82
- --color-code: var(--code);
83
- --color-code-foreground: var(--code-foreground);
84
- --color-code-border: var(--code-border);
85
- --color-border: var(--border);
86
- --color-input: var(--input);
87
- --color-ring: var(--ring);
88
- --color-chart-1: var(--chart-1);
89
- --color-chart-2: var(--chart-2);
90
- --color-chart-3: var(--chart-3);
91
- --color-chart-4: var(--chart-4);
92
- --color-chart-5: var(--chart-5);
93
- --color-agent-background: var(--agent-background);
94
- --color-agent-foreground: var(--agent-foreground);
95
- --color-agent-muted: var(--agent-muted);
96
- --animate-collapsible-down: collapsible-down 0.2s ease-out;
97
- --animate-collapsible-up: collapsible-up 0.2s ease-out;
98
-
99
- @keyframes collapsible-down {
100
- from {
101
- height: 0;
102
- }
103
-
104
- to {
105
- height: var(--reka-collapsible-content-height);
106
- }
107
- }
108
-
109
- @keyframes collapsible-up {
110
- from {
111
- height: var(--reka-collapsible-content-height);
112
- }
113
-
114
- to {
115
- height: 0;
116
- }
117
- }
118
- }
119
-
120
- :root {
121
- /* Surface elevation for prose components (RFC-001). Declared explicitly:
122
- Tailwind only emits --shadow-* variables where shadow utilities are used,
123
- and prose.css consumes this via var(). */
124
- --shadow-xs: 0 1px 2px 0 oklch(0 0 0 / 0.05);
125
-
126
- /* Docs layout (Fumadocs-style shell) */
127
- --site-header-height: 3.5rem;
128
- /* Currently visible banner height; SiteBanner is the single writer. */
129
- --site-banner-height: 0px;
130
- --docs-sidebar-width-expanded: 268px;
131
- --docs-sidebar-width: var(--docs-sidebar-width-expanded);
132
- --docs-toc-width: 16rem;
133
- /* Anchor scroll offset: sticky header + banner + breathing room. */
134
- --content-scroll-margin: calc(
135
- var(--site-banner-height, 0px) + var(--site-header-height) + 3.5rem
136
- );
137
-
138
- --font-body: "Public Sans", system-ui, sans-serif;
139
- --font-heading: "Public Sans", system-ui, sans-serif;
140
- --font-strong: "Public Sans", system-ui, sans-serif;
141
- --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
142
- --font-accent: "Public Sans", system-ui, sans-serif;
143
-
144
- --radius: 0.625rem;
145
- --background: oklch(1 0 0);
146
- --foreground: var(--theme-neutral-950);
147
- --card: oklch(1 0 0);
148
- --card-foreground: var(--theme-neutral-950);
149
- --popover: oklch(1 0 0);
150
- --popover-foreground: var(--theme-neutral-950);
151
- --primary: var(--theme-primary-light);
152
- --primary-foreground: var(--theme-primary-light-foreground);
153
- --brand: var(--primary);
154
- --brand-foreground: var(--primary-foreground);
155
- --secondary: var(--theme-neutral-100);
156
- --secondary-foreground: var(--theme-neutral-900);
157
- --muted: var(--theme-neutral-100);
158
- --muted-foreground: var(--theme-neutral-500);
159
- --accent: var(--theme-neutral-100);
160
- --accent-foreground: var(--theme-neutral-900);
161
- --destructive: oklch(0.577 0.245 27.325);
162
- --destructive-foreground: oklch(0.985 0.002 247.839);
163
- --success: oklch(0.55 0.14 162);
164
- --success-foreground: oklch(0.985 0.002 247.839);
165
- --warning: oklch(0.66 0.16 82);
166
- --warning-foreground: oklch(0.13 0.028 261.692);
167
- --info: oklch(0.55 0.18 255);
168
- --info-foreground: oklch(0.985 0.002 247.839);
169
- --accent-blue: oklch(0.64 0.18 253);
170
- --accent-blue-foreground: oklch(0.985 0.002 247.839);
171
- --accent-blue-muted: oklch(0.96 0.025 252);
172
- --accent-mint: oklch(0.82 0.12 174);
173
- --accent-mint-foreground: oklch(0.16 0.035 174);
174
- --accent-mint-muted: oklch(0.96 0.028 174);
175
- --accent-yellow: oklch(0.86 0.16 88);
176
- --accent-yellow-foreground: oklch(0.16 0.028 80);
177
- --accent-yellow-muted: oklch(0.97 0.045 88);
178
- --accent-coral: oklch(0.68 0.19 30);
179
- --accent-coral-foreground: oklch(0.985 0.002 247.839);
180
- --accent-coral-muted: oklch(0.96 0.035 30);
181
- --hero-bg: #fcfbf9;
182
- --hero-bg-muted: #f3f1ec;
183
- --hero-blue: #2c96f6;
184
- --hero-blue-light: #4ba3f7;
185
- --hero-blue-muted: #eff6ff;
186
- --hero-blue-dark: #1881e3;
187
- --hero-yellow: #ffc53d;
188
- --hero-yellow-hover: #eab308;
189
- --hero-yellow-dark: #e5a50a;
190
- --hero-yellow-muted: #fdf5e3;
191
- --hero-mint: #89e5d2;
192
- --hero-mint-dark: #58d0a6;
193
- --hero-mint-muted: #ecf7f3;
194
- --hero-mint-text: #2d6a4f;
195
- --hero-coral: #f85346;
196
- --hero-coral-light: #f96b5e;
197
- --hero-coral-muted: #fef2f2;
198
- --hero-coral-dark: #f53e31;
199
- --hero-coral-text: #6a221c;
200
- --hero-check: #4ade80;
201
- --hero-white: #ffffff;
202
- --home-radius-card: 24px;
203
- --home-radius-section: 32px;
204
- --home-radius-panel: 40px;
205
- --code: var(--theme-neutral-50);
206
- --code-foreground: var(--theme-neutral-950);
207
- --code-border: var(--theme-neutral-200);
208
- --border: var(--theme-neutral-200);
209
- --input: var(--theme-neutral-200);
210
- --ring: var(--theme-primary-light-ring);
211
- --agent-background: var(--theme-neutral-900);
212
- --agent-foreground: var(--theme-neutral-100);
213
- --agent-muted: var(--theme-neutral-400);
214
- --chart-1: var(--accent-blue);
215
- --chart-2: var(--accent-mint);
216
- --chart-3: var(--accent-yellow);
217
- --chart-4: var(--accent-coral);
218
- --chart-5: var(--primary);
219
- }
220
-
221
- .dark {
222
- --shadow-xs: 0 1px 2px 0 oklch(0 0 0 / 0.4);
223
- --background: var(--theme-neutral-950);
224
- --foreground: var(--theme-neutral-50);
225
- --card: var(--theme-neutral-900);
226
- --card-foreground: var(--theme-neutral-50);
227
- --popover: var(--theme-neutral-900);
228
- --popover-foreground: var(--theme-neutral-50);
229
- --primary: var(--theme-primary-dark);
230
- --primary-foreground: var(--theme-primary-dark-foreground);
231
- --brand: var(--primary);
232
- --brand-foreground: var(--primary-foreground);
233
- --secondary: var(--theme-neutral-800);
234
- --secondary-foreground: var(--theme-neutral-50);
235
- --muted: var(--theme-neutral-800);
236
- --muted-foreground: var(--theme-neutral-400);
237
- --accent: var(--theme-neutral-800);
238
- --accent-foreground: var(--theme-neutral-50);
239
- --destructive: oklch(0.704 0.191 22.216);
240
- --destructive-foreground: oklch(0.985 0.002 247.839);
241
- --success: oklch(0.72 0.14 162);
242
- --success-foreground: oklch(0.13 0.028 261.692);
243
- --warning: oklch(0.78 0.15 82);
244
- --warning-foreground: oklch(0.13 0.028 261.692);
245
- --info: oklch(0.72 0.14 255);
246
- --info-foreground: oklch(0.13 0.028 261.692);
247
- --accent-blue: oklch(0.72 0.14 253);
248
- --accent-blue-foreground: oklch(0.13 0.028 261.692);
249
- --accent-blue-muted: oklch(0.24 0.055 253);
250
- --accent-mint: oklch(0.78 0.11 174);
251
- --accent-mint-foreground: oklch(0.13 0.028 261.692);
252
- --accent-mint-muted: oklch(0.23 0.05 174);
253
- --accent-yellow: oklch(0.84 0.15 88);
254
- --accent-yellow-foreground: oklch(0.13 0.028 261.692);
255
- --accent-yellow-muted: oklch(0.24 0.055 88);
256
- --accent-coral: oklch(0.72 0.17 30);
257
- --accent-coral-foreground: oklch(0.13 0.028 261.692);
258
- --accent-coral-muted: oklch(0.24 0.06 30);
259
- --hero-bg: #111111;
260
- --hero-bg-muted: #1a1a1a;
261
- --hero-blue: #58adff;
262
- --hero-blue-light: #85c5ff;
263
- --hero-blue-muted: #202020;
264
- --hero-blue-dark: #8fcaff;
265
- --hero-yellow: #ffd166;
266
- --hero-yellow-hover: #f5bd39;
267
- --hero-yellow-dark: #f6c24b;
268
- --hero-yellow-muted: #222222;
269
- --hero-mint: #7fe4cf;
270
- --hero-mint-dark: #8beedb;
271
- --hero-mint-muted: #202020;
272
- --hero-mint-text: #9ff2df;
273
- --hero-coral: #ff7368;
274
- --hero-coral-light: #ff8d84;
275
- --hero-coral-muted: #222222;
276
- --hero-coral-dark: #ff8f86;
277
- --hero-coral-text: #ffb3ad;
278
- --hero-check: #86efac;
279
- --hero-white: #f8fafc;
280
- --home-radius-card: 24px;
281
- --home-radius-section: 32px;
282
- --home-radius-panel: 40px;
283
- --code: var(--theme-neutral-900);
284
- --code-foreground: var(--theme-neutral-50);
285
- --code-border: var(--theme-neutral-800);
286
- --border: var(--theme-neutral-800);
287
- --input: var(--theme-neutral-700);
288
- --ring: var(--theme-primary-dark-ring);
289
- --agent-background: var(--theme-neutral-950);
290
- --agent-foreground: var(--theme-neutral-100);
291
- --agent-muted: var(--theme-neutral-400);
292
- --chart-1: oklch(0.488 0.243 264.376);
293
- --chart-2: oklch(0.696 0.17 162.48);
294
- --chart-3: oklch(0.769 0.188 70.08);
295
- --chart-4: oklch(0.627 0.265 303.9);
296
- --chart-5: var(--primary);
297
- }
298
-
299
- @layer base {
300
- * {
301
- @apply border-border outline-ring/50;
302
- }
303
-
304
- body {
305
- @apply bg-background text-foreground;
306
- font-family: var(--font-body);
307
- }
308
-
309
- h1,
310
- h2,
311
- h3,
312
- h4,
313
- h5,
314
- h6 {
315
- font-family: var(--font-heading);
316
- }
317
-
318
- code,
319
- kbd,
320
- pre,
321
- samp {
322
- font-family: var(--font-mono);
323
- }
324
- }
325
-
326
- @layer components {
327
- .accordion-content {
328
- overflow: hidden;
329
- }
330
-
331
- .accordion-content[data-state="open"] {
332
- animation: accordion-slide-down 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
333
- }
334
-
335
- .accordion-content[data-state="closed"] {
336
- animation: accordion-slide-up 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
337
- }
338
-
339
- .site-container {
340
- @apply mx-auto w-full max-w-5xl px-4 md:px-6;
341
- }
342
-
343
- .site-section {
344
- @apply py-16 sm:py-24;
345
- }
346
-
347
- .site-section-hero {
348
- @apply py-20 sm:py-28 lg:py-32;
349
- }
350
-
351
- .site-card {
352
- @apply rounded-lg border border-border bg-card p-6;
353
- }
354
-
355
- .site-card-interactive {
356
- @apply transition-all hover:border-primary/30 hover:shadow-sm;
357
- }
358
- }
359
-
360
- @keyframes accordion-slide-down {
361
- from {
362
- height: 0;
363
- }
364
-
365
- to {
366
- height: var(--reka-accordion-content-height);
367
- }
368
- }
369
-
370
- @keyframes accordion-slide-up {
371
- from {
372
- height: var(--reka-accordion-content-height);
373
- }
374
-
375
- to {
376
- height: 0;
377
- }
378
- }
379
-
380
- @media (prefers-reduced-motion: reduce) {
381
- *,
382
- ::before,
383
- ::after {
384
- scroll-behavior: auto !important;
385
- transition-duration: 0.01ms !important;
386
- animation-duration: 0.01ms !important;
387
- animation-iteration-count: 1 !important;
388
- }
389
-
390
- .accordion-content[data-state="open"],
391
- .accordion-content[data-state="closed"] {
392
- animation: none;
393
- }
394
- }
package/app/assets/css/theme-palettes.css DELETED
@@ -1,309 +0,0 @@
1
- /* Palette selection is separate from semantic shadcn tokens. The root values
2
- are complete fallbacks for the default theme and incomplete custom ramps. */
3
- :root {
4
- --theme-neutral-50: var(--color-zinc-50);
5
- --theme-neutral-100: var(--color-zinc-100);
6
- --theme-neutral-200: var(--color-zinc-200);
7
- --theme-neutral-300: var(--color-zinc-300);
8
- --theme-neutral-400: var(--color-zinc-400);
9
- --theme-neutral-500: var(--color-zinc-500);
10
- --theme-neutral-600: var(--color-zinc-600);
11
- --theme-neutral-700: var(--color-zinc-700);
12
- --theme-neutral-800: var(--color-zinc-800);
13
- --theme-neutral-900: var(--color-zinc-900);
14
- --theme-neutral-950: var(--color-zinc-950);
15
- --theme-primary-light: var(--theme-neutral-900);
16
- --theme-primary-light-foreground: var(--theme-neutral-50);
17
- --theme-primary-light-ring: var(--theme-neutral-500);
18
- --theme-primary-dark: var(--theme-neutral-100);
19
- --theme-primary-dark-foreground: var(--theme-neutral-900);
20
- --theme-primary-dark-ring: var(--theme-neutral-400);
21
- }
22
-
23
- html[data-neutral="slate"] {
24
- --theme-neutral-50: var(--color-slate-50);
25
- --theme-neutral-100: var(--color-slate-100);
26
- --theme-neutral-200: var(--color-slate-200);
27
- --theme-neutral-300: var(--color-slate-300);
28
- --theme-neutral-400: var(--color-slate-400);
29
- --theme-neutral-500: var(--color-slate-500);
30
- --theme-neutral-600: var(--color-slate-600);
31
- --theme-neutral-700: var(--color-slate-700);
32
- --theme-neutral-800: var(--color-slate-800);
33
- --theme-neutral-900: var(--color-slate-900);
34
- --theme-neutral-950: var(--color-slate-950);
35
- }
36
-
37
- html[data-neutral="gray"] {
38
- --theme-neutral-50: var(--color-gray-50);
39
- --theme-neutral-100: var(--color-gray-100);
40
- --theme-neutral-200: var(--color-gray-200);
41
- --theme-neutral-300: var(--color-gray-300);
42
- --theme-neutral-400: var(--color-gray-400);
43
- --theme-neutral-500: var(--color-gray-500);
44
- --theme-neutral-600: var(--color-gray-600);
45
- --theme-neutral-700: var(--color-gray-700);
46
- --theme-neutral-800: var(--color-gray-800);
47
- --theme-neutral-900: var(--color-gray-900);
48
- --theme-neutral-950: var(--color-gray-950);
49
- }
50
-
51
- html[data-neutral="zinc"] {
52
- --theme-neutral-50: var(--color-zinc-50);
53
- --theme-neutral-100: var(--color-zinc-100);
54
- --theme-neutral-200: var(--color-zinc-200);
55
- --theme-neutral-300: var(--color-zinc-300);
56
- --theme-neutral-400: var(--color-zinc-400);
57
- --theme-neutral-500: var(--color-zinc-500);
58
- --theme-neutral-600: var(--color-zinc-600);
59
- --theme-neutral-700: var(--color-zinc-700);
60
- --theme-neutral-800: var(--color-zinc-800);
61
- --theme-neutral-900: var(--color-zinc-900);
62
- --theme-neutral-950: var(--color-zinc-950);
63
- }
64
-
65
- html[data-neutral="neutral"] {
66
- --theme-neutral-50: var(--color-neutral-50);
67
- --theme-neutral-100: var(--color-neutral-100);
68
- --theme-neutral-200: var(--color-neutral-200);
69
- --theme-neutral-300: var(--color-neutral-300);
70
- --theme-neutral-400: var(--color-neutral-400);
71
- --theme-neutral-500: var(--color-neutral-500);
72
- --theme-neutral-600: var(--color-neutral-600);
73
- --theme-neutral-700: var(--color-neutral-700);
74
- --theme-neutral-800: var(--color-neutral-800);
75
- --theme-neutral-900: var(--color-neutral-900);
76
- --theme-neutral-950: var(--color-neutral-950);
77
- }
78
-
79
- html[data-neutral="stone"] {
80
- --theme-neutral-50: var(--color-stone-50);
81
- --theme-neutral-100: var(--color-stone-100);
82
- --theme-neutral-200: var(--color-stone-200);
83
- --theme-neutral-300: var(--color-stone-300);
84
- --theme-neutral-400: var(--color-stone-400);
85
- --theme-neutral-500: var(--color-stone-500);
86
- --theme-neutral-600: var(--color-stone-600);
87
- --theme-neutral-700: var(--color-stone-700);
88
- --theme-neutral-800: var(--color-stone-800);
89
- --theme-neutral-900: var(--color-stone-900);
90
- --theme-neutral-950: var(--color-stone-950);
91
- }
92
-
93
- html[data-neutral="taupe"] {
94
- --theme-neutral-50: var(--color-taupe-50);
95
- --theme-neutral-100: var(--color-taupe-100);
96
- --theme-neutral-200: var(--color-taupe-200);
97
- --theme-neutral-300: var(--color-taupe-300);
98
- --theme-neutral-400: var(--color-taupe-400);
99
- --theme-neutral-500: var(--color-taupe-500);
100
- --theme-neutral-600: var(--color-taupe-600);
101
- --theme-neutral-700: var(--color-taupe-700);
102
- --theme-neutral-800: var(--color-taupe-800);
103
- --theme-neutral-900: var(--color-taupe-900);
104
- --theme-neutral-950: var(--color-taupe-950);
105
- }
106
-
107
- html[data-neutral="mauve"] {
108
- --theme-neutral-50: var(--color-mauve-50);
109
- --theme-neutral-100: var(--color-mauve-100);
110
- --theme-neutral-200: var(--color-mauve-200);
111
- --theme-neutral-300: var(--color-mauve-300);
112
- --theme-neutral-400: var(--color-mauve-400);
113
- --theme-neutral-500: var(--color-mauve-500);
114
- --theme-neutral-600: var(--color-mauve-600);
115
- --theme-neutral-700: var(--color-mauve-700);
116
- --theme-neutral-800: var(--color-mauve-800);
117
- --theme-neutral-900: var(--color-mauve-900);
118
- --theme-neutral-950: var(--color-mauve-950);
119
- }
120
-
121
- html[data-neutral="mist"] {
122
- --theme-neutral-50: var(--color-mist-50);
123
- --theme-neutral-100: var(--color-mist-100);
124
- --theme-neutral-200: var(--color-mist-200);
125
- --theme-neutral-300: var(--color-mist-300);
126
- --theme-neutral-400: var(--color-mist-400);
127
- --theme-neutral-500: var(--color-mist-500);
128
- --theme-neutral-600: var(--color-mist-600);
129
- --theme-neutral-700: var(--color-mist-700);
130
- --theme-neutral-800: var(--color-mist-800);
131
- --theme-neutral-900: var(--color-mist-900);
132
- --theme-neutral-950: var(--color-mist-950);
133
- }
134
-
135
- html[data-neutral="olive"] {
136
- --theme-neutral-50: var(--color-olive-50);
137
- --theme-neutral-100: var(--color-olive-100);
138
- --theme-neutral-200: var(--color-olive-200);
139
- --theme-neutral-300: var(--color-olive-300);
140
- --theme-neutral-400: var(--color-olive-400);
141
- --theme-neutral-500: var(--color-olive-500);
142
- --theme-neutral-600: var(--color-olive-600);
143
- --theme-neutral-700: var(--color-olive-700);
144
- --theme-neutral-800: var(--color-olive-800);
145
- --theme-neutral-900: var(--color-olive-900);
146
- --theme-neutral-950: var(--color-olive-950);
147
- }
148
-
149
- html[data-primary="neutral"] {
150
- --theme-primary-light: var(--theme-neutral-900);
151
- --theme-primary-light-foreground: var(--theme-neutral-50);
152
- --theme-primary-light-ring: var(--theme-neutral-500);
153
- --theme-primary-dark: var(--theme-neutral-100);
154
- --theme-primary-dark-foreground: var(--theme-neutral-900);
155
- --theme-primary-dark-ring: var(--theme-neutral-400);
156
- }
157
-
158
- html[data-primary="red"] {
159
- --theme-primary-light: var(--color-red-700);
160
- --theme-primary-light-foreground: var(--color-red-50);
161
- --theme-primary-light-ring: var(--color-red-500);
162
- --theme-primary-dark: var(--color-red-400);
163
- --theme-primary-dark-foreground: var(--color-red-950);
164
- --theme-primary-dark-ring: var(--color-red-400);
165
- }
166
-
167
- html[data-primary="orange"] {
168
- --theme-primary-light: var(--color-orange-700);
169
- --theme-primary-light-foreground: var(--color-orange-50);
170
- --theme-primary-light-ring: var(--color-orange-500);
171
- --theme-primary-dark: var(--color-orange-400);
172
- --theme-primary-dark-foreground: var(--color-orange-950);
173
- --theme-primary-dark-ring: var(--color-orange-400);
174
- }
175
-
176
- html[data-primary="amber"] {
177
- --theme-primary-light: var(--color-amber-500);
178
- --theme-primary-light-foreground: var(--color-amber-950);
179
- --theme-primary-light-ring: var(--color-amber-500);
180
- --theme-primary-dark: var(--color-amber-400);
181
- --theme-primary-dark-foreground: var(--color-amber-950);
182
- --theme-primary-dark-ring: var(--color-amber-400);
183
- }
184
-
185
- html[data-primary="yellow"] {
186
- --theme-primary-light: var(--color-yellow-400);
187
- --theme-primary-light-foreground: var(--color-yellow-950);
188
- --theme-primary-light-ring: var(--color-yellow-500);
189
- --theme-primary-dark: var(--color-yellow-400);
190
- --theme-primary-dark-foreground: var(--color-yellow-950);
191
- --theme-primary-dark-ring: var(--color-yellow-400);
192
- }
193
-
194
- html[data-primary="lime"] {
195
- --theme-primary-light: var(--color-lime-500);
196
- --theme-primary-light-foreground: var(--color-lime-950);
197
- --theme-primary-light-ring: var(--color-lime-500);
198
- --theme-primary-dark: var(--color-lime-400);
199
- --theme-primary-dark-foreground: var(--color-lime-950);
200
- --theme-primary-dark-ring: var(--color-lime-400);
201
- }
202
-
203
- html[data-primary="green"] {
204
- --theme-primary-light: var(--color-green-700);
205
- --theme-primary-light-foreground: var(--color-green-50);
206
- --theme-primary-light-ring: var(--color-green-500);
207
- --theme-primary-dark: var(--color-green-400);
208
- --theme-primary-dark-foreground: var(--color-green-950);
209
- --theme-primary-dark-ring: var(--color-green-400);
210
- }
211
-
212
- html[data-primary="emerald"] {
213
- --theme-primary-light: var(--color-emerald-700);
214
- --theme-primary-light-foreground: var(--color-emerald-50);
215
- --theme-primary-light-ring: var(--color-emerald-500);
216
- --theme-primary-dark: var(--color-emerald-400);
217
- --theme-primary-dark-foreground: var(--color-emerald-950);
218
- --theme-primary-dark-ring: var(--color-emerald-400);
219
- }
220
-
221
- html[data-primary="teal"] {
222
- --theme-primary-light: var(--color-teal-700);
223
- --theme-primary-light-foreground: var(--color-teal-50);
224
- --theme-primary-light-ring: var(--color-teal-500);
225
- --theme-primary-dark: var(--color-teal-400);
226
- --theme-primary-dark-foreground: var(--color-teal-950);
227
- --theme-primary-dark-ring: var(--color-teal-400);
228
- }
229
-
230
- html[data-primary="cyan"] {
231
- --theme-primary-light: var(--color-cyan-700);
232
- --theme-primary-light-foreground: var(--color-cyan-50);
233
- --theme-primary-light-ring: var(--color-cyan-500);
234
- --theme-primary-dark: var(--color-cyan-400);
235
- --theme-primary-dark-foreground: var(--color-cyan-950);
236
- --theme-primary-dark-ring: var(--color-cyan-400);
237
- }
238
-
239
- html[data-primary="sky"] {
240
- --theme-primary-light: var(--color-sky-700);
241
- --theme-primary-light-foreground: var(--color-sky-50);
242
- --theme-primary-light-ring: var(--color-sky-500);
243
- --theme-primary-dark: var(--color-sky-400);
244
- --theme-primary-dark-foreground: var(--color-sky-950);
245
- --theme-primary-dark-ring: var(--color-sky-400);
246
- }
247
-
248
- html[data-primary="blue"] {
249
- --theme-primary-light: var(--color-blue-600);
250
- --theme-primary-light-foreground: var(--color-blue-50);
251
- --theme-primary-light-ring: var(--color-blue-500);
252
- --theme-primary-dark: var(--color-blue-400);
253
- --theme-primary-dark-foreground: var(--color-blue-950);
254
- --theme-primary-dark-ring: var(--color-blue-400);
255
- }
256
-
257
- html[data-primary="indigo"] {
258
- --theme-primary-light: var(--color-indigo-600);
259
- --theme-primary-light-foreground: var(--color-indigo-50);
260
- --theme-primary-light-ring: var(--color-indigo-500);
261
- --theme-primary-dark: var(--color-indigo-400);
262
- --theme-primary-dark-foreground: var(--color-indigo-950);
263
- --theme-primary-dark-ring: var(--color-indigo-400);
264
- }
265
-
266
- html[data-primary="violet"] {
267
- --theme-primary-light: var(--color-violet-600);
268
- --theme-primary-light-foreground: var(--color-violet-50);
269
- --theme-primary-light-ring: var(--color-violet-500);
270
- --theme-primary-dark: var(--color-violet-400);
271
- --theme-primary-dark-foreground: var(--color-violet-950);
272
- --theme-primary-dark-ring: var(--color-violet-400);
273
- }
274
-
275
- html[data-primary="purple"] {
276
- --theme-primary-light: var(--color-purple-600);
277
- --theme-primary-light-foreground: var(--color-purple-50);
278
- --theme-primary-light-ring: var(--color-purple-500);
279
- --theme-primary-dark: var(--color-purple-400);
280
- --theme-primary-dark-foreground: var(--color-purple-950);
281
- --theme-primary-dark-ring: var(--color-purple-400);
282
- }
283
-
284
- html[data-primary="fuchsia"] {
285
- --theme-primary-light: var(--color-fuchsia-700);
286
- --theme-primary-light-foreground: var(--color-fuchsia-50);
287
- --theme-primary-light-ring: var(--color-fuchsia-500);
288
- --theme-primary-dark: var(--color-fuchsia-400);
289
- --theme-primary-dark-foreground: var(--color-fuchsia-950);
290
- --theme-primary-dark-ring: var(--color-fuchsia-400);
291
- }
292
-
293
- html[data-primary="pink"] {
294
- --theme-primary-light: var(--color-pink-700);
295
- --theme-primary-light-foreground: var(--color-pink-50);
296
- --theme-primary-light-ring: var(--color-pink-500);
297
- --theme-primary-dark: var(--color-pink-400);
298
- --theme-primary-dark-foreground: var(--color-pink-950);
299
- --theme-primary-dark-ring: var(--color-pink-400);
300
- }
301
-
302
- html[data-primary="rose"] {
303
- --theme-primary-light: var(--color-rose-700);
304
- --theme-primary-light-foreground: var(--color-rose-50);
305
- --theme-primary-light-ring: var(--color-rose-500);
306
- --theme-primary-dark: var(--color-rose-400);
307
- --theme-primary-dark-foreground: var(--color-rose-950);
308
- --theme-primary-dark-ring: var(--color-rose-400);
309
- }