@wordup-md/nuxt-layer-shadcn-unocss 0.2.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 (359) hide show
  1. package/.cursor/rules/active-context-rule.mdc +8 -0
  2. package/.cursor/rules/memory-bank-overview.mdc +17 -0
  3. package/.cursor/rules/product-context-rule.mdc +8 -0
  4. package/.cursor/rules/progress-rule.mdc +8 -0
  5. package/.cursor/rules/projectbrief-rule.mdc +8 -0
  6. package/.cursor/rules/system-patterns-rule.mdc +8 -0
  7. package/.cursor/rules/tech-context-rule.mdc +8 -0
  8. package/.cursorrules +52 -0
  9. package/.editorconfig +12 -0
  10. package/.nuxtrc +1 -0
  11. package/.playground/app.config.ts +189 -0
  12. package/.playground/assets/style.css +15 -0
  13. package/.playground/components/content/MdcExample.vue +81 -0
  14. package/.playground/components/content/MdcReplay.vue +319 -0
  15. package/.playground/content/1.getting-started/1.introduction.md +8 -0
  16. package/.playground/content/1.getting-started/2.writing/1.markdown.md +56 -0
  17. package/.playground/content/1.getting-started/2.writing/2.pages.md +177 -0
  18. package/.playground/content/1.getting-started/2.writing/3.folders.md +56 -0
  19. package/.playground/content/1.getting-started/2.writing/_dir.yml +3 -0
  20. package/.playground/content/1.getting-started/_dir.yml +3 -0
  21. package/.playground/content/2.content-elements/1.text-formatting.md +60 -0
  22. package/.playground/content/2.content-elements/10.horizontal-rule.md +25 -0
  23. package/.playground/content/2.content-elements/11.tables.md +25 -0
  24. package/.playground/content/2.content-elements/12.overview.md +93 -0
  25. package/.playground/content/2.content-elements/13.text-components.md +36 -0
  26. package/.playground/content/2.content-elements/2.headings.md +32 -0
  27. package/.playground/content/2.content-elements/3.paragraphs.md +39 -0
  28. package/.playground/content/2.content-elements/4.lists.md +37 -0
  29. package/.playground/content/2.content-elements/5.links.md +17 -0
  30. package/.playground/content/2.content-elements/6.images.md +17 -0
  31. package/.playground/content/2.content-elements/7.blockquotes.md +17 -0
  32. package/.playground/content/2.content-elements/8.code-blocks.md +141 -0
  33. package/.playground/content/2.content-elements/9.inline-code.md +21 -0
  34. package/.playground/content/2.content-elements/_dir.yml +3 -0
  35. package/.playground/content/2.content-elements/index.md +8 -0
  36. package/.playground/content/3.components/1.index.md +187 -0
  37. package/.playground/content/3.components/2.docs/_dir.yml +3 -0
  38. package/.playground/content/3.components/2.docs/alert.md +152 -0
  39. package/.playground/content/3.components/2.docs/badge.md +131 -0
  40. package/.playground/content/3.components/2.docs/button-link.md +53 -0
  41. package/.playground/content/3.components/2.docs/callout.md +16 -0
  42. package/.playground/content/3.components/2.docs/code-group.md +77 -0
  43. package/.playground/content/3.components/2.docs/code-snippet.md +129 -0
  44. package/.playground/content/3.components/2.docs/field-group.md +62 -0
  45. package/.playground/content/3.components/2.docs/field.md +39 -0
  46. package/.playground/content/3.components/2.docs/file-tree.md +144 -0
  47. package/.playground/content/3.components/2.docs/icon.md +94 -0
  48. package/.playground/content/3.components/2.docs/pm.md +67 -0
  49. package/.playground/content/3.components/2.docs/read-more.md +44 -0
  50. package/.playground/content/3.components/2.docs/shortcut.md +36 -0
  51. package/.playground/content/3.components/2.docs/stack.md +81 -0
  52. package/.playground/content/3.components/2.docs/steps.md +148 -0
  53. package/.playground/content/3.components/2.docs/tabs.md +375 -0
  54. package/.playground/content/3.components/3.page/_dir.yml +2 -0
  55. package/.playground/content/3.components/3.page/accordion.md +74 -0
  56. package/.playground/content/3.components/3.page/card-group.md +115 -0
  57. package/.playground/content/3.components/3.page/card.md +142 -0
  58. package/.playground/content/3.components/3.page/collapsible.md +61 -0
  59. package/.playground/content/3.components/3.page/hero-alt.md +118 -0
  60. package/.playground/content/3.components/3.page/hero.md +60 -0
  61. package/.playground/content/3.components/3.page/team-card.md +82 -0
  62. package/.playground/content/3.components/_dir.yml +2 -0
  63. package/.playground/content/4.development/1.configuration/1.overview.md +297 -0
  64. package/.playground/content/4.development/1.configuration/2.nuxt-content.md +105 -0
  65. package/.playground/content/4.development/1.configuration/3.og-image.md +86 -0
  66. package/.playground/content/4.development/1.configuration/4.edit-link.md +63 -0
  67. package/.playground/content/4.development/1.configuration/5.banner.md +52 -0
  68. package/.playground/content/4.development/1.configuration/6.carbon-ads.md +65 -0
  69. package/.playground/content/4.development/1.configuration/7.umami.md +41 -0
  70. package/.playground/content/4.development/1.configuration/_dir.yml +3 -0
  71. package/.playground/content/4.development/2.advanced/1.override.md +49 -0
  72. package/.playground/content/4.development/2.advanced/2.math.md +89 -0
  73. package/.playground/content/4.development/2.advanced/_dir.yml +3 -0
  74. package/.playground/content/4.development/3.themes.md +9 -0
  75. package/.playground/content/4.development/4.composables.md +38 -0
  76. package/.playground/content/4.development/5.installation.md +36 -0
  77. package/.playground/content/4.development/_dir.yml +3 -0
  78. package/.playground/content/_menu-footer.md +5 -0
  79. package/.playground/content/index.md +67 -0
  80. package/.playground/content/test-card.md +187 -0
  81. package/.playground/content/test.md +88 -0
  82. package/.playground/content/test2.md +12 -0
  83. package/.playground/content/test3.md +187 -0
  84. package/.playground/nuxt.config.ts +52 -0
  85. package/.playground/public/banner-preview.png +0 -0
  86. package/.playground/public/favicon.ico +0 -0
  87. package/.playground/public/front-matter-showcase/authors.png +0 -0
  88. package/.playground/public/front-matter-showcase/badges.png +0 -0
  89. package/.playground/public/front-matter-showcase/nav-badges.png +0 -0
  90. package/.playground/public/hero.png +0 -0
  91. package/.playground/public/logo-dark.svg +12 -0
  92. package/.playground/public/logo.svg +12 -0
  93. package/.playground/public/og-nuxt-seo.png +0 -0
  94. package/.playground/public/og-nuxt.png +0 -0
  95. package/.playground/public/og-shadcn-docs-dark.png +0 -0
  96. package/.playground/public/og-shadcn-docs.png +0 -0
  97. package/.playground/public/sidebar-default.png +0 -0
  98. package/.playground/public/sidebar-group.png +0 -0
  99. package/.playground/public/sidebar-tree.png +0 -0
  100. package/.playground/uno.config.ts +16 -0
  101. package/README.md +93 -0
  102. package/app.vue +59 -0
  103. package/assets/css/a11y.css +48 -0
  104. package/assets/css/mdc-editor.css +91 -0
  105. package/components/A11yModeToggle.vue +23 -0
  106. package/components/DarkModeToggle.vue +26 -0
  107. package/components/LinkIcon.vue +32 -0
  108. package/components/OgImage/ShadcnDocs.vue +55 -0
  109. package/components/ThemeCustomizer.vue +156 -0
  110. package/components/ThemePopover.vue +27 -0
  111. package/components/content/Accordion.vue +18 -0
  112. package/components/content/AccordionItem.vue +32 -0
  113. package/components/content/Alert.vue +100 -0
  114. package/components/content/Badge.vue +52 -0
  115. package/components/content/ButtonLink.vue +38 -0
  116. package/components/content/Callout.vue +17 -0
  117. package/components/content/Card.vue +173 -0
  118. package/components/content/CardGroup.vue +38 -0
  119. package/components/content/CodeCopy.vue +52 -0
  120. package/components/content/CodeGroup._vue +27 -0
  121. package/components/content/CodeSnippet._vue +78 -0
  122. package/components/content/Collapsible.vue +80 -0
  123. package/components/content/Field.vue +53 -0
  124. package/components/content/FieldGroup.vue +5 -0
  125. package/components/content/FileTree.vue +110 -0
  126. package/components/content/FileTreeItem.vue +64 -0
  127. package/components/content/FileTreeRoot.vue +27 -0
  128. package/components/content/Hero.vue +154 -0
  129. package/components/content/HeroAlt.vue +116 -0
  130. package/components/content/Icon.vue +69 -0
  131. package/components/content/Kbd.vue +20 -0
  132. package/components/content/PmInstall.vue +35 -0
  133. package/components/content/PmRun.vue +31 -0
  134. package/components/content/PmX.vue +31 -0
  135. package/components/content/ProseA.vue +21 -0
  136. package/components/content/ProseBlockquote.vue +5 -0
  137. package/components/content/ProseCode.vue +121 -0
  138. package/components/content/ProseCodeInline.vue +24 -0
  139. package/components/content/ProseEm.vue +5 -0
  140. package/components/content/ProseH1.vue +27 -0
  141. package/components/content/ProseH2.vue +22 -0
  142. package/components/content/ProseH3.vue +21 -0
  143. package/components/content/ProseH4.vue +21 -0
  144. package/components/content/ProseH5.vue +21 -0
  145. package/components/content/ProseH6.vue +21 -0
  146. package/components/content/ProseHr.vue +3 -0
  147. package/components/content/ProseImg.vue +42 -0
  148. package/components/content/ProseLi.vue +5 -0
  149. package/components/content/ProseOl.vue +5 -0
  150. package/components/content/ProseP.vue +5 -0
  151. package/components/content/ProsePre.vue +56 -0
  152. package/components/content/ProseSection.vue +27 -0
  153. package/components/content/ProseStrong.vue +5 -0
  154. package/components/content/ProseTable.vue +7 -0
  155. package/components/content/ProseTbody.vue +5 -0
  156. package/components/content/ProseTd.vue +5 -0
  157. package/components/content/ProseTh.vue +5 -0
  158. package/components/content/ProseThead.vue +5 -0
  159. package/components/content/ProseTr.vue +5 -0
  160. package/components/content/ProseUl.vue +5 -0
  161. package/components/content/ReadMore.vue +41 -0
  162. package/components/content/Shortcut.vue +20 -0
  163. package/components/content/Stack.vue +17 -0
  164. package/components/content/Steps.vue +23 -0
  165. package/components/content/Tabs.vue +52 -0
  166. package/components/content/TabsInner.vue +263 -0
  167. package/components/content/TeamCard.vue +52 -0
  168. package/components/content/TeamCardGroup.vue +5 -0
  169. package/components/content/global/AlertEditor.vue +58 -0
  170. package/components/content/global/BadgeEditor.vue +56 -0
  171. package/components/content/global/BrEditor.vue +3 -0
  172. package/components/content/global/CardEditor.vue +142 -0
  173. package/components/content/global/CardGroupEditor.vue +50 -0
  174. package/components/content/global/CodeGroup.vue +13 -0
  175. package/components/content/global/CodeGroupEditor.vue +50 -0
  176. package/components/content/global/DivEditor.vue +22 -0
  177. package/components/content/global/FieldEditor.vue +38 -0
  178. package/components/content/global/FieldGroupEditor.vue +24 -0
  179. package/components/content/global/HeroEditor.vue +67 -0
  180. package/components/content/global/ProseSectionEditor.vue +180 -0
  181. package/components/content/global/ReadMoreEditor.vue +70 -0
  182. package/components/content/global/SectionEditor.vue +22 -0
  183. package/components/content/global/StackEditor.vue +35 -0
  184. package/components/content/global/StepsEditor.vue +55 -0
  185. package/components/content/global/Tabs._vue +97 -0
  186. package/components/content/global/TabsEditor.vue +38 -0
  187. package/components/layout/Aside.vue +83 -0
  188. package/components/layout/AsideTree.vue +25 -0
  189. package/components/layout/AsideTreeItem.vue +86 -0
  190. package/components/layout/AsideTreeItemButton.vue +32 -0
  191. package/components/layout/Banner.vue +77 -0
  192. package/components/layout/Breadcrumb.vue +34 -0
  193. package/components/layout/DocsFooter.vue +6 -0
  194. package/components/layout/EditLink.vue +23 -0
  195. package/components/layout/Footer.vue +80 -0
  196. package/components/layout/FooterItem.vue +50 -0
  197. package/components/layout/FooterSubmenuItem.vue +39 -0
  198. package/components/layout/Header/Logo.vue +30 -0
  199. package/components/layout/Header/MenuItem.vue +83 -0
  200. package/components/layout/Header/Nav.vue +112 -0
  201. package/components/layout/Header/NavMobile.vue +14 -0
  202. package/components/layout/Header/NavMobileItem.vue +79 -0
  203. package/components/layout/Header/SubmenuItem.vue +39 -0
  204. package/components/layout/Header.vue +160 -0
  205. package/components/layout/LangSwitcher.vue +90 -0
  206. package/components/layout/MobileNav.vue +44 -0
  207. package/components/layout/PrevNext.vue +24 -0
  208. package/components/layout/PrevNextButton.vue +50 -0
  209. package/components/layout/SearchButton.vue +46 -0
  210. package/components/layout/SearchDialog.vue +217 -0
  211. package/components/layout/Title.vue +98 -0
  212. package/components/layout/Toc.vue +99 -0
  213. package/components/layout/TocTree.vue +42 -0
  214. package/components/ui/accordion/Accordion.vue +19 -0
  215. package/components/ui/accordion/AccordionContent.vue +24 -0
  216. package/components/ui/accordion/AccordionItem.vue +24 -0
  217. package/components/ui/accordion/AccordionTrigger.vue +39 -0
  218. package/components/ui/accordion/index.ts +4 -0
  219. package/components/ui/alert/Alert.vue +19 -0
  220. package/components/ui/alert/AlertDescription.vue +14 -0
  221. package/components/ui/alert/AlertTitle.vue +14 -0
  222. package/components/ui/alert/index.ts +23 -0
  223. package/components/ui/avatar/Avatar.vue +25 -0
  224. package/components/ui/avatar/AvatarFallback.vue +11 -0
  225. package/components/ui/avatar/AvatarImage.vue +12 -0
  226. package/components/ui/avatar/index.ts +24 -0
  227. package/components/ui/badge/Badge.vue +17 -0
  228. package/components/ui/badge/index.ts +71 -0
  229. package/components/ui/breadcrumb/Breadcrumb.vue +16 -0
  230. package/components/ui/breadcrumb/BreadcrumbItem.vue +16 -0
  231. package/components/ui/breadcrumb/BreadcrumbLink.vue +23 -0
  232. package/components/ui/breadcrumb/BreadcrumbList.vue +16 -0
  233. package/components/ui/breadcrumb/BreadcrumbPage.vue +19 -0
  234. package/components/ui/breadcrumb/BreadcrumbSeparator.vue +23 -0
  235. package/components/ui/breadcrumb/index.ts +6 -0
  236. package/components/ui/button/Button.vue +29 -0
  237. package/components/ui/button/index.ts +35 -0
  238. package/components/ui/card/Card.vue +21 -0
  239. package/components/ui/card/CardContent.vue +14 -0
  240. package/components/ui/card/CardDescription.vue +14 -0
  241. package/components/ui/card/CardFooter.vue +14 -0
  242. package/components/ui/card/CardHeader.vue +14 -0
  243. package/components/ui/card/CardTitle.vue +18 -0
  244. package/components/ui/card/index.ts +6 -0
  245. package/components/ui/collapsible/Collapsible.vue +18 -0
  246. package/components/ui/collapsible/CollapsibleContent.vue +14 -0
  247. package/components/ui/collapsible/CollapsibleTrigger.vue +11 -0
  248. package/components/ui/collapsible/index.ts +3 -0
  249. package/components/ui/command/Command.vue +89 -0
  250. package/components/ui/command/CommandEmpty.vue +30 -0
  251. package/components/ui/command/CommandGroup.vue +50 -0
  252. package/components/ui/command/CommandInput.vue +44 -0
  253. package/components/ui/command/CommandInputOnly.vue +50 -0
  254. package/components/ui/command/CommandItem.vue +79 -0
  255. package/components/ui/command/CommandList.vue +28 -0
  256. package/components/ui/command/CommandSeparator.vue +24 -0
  257. package/components/ui/command/index.ts +24 -0
  258. package/components/ui/dialog/Dialog.vue +14 -0
  259. package/components/ui/dialog/DialogClose.vue +11 -0
  260. package/components/ui/dialog/DialogContent.vue +52 -0
  261. package/components/ui/dialog/DialogDescription.vue +24 -0
  262. package/components/ui/dialog/DialogFooter.vue +19 -0
  263. package/components/ui/dialog/DialogHeader.vue +16 -0
  264. package/components/ui/dialog/DialogScrollContent.vue +61 -0
  265. package/components/ui/dialog/DialogTitle.vue +29 -0
  266. package/components/ui/dialog/DialogTrigger.vue +11 -0
  267. package/components/ui/dialog/index.ts +9 -0
  268. package/components/ui/input/Input.vue +27 -0
  269. package/components/ui/input/index.ts +1 -0
  270. package/components/ui/label/Label.vue +27 -0
  271. package/components/ui/label/index.ts +1 -0
  272. package/components/ui/navigation-menu/NavigationMenu.vue +33 -0
  273. package/components/ui/navigation-menu/NavigationMenuContent.vue +34 -0
  274. package/components/ui/navigation-menu/NavigationMenuIndicator.vue +24 -0
  275. package/components/ui/navigation-menu/NavigationMenuItem.vue +11 -0
  276. package/components/ui/navigation-menu/NavigationMenuLink.vue +19 -0
  277. package/components/ui/navigation-menu/NavigationMenuList.vue +33 -0
  278. package/components/ui/navigation-menu/NavigationMenuTrigger.vue +34 -0
  279. package/components/ui/navigation-menu/NavigationMenuViewport.vue +33 -0
  280. package/components/ui/navigation-menu/index.ts +14 -0
  281. package/components/ui/popover/Popover.vue +15 -0
  282. package/components/ui/popover/PopoverContent.vue +49 -0
  283. package/components/ui/popover/PopoverTrigger.vue +11 -0
  284. package/components/ui/popover/index.ts +4 -0
  285. package/components/ui/scroll-area/ScrollArea.vue +32 -0
  286. package/components/ui/scroll-area/ScrollBar.vue +41 -0
  287. package/components/ui/scroll-area/index.ts +2 -0
  288. package/components/ui/separator/Separator.vue +20 -0
  289. package/components/ui/separator/index.ts +1 -0
  290. package/components/ui/sheet/Sheet.vue +14 -0
  291. package/components/ui/sheet/SheetClose.vue +11 -0
  292. package/components/ui/sheet/SheetContent.vue +58 -0
  293. package/components/ui/sheet/SheetDescription.vue +22 -0
  294. package/components/ui/sheet/SheetFooter.vue +19 -0
  295. package/components/ui/sheet/SheetHeader.vue +16 -0
  296. package/components/ui/sheet/SheetTitle.vue +22 -0
  297. package/components/ui/sheet/SheetTrigger.vue +11 -0
  298. package/components/ui/sheet/index.ts +31 -0
  299. package/components/ui/slider/Slider.vue +36 -0
  300. package/components/ui/slider/index.ts +1 -0
  301. package/components/ui/tabs/Tabs.vue +15 -0
  302. package/components/ui/tabs/TabsContent.vue +22 -0
  303. package/components/ui/tabs/TabsList.vue +25 -0
  304. package/components/ui/tabs/TabsTrigger.vue +27 -0
  305. package/components/ui/tabs/index.ts +4 -0
  306. package/components/ui/textarea/Textarea.vue +27 -0
  307. package/components/ui/textarea/index.ts +1 -0
  308. package/components/ui/toast/Toast.vue +28 -0
  309. package/components/ui/toast/ToastAction.vue +22 -0
  310. package/components/ui/toast/ToastClose.vue +27 -0
  311. package/components/ui/toast/ToastDescription.vue +22 -0
  312. package/components/ui/toast/ToastProvider.vue +11 -0
  313. package/components/ui/toast/ToastTitle.vue +22 -0
  314. package/components/ui/toast/ToastViewport.vue +20 -0
  315. package/components/ui/toast/Toaster.vue +34 -0
  316. package/components/ui/toast/index.ts +38 -0
  317. package/components/ui/toast/use-toast.ts +165 -0
  318. package/components.json +18 -0
  319. package/composables/useBreadcrumb.ts +47 -0
  320. package/composables/useCollapsedMap.ts +3 -0
  321. package/composables/useConfig.ts +227 -0
  322. package/composables/useEditLink.ts +27 -0
  323. package/composables/useI18nDocs.ts +114 -0
  324. package/composables/useMdcMenu.ts +204 -0
  325. package/composables/usePm.ts +58 -0
  326. package/composables/useScrollspy.ts +51 -0
  327. package/composables/useThemes.ts +46 -0
  328. package/composables/useToast.ts +1 -0
  329. package/content/index.md +45 -0
  330. package/eslint.config.js +3 -0
  331. package/i18n/i18n.config.ts +414 -0
  332. package/index.d.ts +610 -0
  333. package/layouts/blank.vue +5 -0
  334. package/layouts/default.vue +9 -0
  335. package/layouts/editorial.vue +83 -0
  336. package/lib/registry/themes.ts +636 -0
  337. package/lib/uno-preset.ts +143 -0
  338. package/memory-bank/activeContext.md +17 -0
  339. package/memory-bank/productContext.md +21 -0
  340. package/memory-bank/progress.md +16 -0
  341. package/memory-bank/projectbrief.md +20 -0
  342. package/memory-bank/systemPatterns.md +25 -0
  343. package/memory-bank/techContext.md +29 -0
  344. package/modules/inject-css.ts +40 -0
  345. package/nuxt.config.ts +124 -0
  346. package/package.json +71 -0
  347. package/pages/[...slug].vue +109 -0
  348. package/pages/admin/[...slug].vue +145 -0
  349. package/pages/index.vue +24 -0
  350. package/plugins/injectCssHmr.ts +26 -0
  351. package/plugins/wordup.ts +130 -0
  352. package/public/content-doc.json +792 -0
  353. package/public/iconesjs.svg +4 -0
  354. package/scripts/buildContentDoc-cli.ts +8 -0
  355. package/scripts/buildContentDoc.ts +165 -0
  356. package/tailwind.config.js +1 -0
  357. package/tsconfig.json +3 -0
  358. package/uno.config.mjs +58 -0
  359. package/utils/index.ts +12 -0
@@ -0,0 +1,636 @@
1
+ export const themes = [
2
+ {
3
+ name: 'zinc',
4
+ label: 'Zinc',
5
+ activeColor: {
6
+ light: '240 5.9% 10%',
7
+ dark: '240 5.2% 33.9%',
8
+ },
9
+ cssVars: {
10
+ light: {
11
+ 'background': '0 0% 100%',
12
+ 'foreground': '240 10% 3.9%',
13
+ 'card': '0 0% 100%',
14
+ 'card-foreground': '240 10% 3.9%',
15
+ 'popover': '0 0% 100%',
16
+ 'popover-foreground': '240 10% 3.9%',
17
+ 'primary': '240 5.9% 10%',
18
+ 'primary-foreground': '0 0% 98%',
19
+ 'secondary': '240 4.8% 95.9%',
20
+ 'secondary-foreground': '240 5.9% 10%',
21
+ 'muted': '240 4.8% 95.9%',
22
+ 'muted-foreground': '240 3.8% 46.1%',
23
+ 'accent': '240 4.8% 95.9%',
24
+ 'accent-foreground': '240 5.9% 10%',
25
+ 'destructive': '0 84.2% 60.2%',
26
+ 'destructive-foreground': '0 0% 98%',
27
+ 'border': '240 5.9% 90%',
28
+ 'input': '240 5.9% 90%',
29
+ 'ring': '240 5.9% 10%',
30
+ 'radius': '0.5rem',
31
+ },
32
+ dark: {
33
+ 'background': '240 10% 3.9%',
34
+ 'foreground': '0 0% 98%',
35
+ 'card': '240 10% 3.9%',
36
+ 'card-foreground': '0 0% 98%',
37
+ 'popover': '240 10% 3.9%',
38
+ 'popover-foreground': '0 0% 98%',
39
+ 'primary': '0 0% 98%',
40
+ 'primary-foreground': '240 5.9% 10%',
41
+ 'secondary': '240 3.7% 15.9%',
42
+ 'secondary-foreground': '0 0% 98%',
43
+ 'muted': '240 3.7% 15.9%',
44
+ 'muted-foreground': '240 5% 64.9%',
45
+ 'accent': '240 3.7% 15.9%',
46
+ 'accent-foreground': '0 0% 98%',
47
+ 'destructive': '0 62.8% 30.6%',
48
+ 'destructive-foreground': '0 0% 98%',
49
+ 'border': '240 3.7% 15.9%',
50
+ 'input': '240 3.7% 15.9%',
51
+ 'ring': '240 4.9% 83.9%',
52
+ },
53
+ },
54
+ },
55
+ {
56
+ name: 'slate',
57
+ label: 'Slate',
58
+ activeColor: {
59
+ light: '215.4 16.3% 46.9%',
60
+ dark: '215.3 19.3% 34.5%',
61
+ },
62
+ cssVars: {
63
+ light: {
64
+ 'background': '0 0% 100%',
65
+ 'foreground': '222.2 84% 4.9%',
66
+ 'card': '0 0% 100%',
67
+ 'card-foreground': '222.2 84% 4.9%',
68
+ 'popover': '0 0% 100%',
69
+ 'popover-foreground': '222.2 84% 4.9%',
70
+ 'primary': '222.2 47.4% 11.2%',
71
+ 'primary-foreground': '210 40% 98%',
72
+ 'secondary': '210 40% 96.1%',
73
+ 'secondary-foreground': '222.2 47.4% 11.2%',
74
+ 'muted': '210 40% 96.1%',
75
+ 'muted-foreground': '215.4 16.3% 46.9%',
76
+ 'accent': '210 40% 96.1%',
77
+ 'accent-foreground': '222.2 47.4% 11.2%',
78
+ 'destructive': '0 84.2% 60.2%',
79
+ 'destructive-foreground': '210 40% 98%',
80
+ 'border': '214.3 31.8% 91.4%',
81
+ 'input': '214.3 31.8% 91.4%',
82
+ 'ring': '222.2 84% 4.9%',
83
+ 'radius': '0.5rem',
84
+ },
85
+ dark: {
86
+ 'background': '222.2 84% 4.9%',
87
+ 'foreground': '210 40% 98%',
88
+ 'card': '222.2 84% 4.9%',
89
+ 'card-foreground': '210 40% 98%',
90
+ 'popover': '222.2 84% 4.9%',
91
+ 'popover-foreground': '210 40% 98%',
92
+ 'primary': '210 40% 98%',
93
+ 'primary-foreground': '222.2 47.4% 11.2%',
94
+ 'secondary': '217.2 32.6% 17.5%',
95
+ 'secondary-foreground': '210 40% 98%',
96
+ 'muted': '217.2 32.6% 17.5%',
97
+ 'muted-foreground': '215 20.2% 65.1%',
98
+ 'accent': '217.2 32.6% 17.5%',
99
+ 'accent-foreground': '210 40% 98%',
100
+ 'destructive': '0 62.8% 30.6%',
101
+ 'destructive-foreground': '210 40% 98%',
102
+ 'border': '217.2 32.6% 17.5%',
103
+ 'input': '217.2 32.6% 17.5%',
104
+ 'ring': '212.7 26.8% 83.9',
105
+ },
106
+ },
107
+ },
108
+ {
109
+ name: 'stone',
110
+ label: 'Stone',
111
+ activeColor: {
112
+ light: '25 5.3% 44.7%',
113
+ dark: '33.3 5.5% 32.4%',
114
+ },
115
+ cssVars: {
116
+ light: {
117
+ 'background': '0 0% 100%',
118
+ 'foreground': '20 14.3% 4.1%',
119
+ 'card': '0 0% 100%',
120
+ 'card-foreground': '20 14.3% 4.1%',
121
+ 'popover': '0 0% 100%',
122
+ 'popover-foreground': '20 14.3% 4.1%',
123
+ 'primary': '24 9.8% 10%',
124
+ 'primary-foreground': '60 9.1% 97.8%',
125
+ 'secondary': '60 4.8% 95.9%',
126
+ 'secondary-foreground': '24 9.8% 10%',
127
+ 'muted': '60 4.8% 95.9%',
128
+ 'muted-foreground': '25 5.3% 44.7%',
129
+ 'accent': '60 4.8% 95.9%',
130
+ 'accent-foreground': '24 9.8% 10%',
131
+ 'destructive': '0 84.2% 60.2%',
132
+ 'destructive-foreground': '60 9.1% 97.8%',
133
+ 'border': '20 5.9% 90%',
134
+ 'input': '20 5.9% 90%',
135
+ 'ring': '20 14.3% 4.1%',
136
+ 'radius': '0.95rem',
137
+ },
138
+ dark: {
139
+ 'background': '20 14.3% 4.1%',
140
+ 'foreground': '60 9.1% 97.8%',
141
+ 'card': '20 14.3% 4.1%',
142
+ 'card-foreground': '60 9.1% 97.8%',
143
+ 'popover': '20 14.3% 4.1%',
144
+ 'popover-foreground': '60 9.1% 97.8%',
145
+ 'primary': '60 9.1% 97.8%',
146
+ 'primary-foreground': '24 9.8% 10%',
147
+ 'secondary': '12 6.5% 15.1%',
148
+ 'secondary-foreground': '60 9.1% 97.8%',
149
+ 'muted': '12 6.5% 15.1%',
150
+ 'muted-foreground': '24 5.4% 63.9%',
151
+ 'accent': '12 6.5% 15.1%',
152
+ 'accent-foreground': '60 9.1% 97.8%',
153
+ 'destructive': '0 62.8% 30.6%',
154
+ 'destructive-foreground': '60 9.1% 97.8%',
155
+ 'border': '12 6.5% 15.1%',
156
+ 'input': '12 6.5% 15.1%',
157
+ 'ring': '24 5.7% 82.9%',
158
+ },
159
+ },
160
+ },
161
+ {
162
+ name: 'gray',
163
+ label: 'Gray',
164
+ activeColor: {
165
+ light: '220 8.9% 46.1%',
166
+ dark: '215 13.8% 34.1%',
167
+ },
168
+ cssVars: {
169
+ light: {
170
+ 'background': '0 0% 100%',
171
+ 'foreground': '224 71.4% 4.1%',
172
+ 'card': '0 0% 100%',
173
+ 'card-foreground': '224 71.4% 4.1%',
174
+ 'popover': '0 0% 100%',
175
+ 'popover-foreground': '224 71.4% 4.1%',
176
+ 'primary': '220.9 39.3% 11%',
177
+ 'primary-foreground': '210 20% 98%',
178
+ 'secondary': '220 14.3% 95.9%',
179
+ 'secondary-foreground': '220.9 39.3% 11%',
180
+ 'muted': '220 14.3% 95.9%',
181
+ 'muted-foreground': '220 8.9% 46.1%',
182
+ 'accent': '220 14.3% 95.9%',
183
+ 'accent-foreground': '220.9 39.3% 11%',
184
+ 'destructive': '0 84.2% 60.2%',
185
+ 'destructive-foreground': '210 20% 98%',
186
+ 'border': '220 13% 91%',
187
+ 'input': '220 13% 91%',
188
+ 'ring': '224 71.4% 4.1%',
189
+ 'radius': '0.35rem',
190
+ },
191
+ dark: {
192
+ 'background': '224 71.4% 4.1%',
193
+ 'foreground': '210 20% 98%',
194
+ 'card': '224 71.4% 4.1%',
195
+ 'card-foreground': '210 20% 98%',
196
+ 'popover': '224 71.4% 4.1%',
197
+ 'popover-foreground': '210 20% 98%',
198
+ 'primary': '210 20% 98%',
199
+ 'primary-foreground': '220.9 39.3% 11%',
200
+ 'secondary': '215 27.9% 16.9%',
201
+ 'secondary-foreground': '210 20% 98%',
202
+ 'muted': '215 27.9% 16.9%',
203
+ 'muted-foreground': '217.9 10.6% 64.9%',
204
+ 'accent': '215 27.9% 16.9%',
205
+ 'accent-foreground': '210 20% 98%',
206
+ 'destructive': '0 62.8% 30.6%',
207
+ 'destructive-foreground': '210 20% 98%',
208
+ 'border': '215 27.9% 16.9%',
209
+ 'input': '215 27.9% 16.9%',
210
+ 'ring': '216 12.2% 83.9%',
211
+ },
212
+ },
213
+ },
214
+ {
215
+ name: 'neutral',
216
+ label: 'Neutral',
217
+ activeColor: {
218
+ light: '0 0% 45.1%',
219
+ dark: '0 0% 32.2%',
220
+ },
221
+ cssVars: {
222
+ light: {
223
+ 'background': '0 0% 100%',
224
+ 'foreground': '0 0% 3.9%',
225
+ 'card': '0 0% 100%',
226
+ 'card-foreground': '0 0% 3.9%',
227
+ 'popover': '0 0% 100%',
228
+ 'popover-foreground': '0 0% 3.9%',
229
+ 'primary': '0 0% 9%',
230
+ 'primary-foreground': '0 0% 98%',
231
+ 'secondary': '0 0% 96.1%',
232
+ 'secondary-foreground': '0 0% 9%',
233
+ 'muted': '0 0% 96.1%',
234
+ 'muted-foreground': '0 0% 45.1%',
235
+ 'accent': '0 0% 96.1%',
236
+ 'accent-foreground': '0 0% 9%',
237
+ 'destructive': '0 84.2% 60.2%',
238
+ 'destructive-foreground': '0 0% 98%',
239
+ 'border': '0 0% 89.8%',
240
+ 'input': '0 0% 89.8%',
241
+ 'ring': '0 0% 3.9%',
242
+ },
243
+ dark: {
244
+ 'background': '0 0% 3.9%',
245
+ 'foreground': '0 0% 98%',
246
+ 'card': '0 0% 3.9%',
247
+ 'card-foreground': '0 0% 98%',
248
+ 'popover': '0 0% 3.9%',
249
+ 'popover-foreground': '0 0% 98%',
250
+ 'primary': '0 0% 98%',
251
+ 'primary-foreground': '0 0% 9%',
252
+ 'secondary': '0 0% 14.9%',
253
+ 'secondary-foreground': '0 0% 98%',
254
+ 'muted': '0 0% 14.9%',
255
+ 'muted-foreground': '0 0% 63.9%',
256
+ 'accent': '0 0% 14.9%',
257
+ 'accent-foreground': '0 0% 98%',
258
+ 'destructive': '0 62.8% 30.6%',
259
+ 'destructive-foreground': '0 0% 98%',
260
+ 'border': '0 0% 14.9%',
261
+ 'input': '0 0% 14.9%',
262
+ 'ring': '0 0% 83.1%',
263
+ },
264
+ },
265
+ },
266
+ {
267
+ name: 'red',
268
+ label: 'Red',
269
+ activeColor: {
270
+ light: '0 72.2% 50.6%',
271
+ dark: '0 72.2% 50.6%',
272
+ },
273
+ cssVars: {
274
+ light: {
275
+ 'background': '0 0% 100%',
276
+ 'foreground': '0 0% 3.9%',
277
+ 'card': '0 0% 100%',
278
+ 'card-foreground': '0 0% 3.9%',
279
+ 'popover': '0 0% 100%',
280
+ 'popover-foreground': '0 0% 3.9%',
281
+ 'primary': '0 72.2% 50.6%',
282
+ 'primary-foreground': '0 85.7% 97.3%',
283
+ 'secondary': '0 0% 96.1%',
284
+ 'secondary-foreground': '0 0% 9%',
285
+ 'muted': '0 0% 96.1%',
286
+ 'muted-foreground': '0 0% 45.1%',
287
+ 'accent': '0 0% 96.1%',
288
+ 'accent-foreground': '0 0% 9%',
289
+ 'destructive': '0 84.2% 60.2%',
290
+ 'destructive-foreground': '0 0% 98%',
291
+ 'border': '0 0% 89.8%',
292
+ 'input': '0 0% 89.8%',
293
+ 'ring': '0 72.2% 50.6%',
294
+ 'radius': '0.4rem',
295
+ },
296
+ dark: {
297
+ 'background': '0 0% 3.9%',
298
+ 'foreground': '0 0% 98%',
299
+ 'card': '0 0% 3.9%',
300
+ 'card-foreground': '0 0% 98%',
301
+ 'popover': '0 0% 3.9%',
302
+ 'popover-foreground': '0 0% 98%',
303
+ 'primary': '0 72.2% 50.6%',
304
+ 'primary-foreground': '0 85.7% 97.3%',
305
+ 'secondary': '0 0% 14.9%',
306
+ 'secondary-foreground': '0 0% 98%',
307
+ 'muted': '0 0% 14.9%',
308
+ 'muted-foreground': '0 0% 63.9%',
309
+ 'accent': '0 0% 14.9%',
310
+ 'accent-foreground': '0 0% 98%',
311
+ 'destructive': '0 62.8% 30.6%',
312
+ 'destructive-foreground': '0 0% 98%',
313
+ 'border': '0 0% 14.9%',
314
+ 'input': '0 0% 14.9%',
315
+ 'ring': '0 72.2% 50.6%',
316
+ },
317
+ },
318
+ },
319
+ {
320
+ name: 'rose',
321
+ label: 'Rose',
322
+ activeColor: {
323
+ light: '346.8 77.2% 49.8%',
324
+ dark: '346.8 77.2% 49.8%',
325
+ },
326
+ cssVars: {
327
+ light: {
328
+ 'background': '0 0% 100%',
329
+ 'foreground': '240 10% 3.9%',
330
+ 'card': '0 0% 100%',
331
+ 'card-foreground': '240 10% 3.9%',
332
+ 'popover': '0 0% 100%',
333
+ 'popover-foreground': '240 10% 3.9%',
334
+ 'primary': '346.8 77.2% 49.8%',
335
+ 'primary-foreground': '355.7 100% 97.3%',
336
+ 'secondary': '240 4.8% 95.9%',
337
+ 'secondary-foreground': '240 5.9% 10%',
338
+ 'muted': '240 4.8% 95.9%',
339
+ 'muted-foreground': '240 3.8% 46.1%',
340
+ 'accent': '240 4.8% 95.9%',
341
+ 'accent-foreground': '240 5.9% 10%',
342
+ 'destructive': '0 84.2% 60.2%',
343
+ 'destructive-foreground': '0 0% 98%',
344
+ 'border': '240 5.9% 90%',
345
+ 'input': '240 5.9% 90%',
346
+ 'ring': '346.8 77.2% 49.8%',
347
+ 'radius': '0.5rem',
348
+ },
349
+ dark: {
350
+ 'background': '20 14.3% 4.1%',
351
+ 'foreground': '0 0% 95%',
352
+ 'popover': '0 0% 9%',
353
+ 'popover-foreground': '0 0% 95%',
354
+ 'card': '24 9.8% 10%',
355
+ 'card-foreground': '0 0% 95%',
356
+ 'primary': '346.8 77.2% 49.8%',
357
+ 'primary-foreground': '355.7 100% 97.3%',
358
+ 'secondary': '240 3.7% 15.9%',
359
+ 'secondary-foreground': '0 0% 98%',
360
+ 'muted': '0 0% 15%',
361
+ 'muted-foreground': '240 5% 64.9%',
362
+ 'accent': '12 6.5% 15.1%',
363
+ 'accent-foreground': '0 0% 98%',
364
+ 'destructive': '0 62.8% 30.6%',
365
+ 'destructive-foreground': '0 85.7% 97.3%',
366
+ 'border': '240 3.7% 15.9%',
367
+ 'input': '240 3.7% 15.9%',
368
+ 'ring': '346.8 77.2% 49.8%',
369
+ },
370
+ },
371
+ },
372
+ {
373
+ name: 'orange',
374
+ label: 'Orange',
375
+ activeColor: {
376
+ light: '24.6 95% 53.1%',
377
+ dark: '20.5 90.2% 48.2%',
378
+ },
379
+ cssVars: {
380
+ light: {
381
+ 'background': '0 0% 100%',
382
+ 'foreground': '20 14.3% 4.1%',
383
+ 'card': '0 0% 100%',
384
+ 'card-foreground': '20 14.3% 4.1%',
385
+ 'popover': '0 0% 100%',
386
+ 'popover-foreground': '20 14.3% 4.1%',
387
+ 'primary': '24.6 95% 53.1%',
388
+ 'primary-foreground': '60 9.1% 97.8%',
389
+ 'secondary': '60 4.8% 95.9%',
390
+ 'secondary-foreground': '24 9.8% 10%',
391
+ 'muted': '60 4.8% 95.9%',
392
+ 'muted-foreground': '25 5.3% 44.7%',
393
+ 'accent': '60 4.8% 95.9%',
394
+ 'accent-foreground': '24 9.8% 10%',
395
+ 'destructive': '0 84.2% 60.2%',
396
+ 'destructive-foreground': '60 9.1% 97.8%',
397
+ 'border': '20 5.9% 90%',
398
+ 'input': '20 5.9% 90%',
399
+ 'ring': '24.6 95% 53.1%',
400
+ 'radius': '0.95rem',
401
+ },
402
+ dark: {
403
+ 'background': '20 14.3% 4.1%',
404
+ 'foreground': '60 9.1% 97.8%',
405
+ 'card': '20 14.3% 4.1%',
406
+ 'card-foreground': '60 9.1% 97.8%',
407
+ 'popover': '20 14.3% 4.1%',
408
+ 'popover-foreground': '60 9.1% 97.8%',
409
+ 'primary': '20.5 90.2% 48.2%',
410
+ 'primary-foreground': '60 9.1% 97.8%',
411
+ 'secondary': '12 6.5% 15.1%',
412
+ 'secondary-foreground': '60 9.1% 97.8%',
413
+ 'muted': '12 6.5% 15.1%',
414
+ 'muted-foreground': '24 5.4% 63.9%',
415
+ 'accent': '12 6.5% 15.1%',
416
+ 'accent-foreground': '60 9.1% 97.8%',
417
+ 'destructive': '0 72.2% 50.6%',
418
+ 'destructive-foreground': '60 9.1% 97.8%',
419
+ 'border': '12 6.5% 15.1%',
420
+ 'input': '12 6.5% 15.1%',
421
+ 'ring': '20.5 90.2% 48.2%',
422
+ },
423
+ },
424
+ },
425
+ {
426
+ name: 'green',
427
+ label: 'Green',
428
+ activeColor: {
429
+ light: '142.1 76.2% 36.3%',
430
+ dark: '142.1 70.6% 45.3%',
431
+ },
432
+ cssVars: {
433
+ light: {
434
+ 'background': '0 0% 100%',
435
+ 'foreground': '240 10% 3.9%',
436
+ 'card': '0 0% 100%',
437
+ 'card-foreground': '240 10% 3.9%',
438
+ 'popover': '0 0% 100%',
439
+ 'popover-foreground': '240 10% 3.9%',
440
+ 'primary': '142.1 76.2% 36.3%',
441
+ 'primary-foreground': '355.7 100% 97.3%',
442
+ 'secondary': '240 4.8% 95.9%',
443
+ 'secondary-foreground': '240 5.9% 10%',
444
+ 'muted': '240 4.8% 95.9%',
445
+ 'muted-foreground': '240 3.8% 46.1%',
446
+ 'accent': '240 4.8% 95.9%',
447
+ 'accent-foreground': '240 5.9% 10%',
448
+ 'destructive': '0 84.2% 60.2%',
449
+ 'destructive-foreground': '0 0% 98%',
450
+ 'border': '240 5.9% 90%',
451
+ 'input': '240 5.9% 90%',
452
+ 'ring': '142.1 76.2% 36.3%',
453
+ },
454
+ dark: {
455
+ 'background': '20 14.3% 4.1%',
456
+ 'foreground': '0 0% 95%',
457
+ 'popover': '0 0% 9%',
458
+ 'popover-foreground': '0 0% 95%',
459
+ 'card': '24 9.8% 10%',
460
+ 'card-foreground': '0 0% 95%',
461
+ 'primary': '142.1 70.6% 45.3%',
462
+ 'primary-foreground': '144.9 80.4% 10%',
463
+ 'secondary': '240 3.7% 15.9%',
464
+ 'secondary-foreground': '0 0% 98%',
465
+ 'muted': '0 0% 15%',
466
+ 'muted-foreground': '240 5% 64.9%',
467
+ 'accent': '12 6.5% 15.1%',
468
+ 'accent-foreground': '0 0% 98%',
469
+ 'destructive': '0 62.8% 30.6%',
470
+ 'destructive-foreground': '0 85.7% 97.3%',
471
+ 'border': '240 3.7% 15.9%',
472
+ 'input': '240 3.7% 15.9%',
473
+ 'ring': '142.4 71.8% 29.2%',
474
+ },
475
+ },
476
+ },
477
+ {
478
+ name: 'blue',
479
+ label: 'Blue',
480
+ activeColor: {
481
+ light: '221.2 83.2% 53.3%',
482
+ dark: '217.2 91.2% 59.8%',
483
+ },
484
+ cssVars: {
485
+ light: {
486
+ 'background': '0 0% 100%',
487
+ 'foreground': '222.2 84% 4.9%',
488
+ 'card': '0 0% 100%',
489
+ 'card-foreground': '222.2 84% 4.9%',
490
+ 'popover': '0 0% 100%',
491
+ 'popover-foreground': '222.2 84% 4.9%',
492
+ 'primary': '221.2 83.2% 53.3%',
493
+ 'primary-foreground': '210 40% 98%',
494
+ 'secondary': '210 40% 96.1%',
495
+ 'secondary-foreground': '222.2 47.4% 11.2%',
496
+ 'muted': '210 40% 96.1%',
497
+ 'muted-foreground': '215.4 16.3% 46.9%',
498
+ 'accent': '210 40% 96.1%',
499
+ 'accent-foreground': '222.2 47.4% 11.2%',
500
+ 'destructive': '0 84.2% 60.2%',
501
+ 'destructive-foreground': '210 40% 98%',
502
+ 'border': '214.3 31.8% 91.4%',
503
+ 'input': '214.3 31.8% 91.4%',
504
+ 'ring': '221.2 83.2% 53.3%',
505
+ },
506
+ dark: {
507
+ 'background': '222.2 84% 4.9%',
508
+ 'foreground': '210 40% 98%',
509
+ 'card': '222.2 84% 4.9%',
510
+ 'card-foreground': '210 40% 98%',
511
+ 'popover': '222.2 84% 4.9%',
512
+ 'popover-foreground': '210 40% 98%',
513
+ 'primary': '217.2 91.2% 59.8%',
514
+ 'primary-foreground': '222.2 47.4% 11.2%',
515
+ 'secondary': '217.2 32.6% 17.5%',
516
+ 'secondary-foreground': '210 40% 98%',
517
+ 'muted': '217.2 32.6% 17.5%',
518
+ 'muted-foreground': '215 20.2% 65.1%',
519
+ 'accent': '217.2 32.6% 17.5%',
520
+ 'accent-foreground': '210 40% 98%',
521
+ 'destructive': '0 62.8% 30.6%',
522
+ 'destructive-foreground': '210 40% 98%',
523
+ 'border': '217.2 32.6% 17.5%',
524
+ 'input': '217.2 32.6% 17.5%',
525
+ 'ring': '224.3 76.3% 48%',
526
+ },
527
+ },
528
+ },
529
+ {
530
+ name: 'yellow',
531
+ label: 'Yellow',
532
+ activeColor: {
533
+ light: '47.9 95.8% 53.1%',
534
+ dark: '47.9 95.8% 53.1%',
535
+ },
536
+ cssVars: {
537
+ light: {
538
+ 'background': '0 0% 100%',
539
+ 'foreground': '20 14.3% 4.1%',
540
+ 'card': '0 0% 100%',
541
+ 'card-foreground': '20 14.3% 4.1%',
542
+ 'popover': '0 0% 100%',
543
+ 'popover-foreground': '20 14.3% 4.1%',
544
+ 'primary': '47.9 95.8% 53.1%',
545
+ 'primary-foreground': '26 83.3% 14.1%',
546
+ 'secondary': '60 4.8% 95.9%',
547
+ 'secondary-foreground': '24 9.8% 10%',
548
+ 'muted': '60 4.8% 95.9%',
549
+ 'muted-foreground': '25 5.3% 44.7%',
550
+ 'accent': '60 4.8% 95.9%',
551
+ 'accent-foreground': '24 9.8% 10%',
552
+ 'destructive': '0 84.2% 60.2%',
553
+ 'destructive-foreground': '60 9.1% 97.8%',
554
+ 'border': '20 5.9% 90%',
555
+ 'input': '20 5.9% 90%',
556
+ 'ring': '20 14.3% 4.1%',
557
+ 'radius': '0.95rem',
558
+ },
559
+ dark: {
560
+ 'background': '20 14.3% 4.1%',
561
+ 'foreground': '60 9.1% 97.8%',
562
+ 'card': '20 14.3% 4.1%',
563
+ 'card-foreground': '60 9.1% 97.8%',
564
+ 'popover': '20 14.3% 4.1%',
565
+ 'popover-foreground': '60 9.1% 97.8%',
566
+ 'primary': '47.9 95.8% 53.1%',
567
+ 'primary-foreground': '26 83.3% 14.1%',
568
+ 'secondary': '12 6.5% 15.1%',
569
+ 'secondary-foreground': '60 9.1% 97.8%',
570
+ 'muted': '12 6.5% 15.1%',
571
+ 'muted-foreground': '24 5.4% 63.9%',
572
+ 'accent': '12 6.5% 15.1%',
573
+ 'accent-foreground': '60 9.1% 97.8%',
574
+ 'destructive': '0 62.8% 30.6%',
575
+ 'destructive-foreground': '60 9.1% 97.8%',
576
+ 'border': '12 6.5% 15.1%',
577
+ 'input': '12 6.5% 15.1%',
578
+ 'ring': '35.5 91.7% 32.9%',
579
+ },
580
+ },
581
+ },
582
+ {
583
+ name: 'violet',
584
+ label: 'Violet',
585
+ activeColor: {
586
+ light: '262.1 83.3% 57.8%',
587
+ dark: '263.4 70% 50.4%',
588
+ },
589
+ cssVars: {
590
+ light: {
591
+ 'background': '0 0% 100%',
592
+ 'foreground': '224 71.4% 4.1%',
593
+ 'card': '0 0% 100%',
594
+ 'card-foreground': '224 71.4% 4.1%',
595
+ 'popover': '0 0% 100%',
596
+ 'popover-foreground': '224 71.4% 4.1%',
597
+ 'primary': '262.1 83.3% 57.8%',
598
+ 'primary-foreground': '210 20% 98%',
599
+ 'secondary': '220 14.3% 95.9%',
600
+ 'secondary-foreground': '220.9 39.3% 11%',
601
+ 'muted': '220 14.3% 95.9%',
602
+ 'muted-foreground': '220 8.9% 46.1%',
603
+ 'accent': '220 14.3% 95.9%',
604
+ 'accent-foreground': '220.9 39.3% 11%',
605
+ 'destructive': '0 84.2% 60.2%',
606
+ 'destructive-foreground': '210 20% 98%',
607
+ 'border': '220 13% 91%',
608
+ 'input': '220 13% 91%',
609
+ 'ring': '262.1 83.3% 57.8%',
610
+ },
611
+ dark: {
612
+ 'background': '224 71.4% 4.1%',
613
+ 'foreground': '210 20% 98%',
614
+ 'card': '224 71.4% 4.1%',
615
+ 'card-foreground': '210 20% 98%',
616
+ 'popover': '224 71.4% 4.1%',
617
+ 'popover-foreground': '210 20% 98%',
618
+ 'primary': '263.4 70% 50.4%',
619
+ 'primary-foreground': '210 20% 98%',
620
+ 'secondary': '215 27.9% 16.9%',
621
+ 'secondary-foreground': '210 20% 98%',
622
+ 'muted': '215 27.9% 16.9%',
623
+ 'muted-foreground': '217.9 10.6% 64.9%',
624
+ 'accent': '215 27.9% 16.9%',
625
+ 'accent-foreground': '210 20% 98%',
626
+ 'destructive': '0 62.8% 30.6%',
627
+ 'destructive-foreground': '210 20% 98%',
628
+ 'border': '215 27.9% 16.9%',
629
+ 'input': '215 27.9% 16.9%',
630
+ 'ring': '263.4 70% 50.4%',
631
+ },
632
+ },
633
+ },
634
+ ] as const
635
+
636
+ export type Theme = (typeof themes)[number]