@hraness/design-kit 0.31.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 (345) hide show
  1. package/ARTICLE_COPY.md +208 -0
  2. package/HERO_FIELDS.md +55 -0
  3. package/ICONS.md +56 -0
  4. package/LANTERN_MATERIAL.md +60 -0
  5. package/LICENSE +21 -0
  6. package/MARKETING_COPY.md +49 -0
  7. package/MARKETING_PRESET.md +108 -0
  8. package/PALETTES.md +90 -0
  9. package/PAPER_THEME.md +128 -0
  10. package/README.md +745 -0
  11. package/STATUS_PAGES.md +67 -0
  12. package/STYLE.md +245 -0
  13. package/WRITING.md +72 -0
  14. package/dist/browser/index.js +2345 -0
  15. package/dist/chunk-44djxk16.js +6872 -0
  16. package/dist/chunk-5gtx3pza.js +9 -0
  17. package/dist/chunk-77391vmq.js +454 -0
  18. package/dist/chunk-7b1586eb.js +1209 -0
  19. package/dist/chunk-8834fh4n.js +6 -0
  20. package/dist/chunk-9t8xyqte.js +870 -0
  21. package/dist/chunk-cejpzyfh.js +446 -0
  22. package/dist/chunk-eh71jz57.js +429 -0
  23. package/dist/chunk-evb02bc1.js +516 -0
  24. package/dist/chunk-h4k7yv6x.js +368 -0
  25. package/dist/chunk-he8eznb1.js +760 -0
  26. package/dist/chunk-mr1vdcjq.js +404 -0
  27. package/dist/chunk-wzvdn8ey.js +116 -0
  28. package/dist/fonts/nebula-sans/social-fonts.generated.js +53 -0
  29. package/dist/icons.js +48 -0
  30. package/dist/index.js +237 -0
  31. package/dist/launch.js +41 -0
  32. package/dist/mockups/client.js +422 -0
  33. package/dist/mockups/index.js +1850 -0
  34. package/dist/portfolio.js +1549 -0
  35. package/dist/provider-marks.js +19 -0
  36. package/dist/react/charts.js +11 -0
  37. package/dist/react/hero-backdrop.js +8 -0
  38. package/dist/react/index.js +7252 -0
  39. package/dist/react/platform-install.js +10 -0
  40. package/dist/react/server.js +137 -0
  41. package/dist/stylex-manifest.json +1 -0
  42. package/dist/stylex.css +5392 -0
  43. package/dist/syntax-highlighting.js +15 -0
  44. package/dist/testing.js +250 -0
  45. package/package.json +377 -0
  46. package/portfolio-inventory.json +31 -0
  47. package/scripts/check-lantern-material-snapshot.d.mts +26 -0
  48. package/scripts/check-lantern-material-snapshot.mjs +126 -0
  49. package/scripts/check-marketing-snapshot.d.mts +12 -0
  50. package/scripts/check-marketing-snapshot.mjs +58 -0
  51. package/scripts/lantern-material-snapshot.ts +101 -0
  52. package/scripts/marketing-textures.ts +48 -0
  53. package/scripts/paper-theme-snapshot.ts +97 -0
  54. package/scripts/product-marketing-snapshot.ts +149 -0
  55. package/src/appearance-menu.css +266 -0
  56. package/src/appearance.ts +32 -0
  57. package/src/article-html.ts +269 -0
  58. package/src/article.ts +686 -0
  59. package/src/browser/appearance-menu.ts +604 -0
  60. package/src/browser/artifact-share.ts +164 -0
  61. package/src/browser/design-palette.ts +197 -0
  62. package/src/browser/foil.ts +124 -0
  63. package/src/browser/hero-light.ts +11 -0
  64. package/src/browser/index.ts +29 -0
  65. package/src/browser/status-field.ts +432 -0
  66. package/src/browser/status-page.ts +100 -0
  67. package/src/browser/sticky-offset.ts +82 -0
  68. package/src/browser/theme-color-sync.ts +213 -0
  69. package/src/charts.css +7 -0
  70. package/src/compiler-components.css +34 -0
  71. package/src/compiler-foundation.css +18 -0
  72. package/src/compiler-palettes.css +7 -0
  73. package/src/compiler-tokens.css +342 -0
  74. package/src/components.css +3 -0
  75. package/src/design-gallery.css +431 -0
  76. package/src/effects.css +14 -0
  77. package/src/fonts/geist-mono/GeistMono[wght].woff2 +0 -0
  78. package/src/fonts/geist-mono/OFL.txt +93 -0
  79. package/src/fonts/geist-mono/PROVENANCE.md +12 -0
  80. package/src/fonts/instrument-serif/OFL.txt +93 -0
  81. package/src/fonts/instrument-serif/UPSTREAM.md +14 -0
  82. package/src/fonts/instrument-serif/instrument-serif-latin-400.woff2 +0 -0
  83. package/src/fonts/nebula-sans/LICENSE.txt +96 -0
  84. package/src/fonts/nebula-sans/NebulaSans-Black.woff2 +0 -0
  85. package/src/fonts/nebula-sans/NebulaSans-BlackItalic.woff2 +0 -0
  86. package/src/fonts/nebula-sans/NebulaSans-Bold.otf +0 -0
  87. package/src/fonts/nebula-sans/NebulaSans-Bold.woff2 +0 -0
  88. package/src/fonts/nebula-sans/NebulaSans-BoldItalic.woff2 +0 -0
  89. package/src/fonts/nebula-sans/NebulaSans-Book.otf +0 -0
  90. package/src/fonts/nebula-sans/NebulaSans-Book.woff2 +0 -0
  91. package/src/fonts/nebula-sans/NebulaSans-BookItalic.woff2 +0 -0
  92. package/src/fonts/nebula-sans/NebulaSans-Light.woff2 +0 -0
  93. package/src/fonts/nebula-sans/NebulaSans-LightItalic.woff2 +0 -0
  94. package/src/fonts/nebula-sans/NebulaSans-Medium.woff2 +0 -0
  95. package/src/fonts/nebula-sans/NebulaSans-MediumItalic.woff2 +0 -0
  96. package/src/fonts/nebula-sans/NebulaSans-Semibold.woff2 +0 -0
  97. package/src/fonts/nebula-sans/NebulaSans-SemiboldItalic.woff2 +0 -0
  98. package/src/fonts/nebula-sans/PROVENANCE.md +14 -0
  99. package/src/fonts/nebula-sans/social-fonts.generated.ts +3873 -0
  100. package/src/fonts.css +106 -0
  101. package/src/icons/act60/act60.svg +5 -0
  102. package/src/icons/act60/application.svg +9 -0
  103. package/src/icons/act60/chapter-compare.svg +3 -0
  104. package/src/icons/act60/decree-residence.svg +6 -0
  105. package/src/icons/act60/estimate.svg +7 -0
  106. package/src/icons/act60/export-services.svg +4 -0
  107. package/src/icons/act60/investor.svg +13 -0
  108. package/src/icons/act60/presence.svg +7 -0
  109. package/src/icons/aicharts/aicharts.svg +6 -0
  110. package/src/icons/aicharts/cost-compare.svg +4 -0
  111. package/src/icons/aicharts/task-audio.svg +7 -0
  112. package/src/icons/aicharts/task-coding.svg +6 -0
  113. package/src/icons/aicharts/task-images.svg +3 -0
  114. package/src/icons/aicharts/task-reasoning.svg +9 -0
  115. package/src/icons/aicharts/task-research.svg +5 -0
  116. package/src/icons/aicharts/task-video.svg +4 -0
  117. package/src/icons/manifest.json +1371 -0
  118. package/src/icons/platonik/conversation.svg +3 -0
  119. package/src/icons/platonik/creature.svg +7 -0
  120. package/src/icons/platonik/economy.svg +4 -0
  121. package/src/icons/platonik/keep-light.svg +6 -0
  122. package/src/icons/platonik/platonik.svg +7 -0
  123. package/src/icons/platonik/spark-route.svg +15 -0
  124. package/src/icons/receipts/act60-retry.receipt.json +888 -0
  125. package/src/icons/receipts/act60.receipt.json +1366 -0
  126. package/src/icons/receipts/aicharts.receipt.json +1546 -0
  127. package/src/icons/receipts/platonik.receipt.json +1011 -0
  128. package/src/icons/receipts/roughday.receipt.json +770 -0
  129. package/src/icons/receipts/shared.receipt.json +1296 -0
  130. package/src/icons/receipts/slopcamera.receipt.json +1495 -0
  131. package/src/icons/receipts/soundfish-retry.receipt.json +460 -0
  132. package/src/icons/receipts/soundfish.receipt.json +1709 -0
  133. package/src/icons/receipts/sponge.receipt.json +1743 -0
  134. package/src/icons/receipts/stripe-history-retry.receipt.json +145 -0
  135. package/src/icons/receipts/stripe-history.receipt.json +1202 -0
  136. package/src/icons/receipts/wordcell.receipt.json +1924 -0
  137. package/src/icons/roughday/finance.svg +7 -0
  138. package/src/icons/roughday/roughday.svg +6 -0
  139. package/src/icons/roughday/technology.svg +4 -0
  140. package/src/icons/roughday/world.svg +4 -0
  141. package/src/icons/sets/act60.json +63 -0
  142. package/src/icons/sets/aicharts.json +63 -0
  143. package/src/icons/sets/platonik.json +39 -0
  144. package/src/icons/sets/roughday.json +25 -0
  145. package/src/icons/sets/shared.json +12 -0
  146. package/src/icons/sets/slopcamera.json +47 -0
  147. package/src/icons/sets/soundfish.json +43 -0
  148. package/src/icons/sets/sponge.json +51 -0
  149. package/src/icons/sets/stripe-history.json +39 -0
  150. package/src/icons/sets/wordcell.json +51 -0
  151. package/src/icons/shared/agent-skill.svg +4 -0
  152. package/src/icons/shared/cli.svg +5 -0
  153. package/src/icons/shared/privacy.svg +3 -0
  154. package/src/icons/shared/research.svg +7 -0
  155. package/src/icons/shared/sdk.svg +3 -0
  156. package/src/icons/slopcamera/diagram.svg +3 -0
  157. package/src/icons/slopcamera/direct-scene.svg +5 -0
  158. package/src/icons/slopcamera/edit-video.svg +17 -0
  159. package/src/icons/slopcamera/mcp.svg +3 -0
  160. package/src/icons/slopcamera/native-world.svg +3 -0
  161. package/src/icons/slopcamera/slopcamera.svg +11 -0
  162. package/src/icons/soundfish/agent-ui.svg +7 -0
  163. package/src/icons/soundfish/collaborate.svg +5 -0
  164. package/src/icons/soundfish/compose.svg +3 -0
  165. package/src/icons/soundfish/hear.svg +6 -0
  166. package/src/icons/soundfish/human-ui.svg +6 -0
  167. package/src/icons/soundfish/share.svg +3 -0
  168. package/src/icons/soundfish/soundfish.svg +6 -0
  169. package/src/icons/sponge/api.svg +3 -0
  170. package/src/icons/sponge/documents.svg +3 -0
  171. package/src/icons/sponge/library.svg +3 -0
  172. package/src/icons/sponge/one-question.svg +5 -0
  173. package/src/icons/sponge/people-direct.svg +5 -0
  174. package/src/icons/sponge/read.svg +3 -0
  175. package/src/icons/sponge/save.svg +4 -0
  176. package/src/icons/sponge/sponge.svg +7 -0
  177. package/src/icons/stripe-history/company-history.svg +3 -0
  178. package/src/icons/stripe-history/evidence.svg +4 -0
  179. package/src/icons/stripe-history/independence.svg +7 -0
  180. package/src/icons/stripe-history/publications.svg +11 -0
  181. package/src/icons/stripe-history/sources.svg +6 -0
  182. package/src/icons/stripe-history/stripe-history.svg +3 -0
  183. package/src/icons/wordcell/backlinks.svg +6 -0
  184. package/src/icons/wordcell/capture.svg +6 -0
  185. package/src/icons/wordcell/git-provenance.svg +4 -0
  186. package/src/icons/wordcell/kb.svg +4 -0
  187. package/src/icons/wordcell/markdown.svg +4 -0
  188. package/src/icons/wordcell/scopes.svg +3 -0
  189. package/src/icons/wordcell/search.svg +7 -0
  190. package/src/icons.generated.ts +734 -0
  191. package/src/icons.ts +51 -0
  192. package/src/index.ts +275 -0
  193. package/src/lantern-material.css +213 -0
  194. package/src/launch.ts +624 -0
  195. package/src/marketing-assets/UPSTREAM.md +18 -0
  196. package/src/marketing-assets/cells.svg +1 -0
  197. package/src/marketing-assets/grain.svg +1 -0
  198. package/src/marketing-forced-colors.css +12 -0
  199. package/src/mockups/client.tsx +415 -0
  200. package/src/mockups/core.tsx +318 -0
  201. package/src/mockups/frames.tsx +368 -0
  202. package/src/mockups/index.ts +14 -0
  203. package/src/mockups/surfaces.tsx +681 -0
  204. package/src/mockups.css +2607 -0
  205. package/src/palette-appearance.ts +45 -0
  206. package/src/palette-bridge.css +124 -0
  207. package/src/palette-color.ts +41 -0
  208. package/src/palette-system.css +721 -0
  209. package/src/palette-themes.ts +23 -0
  210. package/src/palette-tokens.stylex.ts +519 -0
  211. package/src/palettes.css +3 -0
  212. package/src/palettes.ts +161 -0
  213. package/src/paper-theme.css +244 -0
  214. package/src/plain-publication.css +1241 -0
  215. package/src/plain-site.css +397 -0
  216. package/src/platforms.ts +151 -0
  217. package/src/portfolio.generated.json +1595 -0
  218. package/src/portfolio.generated.ts +1596 -0
  219. package/src/portfolio.ts +226 -0
  220. package/src/product-marketing-foundation.css +433 -0
  221. package/src/product-marketing-preset.css +261 -0
  222. package/src/product-marketing.css +2186 -0
  223. package/src/provider-marks.generated.ts +112 -0
  224. package/src/provider-marks.ts +143 -0
  225. package/src/react/animated-rail-stage.stylex.ts +15 -0
  226. package/src/react/animated-rail-stage.tsx +51 -0
  227. package/src/react/app-shell.stylex.ts +104 -0
  228. package/src/react/app-shell.tsx +121 -0
  229. package/src/react/article.tsx +602 -0
  230. package/src/react/aurora-dots-background.tsx +34 -0
  231. package/src/react/charts.stylex.ts +563 -0
  232. package/src/react/charts.tsx +610 -0
  233. package/src/react/chat.stylex.ts +34 -0
  234. package/src/react/chat.tsx +155 -0
  235. package/src/react/design-gallery.tsx +943 -0
  236. package/src/react/design-palette.stylex.ts +124 -0
  237. package/src/react/design-palette.tsx +196 -0
  238. package/src/react/design-theme-context.tsx +41 -0
  239. package/src/react/effects.stylex.ts +325 -0
  240. package/src/react/fader.stylex.ts +71 -0
  241. package/src/react/fader.tsx +151 -0
  242. package/src/react/foil-card-math.ts +100 -0
  243. package/src/react/foil-card-surface.stylex.ts +326 -0
  244. package/src/react/foil-card-surface.tsx +742 -0
  245. package/src/react/foil-mark.tsx +35 -0
  246. package/src/react/foil.stylex.ts +163 -0
  247. package/src/react/haptics.ts +228 -0
  248. package/src/react/hero-backdrop.tsx +22 -0
  249. package/src/react/index.ts +38 -0
  250. package/src/react/keyboard-shortcuts.ts +228 -0
  251. package/src/react/lantern-material-gallery.tsx +166 -0
  252. package/src/react/lantern-material.stylex.ts +39 -0
  253. package/src/react/launch-beats.tsx +73 -0
  254. package/src/react/navigation-rail.stylex.ts +130 -0
  255. package/src/react/navigation-rail.tsx +228 -0
  256. package/src/react/particle-halo.tsx +115 -0
  257. package/src/react/phaser-dots.tsx +501 -0
  258. package/src/react/platform-icons.tsx +94 -0
  259. package/src/react/platform-install.stylex.ts +385 -0
  260. package/src/react/platform-install.tsx +389 -0
  261. package/src/react/playback-transport.stylex.ts +14 -0
  262. package/src/react/playback-transport.tsx +112 -0
  263. package/src/react/procedural-backdrop.tsx +192 -0
  264. package/src/react/procedural-recipe.ts +323 -0
  265. package/src/react/product-marketing.stylex.ts +4469 -0
  266. package/src/react/product-marketing.tsx +1611 -0
  267. package/src/react/production-data-preview-notice.stylex.ts +40 -0
  268. package/src/react/production-data-preview-notice.tsx +34 -0
  269. package/src/react/provider-mark.stylex.ts +132 -0
  270. package/src/react/provider-mark.tsx +120 -0
  271. package/src/react/relative-time.tsx +117 -0
  272. package/src/react/route-state.stylex.ts +39 -0
  273. package/src/react/route-state.tsx +350 -0
  274. package/src/react/server.ts +11 -0
  275. package/src/react/social-kit-panel.tsx +103 -0
  276. package/src/react/sticky-offset.tsx +33 -0
  277. package/src/react/surfaces.stylex.ts +179 -0
  278. package/src/react/surfaces.tsx +330 -0
  279. package/src/react/syntax-code.tsx +33 -0
  280. package/src/react/theme-color-sync.ts +1 -0
  281. package/src/react/theme-resolution.ts +11 -0
  282. package/src/react/theme.stylex.ts +276 -0
  283. package/src/react/theme.tsx +402 -0
  284. package/src/reading.css +72 -0
  285. package/src/relative-time.ts +185 -0
  286. package/src/reset.css +2 -0
  287. package/src/site-shell.css +16 -0
  288. package/src/status-page-html.ts +63 -0
  289. package/src/status-page.css +276 -0
  290. package/src/status-page.ts +323 -0
  291. package/src/styles.css +21 -0
  292. package/src/syntax-code-lexers.ts +303 -0
  293. package/src/syntax-highlighting.css +78 -0
  294. package/src/syntax-highlighting.ts +477 -0
  295. package/src/syntax-tokens.ts +33 -0
  296. package/src/testing.ts +307 -0
  297. package/src/tokens.css +3 -0
  298. package/src/typography.css +86 -0
  299. package/vendor/evilcharts/LICENSE +21 -0
  300. package/vendor/evilcharts/UPSTREAM.md +14 -0
  301. package/vendor/platform-marks/LICENSE +30 -0
  302. package/vendor/platform-marks/UPSTREAM.md +15 -0
  303. package/vendor/platform-marks/apple.svg +1 -0
  304. package/vendor/platform-marks/linux.svg +1 -0
  305. package/vendor/provider-marks/CRUSH-LICENSE.md +134 -0
  306. package/vendor/provider-marks/LICENSE +21 -0
  307. package/vendor/provider-marks/UPSTREAM.md +27 -0
  308. package/vendor/provider-marks/aider.svg +3 -0
  309. package/vendor/provider-marks/crush-heartbit.svg +8 -0
  310. package/vendor/provider-marks/lobehub/alibabacloud-color.svg +1 -0
  311. package/vendor/provider-marks/lobehub/alibabacloud.svg +1 -0
  312. package/vendor/provider-marks/lobehub/amp-color.svg +1 -0
  313. package/vendor/provider-marks/lobehub/amp.svg +1 -0
  314. package/vendor/provider-marks/lobehub/anthropic.svg +1 -0
  315. package/vendor/provider-marks/lobehub/claude-color.svg +1 -0
  316. package/vendor/provider-marks/lobehub/claude.svg +1 -0
  317. package/vendor/provider-marks/lobehub/claudecode-color.svg +1 -0
  318. package/vendor/provider-marks/lobehub/claudecode.svg +1 -0
  319. package/vendor/provider-marks/lobehub/codex-color.svg +1 -0
  320. package/vendor/provider-marks/lobehub/codex.svg +1 -0
  321. package/vendor/provider-marks/lobehub/cursor.svg +1 -0
  322. package/vendor/provider-marks/lobehub/deepseek-color.svg +1 -0
  323. package/vendor/provider-marks/lobehub/deepseek.svg +1 -0
  324. package/vendor/provider-marks/lobehub/devin-color.svg +1 -0
  325. package/vendor/provider-marks/lobehub/devin.svg +1 -0
  326. package/vendor/provider-marks/lobehub/gemini-color.svg +1 -0
  327. package/vendor/provider-marks/lobehub/gemini.svg +1 -0
  328. package/vendor/provider-marks/lobehub/geminicli-color.svg +1 -0
  329. package/vendor/provider-marks/lobehub/geminicli.svg +1 -0
  330. package/vendor/provider-marks/lobehub/goose.svg +1 -0
  331. package/vendor/provider-marks/lobehub/meta-color.svg +1 -0
  332. package/vendor/provider-marks/lobehub/meta.svg +1 -0
  333. package/vendor/provider-marks/lobehub/mistral-color.svg +1 -0
  334. package/vendor/provider-marks/lobehub/mistral.svg +1 -0
  335. package/vendor/provider-marks/lobehub/moonshot.svg +1 -0
  336. package/vendor/provider-marks/lobehub/nvidia-color.svg +1 -0
  337. package/vendor/provider-marks/lobehub/nvidia.svg +1 -0
  338. package/vendor/provider-marks/lobehub/openai.svg +1 -0
  339. package/vendor/provider-marks/lobehub/opencode.svg +1 -0
  340. package/vendor/provider-marks/lobehub/perplexity-color.svg +1 -0
  341. package/vendor/provider-marks/lobehub/perplexity.svg +1 -0
  342. package/vendor/provider-marks/lobehub/qwen-color.svg +1 -0
  343. package/vendor/provider-marks/lobehub/qwen.svg +1 -0
  344. package/vendor/provider-marks/lobehub/xai.svg +1 -0
  345. package/vendor/provider-marks/lobehub/zai.svg +1 -0
package/src/palette-system.css ADDED
@@ -0,0 +1,721 @@
1
+ /* Generated by scripts/generate-palettes.ts. System-first palette paint without JavaScript. */
2
+ :root[data-palette="catppuccin"]:not([data-theme]),
3
+ [data-palette="catppuccin"]:not([data-theme]) {
4
+ color-scheme: light dark;
5
+ --hraness-palette-background: light-dark(#eff1f5, #1e1e2e);
6
+ --hraness-palette-foreground: light-dark(#3a3c50, #dbe1f7);
7
+ --hraness-palette-muted: light-dark(#545768, #b2b8cf);
8
+ --hraness-palette-faint: light-dark(#545768, #b2b8cf);
9
+ --hraness-palette-grid: light-dark(#dce0e8, #313244);
10
+ --hraness-palette-line: light-dark(#ccd0da, #45475a);
11
+ --hraness-palette-control-border: light-dark(#6e7183, #9296ab);
12
+ --hraness-palette-surface: light-dark(#e6e9ef, #181825);
13
+ --hraness-palette-surface-raised: light-dark(#dce0e8, #313244);
14
+ --hraness-palette-surface-hover: light-dark(#ccd0da, #45475a);
15
+ --hraness-palette-card: light-dark(#e6e9ef, #181825);
16
+ --hraness-palette-card-foreground: light-dark(#3a3c50, #dbe1f7);
17
+ --hraness-palette-popover: light-dark(#dce0e8, #313244);
18
+ --hraness-palette-popover-foreground: light-dark(#3a3c50, #dbe1f7);
19
+ --hraness-palette-primary: light-dark(#1750bf, #92bafa);
20
+ --hraness-palette-primary-foreground: light-dark(#eff1f5, #1e1e2e);
21
+ --hraness-palette-primary-soft: light-dark(#d6e0f5, #2b3046);
22
+ --hraness-palette-secondary: light-dark(#dce0e8, #313244);
23
+ --hraness-palette-secondary-foreground: light-dark(#3a3c50, #dbe1f7);
24
+ --hraness-palette-accent: light-dark(#d6e0f5, #2b3046);
25
+ --hraness-palette-accent-foreground: light-dark(#3a3c50, #dbe1f7);
26
+ --hraness-palette-focus: light-dark(#1750bf, #92bafa);
27
+ --hraness-palette-scrim: light-dark(#00000070, #000000b8);
28
+ --hraness-palette-disabled: light-dark(#dce0e8, #313244);
29
+ --hraness-palette-disabled-foreground: light-dark(#545768, #b2b8cf);
30
+ --hraness-palette-inverse: light-dark(#3a3c50, #dbe1f7);
31
+ --hraness-palette-inverse-foreground: light-dark(#eff1f5, #1e1e2e);
32
+ --hraness-palette-danger: light-dark(#b00d30, #f5a0b8);
33
+ --hraness-palette-danger-foreground: light-dark(#eff1f5, #1e1e2e);
34
+ --hraness-palette-danger-soft: light-dark(#ecd6de, #382b3d);
35
+ --hraness-palette-warning: light-dark(#7b4e10, #f9e2af);
36
+ --hraness-palette-warning-foreground: light-dark(#eff1f5, #1e1e2e);
37
+ --hraness-palette-warning-soft: light-dark(#ede5db, #38363d);
38
+ --hraness-palette-success: light-dark(#28631b, #a6e3a1);
39
+ --hraness-palette-success-foreground: light-dark(#eff1f5, #1e1e2e);
40
+ --hraness-palette-success-soft: light-dark(#dae7dd, #2e363c);
41
+ --hraness-palette-info: light-dark(#0f6065, #89dceb);
42
+ --hraness-palette-info-foreground: light-dark(#eff1f5, #1e1e2e);
43
+ --hraness-palette-info-soft: light-dark(#d5e6ea, #2b3545);
44
+ --hraness-palette-chart1: light-dark(#814170, #f5c2e7);
45
+ --hraness-palette-chart2: light-dark(#28631b, #a6e3a1);
46
+ --hraness-palette-chart3: light-dark(#0f6065, #89dceb);
47
+ --hraness-palette-chart4: light-dark(#7b4e10, #f9e2af);
48
+ --hraness-palette-chart5: light-dark(#712fc6, #cda9f7);
49
+ }
50
+ :root[data-palette="catppuccin"][data-theme="light"],
51
+ [data-palette="catppuccin"][data-theme="light"] {
52
+ color-scheme: light;
53
+ --hraness-palette-background: #eff1f5;
54
+ --hraness-palette-foreground: #3a3c50;
55
+ --hraness-palette-muted: #545768;
56
+ --hraness-palette-faint: #545768;
57
+ --hraness-palette-grid: #dce0e8;
58
+ --hraness-palette-line: #ccd0da;
59
+ --hraness-palette-control-border: #6e7183;
60
+ --hraness-palette-surface: #e6e9ef;
61
+ --hraness-palette-surface-raised: #dce0e8;
62
+ --hraness-palette-surface-hover: #ccd0da;
63
+ --hraness-palette-card: #e6e9ef;
64
+ --hraness-palette-card-foreground: #3a3c50;
65
+ --hraness-palette-popover: #dce0e8;
66
+ --hraness-palette-popover-foreground: #3a3c50;
67
+ --hraness-palette-primary: #1750bf;
68
+ --hraness-palette-primary-foreground: #eff1f5;
69
+ --hraness-palette-primary-soft: #d6e0f5;
70
+ --hraness-palette-secondary: #dce0e8;
71
+ --hraness-palette-secondary-foreground: #3a3c50;
72
+ --hraness-palette-accent: #d6e0f5;
73
+ --hraness-palette-accent-foreground: #3a3c50;
74
+ --hraness-palette-focus: #1750bf;
75
+ --hraness-palette-scrim: #00000070;
76
+ --hraness-palette-disabled: #dce0e8;
77
+ --hraness-palette-disabled-foreground: #545768;
78
+ --hraness-palette-inverse: #3a3c50;
79
+ --hraness-palette-inverse-foreground: #eff1f5;
80
+ --hraness-palette-danger: #b00d30;
81
+ --hraness-palette-danger-foreground: #eff1f5;
82
+ --hraness-palette-danger-soft: #ecd6de;
83
+ --hraness-palette-warning: #7b4e10;
84
+ --hraness-palette-warning-foreground: #eff1f5;
85
+ --hraness-palette-warning-soft: #ede5db;
86
+ --hraness-palette-success: #28631b;
87
+ --hraness-palette-success-foreground: #eff1f5;
88
+ --hraness-palette-success-soft: #dae7dd;
89
+ --hraness-palette-info: #0f6065;
90
+ --hraness-palette-info-foreground: #eff1f5;
91
+ --hraness-palette-info-soft: #d5e6ea;
92
+ --hraness-palette-chart1: #814170;
93
+ --hraness-palette-chart2: #28631b;
94
+ --hraness-palette-chart3: #0f6065;
95
+ --hraness-palette-chart4: #7b4e10;
96
+ --hraness-palette-chart5: #712fc6;
97
+ }
98
+ :root[data-palette="catppuccin"][data-theme="dark"],
99
+ [data-palette="catppuccin"][data-theme="dark"] {
100
+ color-scheme: dark;
101
+ --hraness-palette-background: #1e1e2e;
102
+ --hraness-palette-foreground: #dbe1f7;
103
+ --hraness-palette-muted: #b2b8cf;
104
+ --hraness-palette-faint: #b2b8cf;
105
+ --hraness-palette-grid: #313244;
106
+ --hraness-palette-line: #45475a;
107
+ --hraness-palette-control-border: #9296ab;
108
+ --hraness-palette-surface: #181825;
109
+ --hraness-palette-surface-raised: #313244;
110
+ --hraness-palette-surface-hover: #45475a;
111
+ --hraness-palette-card: #181825;
112
+ --hraness-palette-card-foreground: #dbe1f7;
113
+ --hraness-palette-popover: #313244;
114
+ --hraness-palette-popover-foreground: #dbe1f7;
115
+ --hraness-palette-primary: #92bafa;
116
+ --hraness-palette-primary-foreground: #1e1e2e;
117
+ --hraness-palette-primary-soft: #2b3046;
118
+ --hraness-palette-secondary: #313244;
119
+ --hraness-palette-secondary-foreground: #dbe1f7;
120
+ --hraness-palette-accent: #2b3046;
121
+ --hraness-palette-accent-foreground: #dbe1f7;
122
+ --hraness-palette-focus: #92bafa;
123
+ --hraness-palette-scrim: #000000b8;
124
+ --hraness-palette-disabled: #313244;
125
+ --hraness-palette-disabled-foreground: #b2b8cf;
126
+ --hraness-palette-inverse: #dbe1f7;
127
+ --hraness-palette-inverse-foreground: #1e1e2e;
128
+ --hraness-palette-danger: #f5a0b8;
129
+ --hraness-palette-danger-foreground: #1e1e2e;
130
+ --hraness-palette-danger-soft: #382b3d;
131
+ --hraness-palette-warning: #f9e2af;
132
+ --hraness-palette-warning-foreground: #1e1e2e;
133
+ --hraness-palette-warning-soft: #38363d;
134
+ --hraness-palette-success: #a6e3a1;
135
+ --hraness-palette-success-foreground: #1e1e2e;
136
+ --hraness-palette-success-soft: #2e363c;
137
+ --hraness-palette-info: #89dceb;
138
+ --hraness-palette-info-foreground: #1e1e2e;
139
+ --hraness-palette-info-soft: #2b3545;
140
+ --hraness-palette-chart1: #f5c2e7;
141
+ --hraness-palette-chart2: #a6e3a1;
142
+ --hraness-palette-chart3: #89dceb;
143
+ --hraness-palette-chart4: #f9e2af;
144
+ --hraness-palette-chart5: #cda9f7;
145
+ }
146
+ :root[data-palette="gruvbox"]:not([data-theme]),
147
+ [data-palette="gruvbox"]:not([data-theme]) {
148
+ color-scheme: light dark;
149
+ --hraness-palette-background: light-dark(#fbf1c7, #282828);
150
+ --hraness-palette-foreground: light-dark(#393533, #f0e5c7);
151
+ --hraness-palette-muted: light-dark(#584f48, #c7baa3);
152
+ --hraness-palette-faint: light-dark(#584f48, #c7baa3);
153
+ --hraness-palette-grid: light-dark(#ebdbb2, #3c3836);
154
+ --hraness-palette-line: light-dark(#d5c4a1, #504945);
155
+ --hraness-palette-control-border: light-dark(#75685e, #a5988c);
156
+ --hraness-palette-surface: light-dark(#f9f5d7, #1d2021);
157
+ --hraness-palette-surface-raised: light-dark(#ebdbb2, #3c3836);
158
+ --hraness-palette-surface-hover: light-dark(#d5c4a1, #504945);
159
+ --hraness-palette-card: light-dark(#f9f5d7, #1d2021);
160
+ --hraness-palette-card-foreground: light-dark(#393533, #f0e5c7);
161
+ --hraness-palette-popover: light-dark(#ebdbb2, #3c3836);
162
+ --hraness-palette-popover-foreground: light-dark(#393533, #f0e5c7);
163
+ --hraness-palette-primary: light-dark(#065968, #a9c1b8);
164
+ --hraness-palette-primary-foreground: light-dark(#fbf1c7, #282828);
165
+ --hraness-palette-primary-soft: light-dark(#dee0be, #333735);
166
+ --hraness-palette-secondary: light-dark(#ebdbb2, #3c3836);
167
+ --hraness-palette-secondary-foreground: light-dark(#393533, #f0e5c7);
168
+ --hraness-palette-accent: light-dark(#dee0be, #333735);
169
+ --hraness-palette-accent-foreground: light-dark(#393533, #f0e5c7);
170
+ --hraness-palette-focus: light-dark(#065968, #a9c1b8);
171
+ --hraness-palette-scrim: light-dark(#00000070, #000000b8);
172
+ --hraness-palette-disabled: light-dark(#ebdbb2, #3c3836);
173
+ --hraness-palette-disabled-foreground: light-dark(#584f48, #c7baa3);
174
+ --hraness-palette-inverse: light-dark(#393533, #f0e5c7);
175
+ --hraness-palette-inverse-foreground: light-dark(#fbf1c7, #282828);
176
+ --hraness-palette-danger: light-dark(#9d0006, #fda49a);
177
+ --hraness-palette-danger-foreground: light-dark(#fbf1c7, #282828);
178
+ --hraness-palette-danger-soft: light-dark(#f0d4b0, #412c29);
179
+ --hraness-palette-warning: light-dark(#70490c, #fabd2f);
180
+ --hraness-palette-warning-foreground: light-dark(#fbf1c7, #282828);
181
+ --hraness-palette-warning-soft: light-dark(#f3e2b2, #413a29);
182
+ --hraness-palette-success: light-dark(#56520a, #bfc23c);
183
+ --hraness-palette-success-foreground: light-dark(#fbf1c7, #282828);
184
+ --hraness-palette-success-soft: light-dark(#ebe2b1, #393a28);
185
+ --hraness-palette-info: light-dark(#30593f, #9cc88c);
186
+ --hraness-palette-info-foreground: light-dark(#fbf1c7, #282828);
187
+ --hraness-palette-info-soft: light-dark(#e5e3ba, #343a32);
188
+ --hraness-palette-chart1: light-dark(#913002, #fea963);
189
+ --hraness-palette-chart2: light-dark(#56520a, #bfc23c);
190
+ --hraness-palette-chart3: light-dark(#30593f, #9cc88c);
191
+ --hraness-palette-chart4: light-dark(#70490c, #fabd2f);
192
+ --hraness-palette-chart5: light-dark(#7f3865, #e2aebc);
193
+ }
194
+ :root[data-palette="gruvbox"][data-theme="light"],
195
+ [data-palette="gruvbox"][data-theme="light"] {
196
+ color-scheme: light;
197
+ --hraness-palette-background: #fbf1c7;
198
+ --hraness-palette-foreground: #393533;
199
+ --hraness-palette-muted: #584f48;
200
+ --hraness-palette-faint: #584f48;
201
+ --hraness-palette-grid: #ebdbb2;
202
+ --hraness-palette-line: #d5c4a1;
203
+ --hraness-palette-control-border: #75685e;
204
+ --hraness-palette-surface: #f9f5d7;
205
+ --hraness-palette-surface-raised: #ebdbb2;
206
+ --hraness-palette-surface-hover: #d5c4a1;
207
+ --hraness-palette-card: #f9f5d7;
208
+ --hraness-palette-card-foreground: #393533;
209
+ --hraness-palette-popover: #ebdbb2;
210
+ --hraness-palette-popover-foreground: #393533;
211
+ --hraness-palette-primary: #065968;
212
+ --hraness-palette-primary-foreground: #fbf1c7;
213
+ --hraness-palette-primary-soft: #dee0be;
214
+ --hraness-palette-secondary: #ebdbb2;
215
+ --hraness-palette-secondary-foreground: #393533;
216
+ --hraness-palette-accent: #dee0be;
217
+ --hraness-palette-accent-foreground: #393533;
218
+ --hraness-palette-focus: #065968;
219
+ --hraness-palette-scrim: #00000070;
220
+ --hraness-palette-disabled: #ebdbb2;
221
+ --hraness-palette-disabled-foreground: #584f48;
222
+ --hraness-palette-inverse: #393533;
223
+ --hraness-palette-inverse-foreground: #fbf1c7;
224
+ --hraness-palette-danger: #9d0006;
225
+ --hraness-palette-danger-foreground: #fbf1c7;
226
+ --hraness-palette-danger-soft: #f0d4b0;
227
+ --hraness-palette-warning: #70490c;
228
+ --hraness-palette-warning-foreground: #fbf1c7;
229
+ --hraness-palette-warning-soft: #f3e2b2;
230
+ --hraness-palette-success: #56520a;
231
+ --hraness-palette-success-foreground: #fbf1c7;
232
+ --hraness-palette-success-soft: #ebe2b1;
233
+ --hraness-palette-info: #30593f;
234
+ --hraness-palette-info-foreground: #fbf1c7;
235
+ --hraness-palette-info-soft: #e5e3ba;
236
+ --hraness-palette-chart1: #913002;
237
+ --hraness-palette-chart2: #56520a;
238
+ --hraness-palette-chart3: #30593f;
239
+ --hraness-palette-chart4: #70490c;
240
+ --hraness-palette-chart5: #7f3865;
241
+ }
242
+ :root[data-palette="gruvbox"][data-theme="dark"],
243
+ [data-palette="gruvbox"][data-theme="dark"] {
244
+ color-scheme: dark;
245
+ --hraness-palette-background: #282828;
246
+ --hraness-palette-foreground: #f0e5c7;
247
+ --hraness-palette-muted: #c7baa3;
248
+ --hraness-palette-faint: #c7baa3;
249
+ --hraness-palette-grid: #3c3836;
250
+ --hraness-palette-line: #504945;
251
+ --hraness-palette-control-border: #a5988c;
252
+ --hraness-palette-surface: #1d2021;
253
+ --hraness-palette-surface-raised: #3c3836;
254
+ --hraness-palette-surface-hover: #504945;
255
+ --hraness-palette-card: #1d2021;
256
+ --hraness-palette-card-foreground: #f0e5c7;
257
+ --hraness-palette-popover: #3c3836;
258
+ --hraness-palette-popover-foreground: #f0e5c7;
259
+ --hraness-palette-primary: #a9c1b8;
260
+ --hraness-palette-primary-foreground: #282828;
261
+ --hraness-palette-primary-soft: #333735;
262
+ --hraness-palette-secondary: #3c3836;
263
+ --hraness-palette-secondary-foreground: #f0e5c7;
264
+ --hraness-palette-accent: #333735;
265
+ --hraness-palette-accent-foreground: #f0e5c7;
266
+ --hraness-palette-focus: #a9c1b8;
267
+ --hraness-palette-scrim: #000000b8;
268
+ --hraness-palette-disabled: #3c3836;
269
+ --hraness-palette-disabled-foreground: #c7baa3;
270
+ --hraness-palette-inverse: #f0e5c7;
271
+ --hraness-palette-inverse-foreground: #282828;
272
+ --hraness-palette-danger: #fda49a;
273
+ --hraness-palette-danger-foreground: #282828;
274
+ --hraness-palette-danger-soft: #412c29;
275
+ --hraness-palette-warning: #fabd2f;
276
+ --hraness-palette-warning-foreground: #282828;
277
+ --hraness-palette-warning-soft: #413a29;
278
+ --hraness-palette-success: #bfc23c;
279
+ --hraness-palette-success-foreground: #282828;
280
+ --hraness-palette-success-soft: #393a28;
281
+ --hraness-palette-info: #9cc88c;
282
+ --hraness-palette-info-foreground: #282828;
283
+ --hraness-palette-info-soft: #343a32;
284
+ --hraness-palette-chart1: #fea963;
285
+ --hraness-palette-chart2: #bfc23c;
286
+ --hraness-palette-chart3: #9cc88c;
287
+ --hraness-palette-chart4: #fabd2f;
288
+ --hraness-palette-chart5: #e2aebc;
289
+ }
290
+ :root[data-palette="rose-pine"]:not([data-theme]),
291
+ [data-palette="rose-pine"]:not([data-theme]) {
292
+ color-scheme: light dark;
293
+ --hraness-palette-background: light-dark(#faf4ed, #191724);
294
+ --hraness-palette-foreground: light-dark(#44405e, #e0def4);
295
+ --hraness-palette-muted: light-dark(#605c74, #adaac0);
296
+ --hraness-palette-faint: light-dark(#605c74, #adaac0);
297
+ --hraness-palette-grid: light-dark(#f2e9e1, #26233a);
298
+ --hraness-palette-line: light-dark(#dfdad9, #403d52);
299
+ --hraness-palette-control-border: light-dark(#797593, #908caa);
300
+ --hraness-palette-surface: light-dark(#fffaf3, #1f1d2e);
301
+ --hraness-palette-surface-raised: light-dark(#f2e9e1, #26233a);
302
+ --hraness-palette-surface-hover: light-dark(#dfdad9, #403d52);
303
+ --hraness-palette-card: light-dark(#fffaf3, #1f1d2e);
304
+ --hraness-palette-card-foreground: light-dark(#44405e, #e0def4);
305
+ --hraness-palette-popover: light-dark(#f2e9e1, #26233a);
306
+ --hraness-palette-popover-foreground: light-dark(#44405e, #e0def4);
307
+ --hraness-palette-primary: light-dark(#68587a, #c4a7e7);
308
+ --hraness-palette-primary-foreground: light-dark(#faf4ed, #191724);
309
+ --hraness-palette-primary-soft: light-dark(#ede5e5, #2e283b);
310
+ --hraness-palette-secondary: light-dark(#f2e9e1, #26233a);
311
+ --hraness-palette-secondary-foreground: light-dark(#44405e, #e0def4);
312
+ --hraness-palette-accent: light-dark(#ede5e5, #2e283b);
313
+ --hraness-palette-accent-foreground: light-dark(#44405e, #e0def4);
314
+ --hraness-palette-focus: light-dark(#68587a, #c4a7e7);
315
+ --hraness-palette-scrim: light-dark(#00000070, #000000b8);
316
+ --hraness-palette-disabled: light-dark(#f2e9e1, #26233a);
317
+ --hraness-palette-disabled-foreground: light-dark(#605c74, #adaac0);
318
+ --hraness-palette-inverse: light-dark(#44405e, #e0def4);
319
+ --hraness-palette-inverse-foreground: light-dark(#faf4ed, #191724);
320
+ --hraness-palette-danger: light-dark(#8b4c5e, #f090ab);
321
+ --hraness-palette-danger-foreground: light-dark(#faf4ed, #191724);
322
+ --hraness-palette-danger-soft: light-dark(#f2e3df, #322231);
323
+ --hraness-palette-warning: light-dark(#81561d, #f6c177);
324
+ --hraness-palette-warning-foreground: light-dark(#faf4ed, #191724);
325
+ --hraness-palette-warning-soft: light-dark(#f8ead7, #342b2e);
326
+ --hraness-palette-success: light-dark(#27667f, #9ccfd8);
327
+ --hraness-palette-success-foreground: light-dark(#faf4ed, #191724);
328
+ --hraness-palette-success-soft: light-dark(#e1e3e0, #292d3a);
329
+ --hraness-palette-info: light-dark(#3a656c, #ebbcba);
330
+ --hraness-palette-info-foreground: light-dark(#faf4ed, #191724);
331
+ --hraness-palette-info-soft: light-dark(#e6e8e4, #322b36);
332
+ --hraness-palette-chart1: light-dark(#85514e, #ebbcba);
333
+ --hraness-palette-chart2: light-dark(#27667f, #9ccfd8);
334
+ --hraness-palette-chart3: light-dark(#3a656c, #ebbcba);
335
+ --hraness-palette-chart4: light-dark(#81561d, #f6c177);
336
+ --hraness-palette-chart5: light-dark(#68587a, #c4a7e7);
337
+ }
338
+ :root[data-palette="rose-pine"][data-theme="light"],
339
+ [data-palette="rose-pine"][data-theme="light"] {
340
+ color-scheme: light;
341
+ --hraness-palette-background: #faf4ed;
342
+ --hraness-palette-foreground: #44405e;
343
+ --hraness-palette-muted: #605c74;
344
+ --hraness-palette-faint: #605c74;
345
+ --hraness-palette-grid: #f2e9e1;
346
+ --hraness-palette-line: #dfdad9;
347
+ --hraness-palette-control-border: #797593;
348
+ --hraness-palette-surface: #fffaf3;
349
+ --hraness-palette-surface-raised: #f2e9e1;
350
+ --hraness-palette-surface-hover: #dfdad9;
351
+ --hraness-palette-card: #fffaf3;
352
+ --hraness-palette-card-foreground: #44405e;
353
+ --hraness-palette-popover: #f2e9e1;
354
+ --hraness-palette-popover-foreground: #44405e;
355
+ --hraness-palette-primary: #68587a;
356
+ --hraness-palette-primary-foreground: #faf4ed;
357
+ --hraness-palette-primary-soft: #ede5e5;
358
+ --hraness-palette-secondary: #f2e9e1;
359
+ --hraness-palette-secondary-foreground: #44405e;
360
+ --hraness-palette-accent: #ede5e5;
361
+ --hraness-palette-accent-foreground: #44405e;
362
+ --hraness-palette-focus: #68587a;
363
+ --hraness-palette-scrim: #00000070;
364
+ --hraness-palette-disabled: #f2e9e1;
365
+ --hraness-palette-disabled-foreground: #605c74;
366
+ --hraness-palette-inverse: #44405e;
367
+ --hraness-palette-inverse-foreground: #faf4ed;
368
+ --hraness-palette-danger: #8b4c5e;
369
+ --hraness-palette-danger-foreground: #faf4ed;
370
+ --hraness-palette-danger-soft: #f2e3df;
371
+ --hraness-palette-warning: #81561d;
372
+ --hraness-palette-warning-foreground: #faf4ed;
373
+ --hraness-palette-warning-soft: #f8ead7;
374
+ --hraness-palette-success: #27667f;
375
+ --hraness-palette-success-foreground: #faf4ed;
376
+ --hraness-palette-success-soft: #e1e3e0;
377
+ --hraness-palette-info: #3a656c;
378
+ --hraness-palette-info-foreground: #faf4ed;
379
+ --hraness-palette-info-soft: #e6e8e4;
380
+ --hraness-palette-chart1: #85514e;
381
+ --hraness-palette-chart2: #27667f;
382
+ --hraness-palette-chart3: #3a656c;
383
+ --hraness-palette-chart4: #81561d;
384
+ --hraness-palette-chart5: #68587a;
385
+ }
386
+ :root[data-palette="rose-pine"][data-theme="dark"],
387
+ [data-palette="rose-pine"][data-theme="dark"] {
388
+ color-scheme: dark;
389
+ --hraness-palette-background: #191724;
390
+ --hraness-palette-foreground: #e0def4;
391
+ --hraness-palette-muted: #adaac0;
392
+ --hraness-palette-faint: #adaac0;
393
+ --hraness-palette-grid: #26233a;
394
+ --hraness-palette-line: #403d52;
395
+ --hraness-palette-control-border: #908caa;
396
+ --hraness-palette-surface: #1f1d2e;
397
+ --hraness-palette-surface-raised: #26233a;
398
+ --hraness-palette-surface-hover: #403d52;
399
+ --hraness-palette-card: #1f1d2e;
400
+ --hraness-palette-card-foreground: #e0def4;
401
+ --hraness-palette-popover: #26233a;
402
+ --hraness-palette-popover-foreground: #e0def4;
403
+ --hraness-palette-primary: #c4a7e7;
404
+ --hraness-palette-primary-foreground: #191724;
405
+ --hraness-palette-primary-soft: #2e283b;
406
+ --hraness-palette-secondary: #26233a;
407
+ --hraness-palette-secondary-foreground: #e0def4;
408
+ --hraness-palette-accent: #2e283b;
409
+ --hraness-palette-accent-foreground: #e0def4;
410
+ --hraness-palette-focus: #c4a7e7;
411
+ --hraness-palette-scrim: #000000b8;
412
+ --hraness-palette-disabled: #26233a;
413
+ --hraness-palette-disabled-foreground: #adaac0;
414
+ --hraness-palette-inverse: #e0def4;
415
+ --hraness-palette-inverse-foreground: #191724;
416
+ --hraness-palette-danger: #f090ab;
417
+ --hraness-palette-danger-foreground: #191724;
418
+ --hraness-palette-danger-soft: #322231;
419
+ --hraness-palette-warning: #f6c177;
420
+ --hraness-palette-warning-foreground: #191724;
421
+ --hraness-palette-warning-soft: #342b2e;
422
+ --hraness-palette-success: #9ccfd8;
423
+ --hraness-palette-success-foreground: #191724;
424
+ --hraness-palette-success-soft: #292d3a;
425
+ --hraness-palette-info: #ebbcba;
426
+ --hraness-palette-info-foreground: #191724;
427
+ --hraness-palette-info-soft: #322b36;
428
+ --hraness-palette-chart1: #ebbcba;
429
+ --hraness-palette-chart2: #9ccfd8;
430
+ --hraness-palette-chart3: #ebbcba;
431
+ --hraness-palette-chart4: #f6c177;
432
+ --hraness-palette-chart5: #c4a7e7;
433
+ }
434
+ :root[data-palette="tokyo-night"]:not([data-theme]),
435
+ [data-palette="tokyo-night"]:not([data-theme]) {
436
+ color-scheme: light dark;
437
+ --hraness-palette-background: light-dark(#e1e2e7, #1a1b26);
438
+ --hraness-palette-foreground: light-dark(#1c3161, #c0caf5);
439
+ --hraness-palette-muted: light-dark(#414c76, #a9b1d6);
440
+ --hraness-palette-faint: light-dark(#414c76, #a9b1d6);
441
+ --hraness-palette-grid: light-dark(#c4c8da, #24283b);
442
+ --hraness-palette-line: light-dark(#b7c1e3, #292e42);
443
+ --hraness-palette-control-border: light-dark(#56659d, #737aa2);
444
+ --hraness-palette-surface: light-dark(#d0d5e3, #16161e);
445
+ --hraness-palette-surface-raised: light-dark(#c4c8da, #24283b);
446
+ --hraness-palette-surface-hover: light-dark(#b7c1e3, #292e42);
447
+ --hraness-palette-card: light-dark(#d0d5e3, #16161e);
448
+ --hraness-palette-card-foreground: light-dark(#1c3161, #c0caf5);
449
+ --hraness-palette-popover: light-dark(#c4c8da, #24283b);
450
+ --hraness-palette-popover-foreground: light-dark(#1c3161, #c0caf5);
451
+ --hraness-palette-primary: light-dark(#1d4e90, #7aa2f7);
452
+ --hraness-palette-primary-foreground: light-dark(#e1e2e7, #1a1b26);
453
+ --hraness-palette-primary-soft: light-dark(#ccd6e7, #262b3f);
454
+ --hraness-palette-secondary: light-dark(#c4c8da, #24283b);
455
+ --hraness-palette-secondary-foreground: light-dark(#1c3161, #c0caf5);
456
+ --hraness-palette-accent: light-dark(#ccd6e7, #262b3f);
457
+ --hraness-palette-accent-foreground: light-dark(#1c3161, #c0caf5);
458
+ --hraness-palette-focus: light-dark(#1d4e90, #7aa2f7);
459
+ --hraness-palette-scrim: light-dark(#00000070, #000000b8);
460
+ --hraness-palette-disabled: light-dark(#c4c8da, #24283b);
461
+ --hraness-palette-disabled-foreground: light-dark(#414c76, #a9b1d6);
462
+ --hraness-palette-inverse: light-dark(#1c3161, #c0caf5);
463
+ --hraness-palette-inverse-foreground: light-dark(#e1e2e7, #1a1b26);
464
+ --hraness-palette-danger: light-dark(#951a3e, #f7768e);
465
+ --hraness-palette-danger-foreground: light-dark(#e1e2e7, #1a1b26);
466
+ --hraness-palette-danger-soft: light-dark(#e3ccd7, #352632);
467
+ --hraness-palette-warning: light-dark(#614b2b, #e0af68);
468
+ --hraness-palette-warning-foreground: light-dark(#e1e2e7, #1a1b26);
469
+ --hraness-palette-warning-soft: light-dark(#d7d4d3, #322d2e);
470
+ --hraness-palette-success: light-dark(#40552a, #9ece6a);
471
+ --hraness-palette-success-foreground: light-dark(#e1e2e7, #1a1b26);
472
+ --hraness-palette-success-soft: light-dark(#d1d5d2, #2a302e);
473
+ --hraness-palette-info: light-dark(#005571, #7dcfff);
474
+ --hraness-palette-info-foreground: light-dark(#e1e2e7, #1a1b26);
475
+ --hraness-palette-info-soft: light-dark(#c6d4dd, #263140);
476
+ --hraness-palette-chart1: light-dark(#7a3f00, #ff9e64);
477
+ --hraness-palette-chart2: light-dark(#40552a, #9ece6a);
478
+ --hraness-palette-chart3: light-dark(#005571, #7dcfff);
479
+ --hraness-palette-chart4: light-dark(#614b2b, #e0af68);
480
+ --hraness-palette-chart5: light-dark(#61369a, #bb9af7);
481
+ }
482
+ :root[data-palette="tokyo-night"][data-theme="light"],
483
+ [data-palette="tokyo-night"][data-theme="light"] {
484
+ color-scheme: light;
485
+ --hraness-palette-background: #e1e2e7;
486
+ --hraness-palette-foreground: #1c3161;
487
+ --hraness-palette-muted: #414c76;
488
+ --hraness-palette-faint: #414c76;
489
+ --hraness-palette-grid: #c4c8da;
490
+ --hraness-palette-line: #b7c1e3;
491
+ --hraness-palette-control-border: #56659d;
492
+ --hraness-palette-surface: #d0d5e3;
493
+ --hraness-palette-surface-raised: #c4c8da;
494
+ --hraness-palette-surface-hover: #b7c1e3;
495
+ --hraness-palette-card: #d0d5e3;
496
+ --hraness-palette-card-foreground: #1c3161;
497
+ --hraness-palette-popover: #c4c8da;
498
+ --hraness-palette-popover-foreground: #1c3161;
499
+ --hraness-palette-primary: #1d4e90;
500
+ --hraness-palette-primary-foreground: #e1e2e7;
501
+ --hraness-palette-primary-soft: #ccd6e7;
502
+ --hraness-palette-secondary: #c4c8da;
503
+ --hraness-palette-secondary-foreground: #1c3161;
504
+ --hraness-palette-accent: #ccd6e7;
505
+ --hraness-palette-accent-foreground: #1c3161;
506
+ --hraness-palette-focus: #1d4e90;
507
+ --hraness-palette-scrim: #00000070;
508
+ --hraness-palette-disabled: #c4c8da;
509
+ --hraness-palette-disabled-foreground: #414c76;
510
+ --hraness-palette-inverse: #1c3161;
511
+ --hraness-palette-inverse-foreground: #e1e2e7;
512
+ --hraness-palette-danger: #951a3e;
513
+ --hraness-palette-danger-foreground: #e1e2e7;
514
+ --hraness-palette-danger-soft: #e3ccd7;
515
+ --hraness-palette-warning: #614b2b;
516
+ --hraness-palette-warning-foreground: #e1e2e7;
517
+ --hraness-palette-warning-soft: #d7d4d3;
518
+ --hraness-palette-success: #40552a;
519
+ --hraness-palette-success-foreground: #e1e2e7;
520
+ --hraness-palette-success-soft: #d1d5d2;
521
+ --hraness-palette-info: #005571;
522
+ --hraness-palette-info-foreground: #e1e2e7;
523
+ --hraness-palette-info-soft: #c6d4dd;
524
+ --hraness-palette-chart1: #7a3f00;
525
+ --hraness-palette-chart2: #40552a;
526
+ --hraness-palette-chart3: #005571;
527
+ --hraness-palette-chart4: #614b2b;
528
+ --hraness-palette-chart5: #61369a;
529
+ }
530
+ :root[data-palette="tokyo-night"][data-theme="dark"],
531
+ [data-palette="tokyo-night"][data-theme="dark"] {
532
+ color-scheme: dark;
533
+ --hraness-palette-background: #1a1b26;
534
+ --hraness-palette-foreground: #c0caf5;
535
+ --hraness-palette-muted: #a9b1d6;
536
+ --hraness-palette-faint: #a9b1d6;
537
+ --hraness-palette-grid: #24283b;
538
+ --hraness-palette-line: #292e42;
539
+ --hraness-palette-control-border: #737aa2;
540
+ --hraness-palette-surface: #16161e;
541
+ --hraness-palette-surface-raised: #24283b;
542
+ --hraness-palette-surface-hover: #292e42;
543
+ --hraness-palette-card: #16161e;
544
+ --hraness-palette-card-foreground: #c0caf5;
545
+ --hraness-palette-popover: #24283b;
546
+ --hraness-palette-popover-foreground: #c0caf5;
547
+ --hraness-palette-primary: #7aa2f7;
548
+ --hraness-palette-primary-foreground: #1a1b26;
549
+ --hraness-palette-primary-soft: #262b3f;
550
+ --hraness-palette-secondary: #24283b;
551
+ --hraness-palette-secondary-foreground: #c0caf5;
552
+ --hraness-palette-accent: #262b3f;
553
+ --hraness-palette-accent-foreground: #c0caf5;
554
+ --hraness-palette-focus: #7aa2f7;
555
+ --hraness-palette-scrim: #000000b8;
556
+ --hraness-palette-disabled: #24283b;
557
+ --hraness-palette-disabled-foreground: #a9b1d6;
558
+ --hraness-palette-inverse: #c0caf5;
559
+ --hraness-palette-inverse-foreground: #1a1b26;
560
+ --hraness-palette-danger: #f7768e;
561
+ --hraness-palette-danger-foreground: #1a1b26;
562
+ --hraness-palette-danger-soft: #352632;
563
+ --hraness-palette-warning: #e0af68;
564
+ --hraness-palette-warning-foreground: #1a1b26;
565
+ --hraness-palette-warning-soft: #322d2e;
566
+ --hraness-palette-success: #9ece6a;
567
+ --hraness-palette-success-foreground: #1a1b26;
568
+ --hraness-palette-success-soft: #2a302e;
569
+ --hraness-palette-info: #7dcfff;
570
+ --hraness-palette-info-foreground: #1a1b26;
571
+ --hraness-palette-info-soft: #263140;
572
+ --hraness-palette-chart1: #ff9e64;
573
+ --hraness-palette-chart2: #9ece6a;
574
+ --hraness-palette-chart3: #7dcfff;
575
+ --hraness-palette-chart4: #e0af68;
576
+ --hraness-palette-chart5: #bb9af7;
577
+ }
578
+ :root[data-palette="paper"]:not([data-theme]),
579
+ [data-palette="paper"]:not([data-theme]) {
580
+ color-scheme: light dark;
581
+ --hraness-palette-background: light-dark(#f8f7f4, #12100f);
582
+ --hraness-palette-foreground: light-dark(#1c1917, #f5f2ed);
583
+ --hraness-palette-muted: light-dark(#6c665f, #aaa29a);
584
+ --hraness-palette-faint: light-dark(#6c665f, #aaa29a);
585
+ --hraness-palette-grid: light-dark(#dfdcd6, #302b27);
586
+ --hraness-palette-line: light-dark(#b9b3ab, #514a44);
587
+ --hraness-palette-control-border: light-dark(#8a8177, #827a72);
588
+ --hraness-palette-surface: light-dark(#fffefa, #1d1a18);
589
+ --hraness-palette-surface-raised: light-dark(#fffefa, #211d1a);
590
+ --hraness-palette-surface-hover: light-dark(#ebe8e3, #292522);
591
+ --hraness-palette-card: light-dark(#fffefa, #1d1a18);
592
+ --hraness-palette-card-foreground: light-dark(#1c1917, #f5f2ed);
593
+ --hraness-palette-popover: light-dark(#fffefa, #211d1a);
594
+ --hraness-palette-popover-foreground: light-dark(#1c1917, #f5f2ed);
595
+ --hraness-palette-primary: light-dark(#1e5ae1, #8fb0ff);
596
+ --hraness-palette-primary-foreground: light-dark(#f8f7f4, #12100f);
597
+ --hraness-palette-primary-soft: light-dark(#dee5f3, #21232c);
598
+ --hraness-palette-secondary: light-dark(#ebe8e3, #292522);
599
+ --hraness-palette-secondary-foreground: light-dark(#1c1917, #f5f2ed);
600
+ --hraness-palette-accent: light-dark(#dee5f3, #21232c);
601
+ --hraness-palette-accent-foreground: light-dark(#1c1917, #f5f2ed);
602
+ --hraness-palette-focus: light-dark(#1e5ae1, #8fb0ff);
603
+ --hraness-palette-scrim: light-dark(#00000070, #000000b8);
604
+ --hraness-palette-disabled: light-dark(#fffefa, #211d1a);
605
+ --hraness-palette-disabled-foreground: light-dark(#6c665f, #aaa29a);
606
+ --hraness-palette-inverse: light-dark(#1c1917, #f5f2ed);
607
+ --hraness-palette-inverse-foreground: light-dark(#f8f7f4, #12100f);
608
+ --hraness-palette-danger: light-dark(#b23c34, #ef8c82);
609
+ --hraness-palette-danger-foreground: light-dark(#f8f7f4, #12100f);
610
+ --hraness-palette-danger-soft: light-dark(#f0e1dd, #2d1f1d);
611
+ --hraness-palette-warning: light-dark(#975600, #efae55);
612
+ --hraness-palette-warning-foreground: light-dark(#f8f7f4, #12100f);
613
+ --hraness-palette-warning-soft: light-dark(#eee5d7, #2d2317);
614
+ --hraness-palette-success: light-dark(#227445, #5fc98b);
615
+ --hraness-palette-success-foreground: light-dark(#f8f7f4, #12100f);
616
+ --hraness-palette-success-soft: light-dark(#dfe9e0, #1b261e);
617
+ --hraness-palette-info: light-dark(#1e5ae1, #8fb0ff);
618
+ --hraness-palette-info-foreground: light-dark(#f8f7f4, #12100f);
619
+ --hraness-palette-info-soft: light-dark(#dee5f3, #21232c);
620
+ --hraness-palette-chart1: light-dark(#a24a64, #db91aa);
621
+ --hraness-palette-chart2: light-dark(#227445, #5fc98b);
622
+ --hraness-palette-chart3: light-dark(#1e5ae1, #8fb0ff);
623
+ --hraness-palette-chart4: light-dark(#975600, #efae55);
624
+ --hraness-palette-chart5: light-dark(#7858a3, #b7a0dc);
625
+ }
626
+ :root[data-palette="paper"][data-theme="light"],
627
+ [data-palette="paper"][data-theme="light"] {
628
+ color-scheme: light;
629
+ --hraness-palette-background: #f8f7f4;
630
+ --hraness-palette-foreground: #1c1917;
631
+ --hraness-palette-muted: #6c665f;
632
+ --hraness-palette-faint: #6c665f;
633
+ --hraness-palette-grid: #dfdcd6;
634
+ --hraness-palette-line: #b9b3ab;
635
+ --hraness-palette-control-border: #8a8177;
636
+ --hraness-palette-surface: #fffefa;
637
+ --hraness-palette-surface-raised: #fffefa;
638
+ --hraness-palette-surface-hover: #ebe8e3;
639
+ --hraness-palette-card: #fffefa;
640
+ --hraness-palette-card-foreground: #1c1917;
641
+ --hraness-palette-popover: #fffefa;
642
+ --hraness-palette-popover-foreground: #1c1917;
643
+ --hraness-palette-primary: #1e5ae1;
644
+ --hraness-palette-primary-foreground: #f8f7f4;
645
+ --hraness-palette-primary-soft: #dee5f3;
646
+ --hraness-palette-secondary: #ebe8e3;
647
+ --hraness-palette-secondary-foreground: #1c1917;
648
+ --hraness-palette-accent: #dee5f3;
649
+ --hraness-palette-accent-foreground: #1c1917;
650
+ --hraness-palette-focus: #1e5ae1;
651
+ --hraness-palette-scrim: #00000070;
652
+ --hraness-palette-disabled: #fffefa;
653
+ --hraness-palette-disabled-foreground: #6c665f;
654
+ --hraness-palette-inverse: #1c1917;
655
+ --hraness-palette-inverse-foreground: #f8f7f4;
656
+ --hraness-palette-danger: #b23c34;
657
+ --hraness-palette-danger-foreground: #f8f7f4;
658
+ --hraness-palette-danger-soft: #f0e1dd;
659
+ --hraness-palette-warning: #975600;
660
+ --hraness-palette-warning-foreground: #f8f7f4;
661
+ --hraness-palette-warning-soft: #eee5d7;
662
+ --hraness-palette-success: #227445;
663
+ --hraness-palette-success-foreground: #f8f7f4;
664
+ --hraness-palette-success-soft: #dfe9e0;
665
+ --hraness-palette-info: #1e5ae1;
666
+ --hraness-palette-info-foreground: #f8f7f4;
667
+ --hraness-palette-info-soft: #dee5f3;
668
+ --hraness-palette-chart1: #a24a64;
669
+ --hraness-palette-chart2: #227445;
670
+ --hraness-palette-chart3: #1e5ae1;
671
+ --hraness-palette-chart4: #975600;
672
+ --hraness-palette-chart5: #7858a3;
673
+ }
674
+ :root[data-palette="paper"][data-theme="dark"],
675
+ [data-palette="paper"][data-theme="dark"] {
676
+ color-scheme: dark;
677
+ --hraness-palette-background: #12100f;
678
+ --hraness-palette-foreground: #f5f2ed;
679
+ --hraness-palette-muted: #aaa29a;
680
+ --hraness-palette-faint: #aaa29a;
681
+ --hraness-palette-grid: #302b27;
682
+ --hraness-palette-line: #514a44;
683
+ --hraness-palette-control-border: #827a72;
684
+ --hraness-palette-surface: #1d1a18;
685
+ --hraness-palette-surface-raised: #211d1a;
686
+ --hraness-palette-surface-hover: #292522;
687
+ --hraness-palette-card: #1d1a18;
688
+ --hraness-palette-card-foreground: #f5f2ed;
689
+ --hraness-palette-popover: #211d1a;
690
+ --hraness-palette-popover-foreground: #f5f2ed;
691
+ --hraness-palette-primary: #8fb0ff;
692
+ --hraness-palette-primary-foreground: #12100f;
693
+ --hraness-palette-primary-soft: #21232c;
694
+ --hraness-palette-secondary: #292522;
695
+ --hraness-palette-secondary-foreground: #f5f2ed;
696
+ --hraness-palette-accent: #21232c;
697
+ --hraness-palette-accent-foreground: #f5f2ed;
698
+ --hraness-palette-focus: #8fb0ff;
699
+ --hraness-palette-scrim: #000000b8;
700
+ --hraness-palette-disabled: #211d1a;
701
+ --hraness-palette-disabled-foreground: #aaa29a;
702
+ --hraness-palette-inverse: #f5f2ed;
703
+ --hraness-palette-inverse-foreground: #12100f;
704
+ --hraness-palette-danger: #ef8c82;
705
+ --hraness-palette-danger-foreground: #12100f;
706
+ --hraness-palette-danger-soft: #2d1f1d;
707
+ --hraness-palette-warning: #efae55;
708
+ --hraness-palette-warning-foreground: #12100f;
709
+ --hraness-palette-warning-soft: #2d2317;
710
+ --hraness-palette-success: #5fc98b;
711
+ --hraness-palette-success-foreground: #12100f;
712
+ --hraness-palette-success-soft: #1b261e;
713
+ --hraness-palette-info: #8fb0ff;
714
+ --hraness-palette-info-foreground: #12100f;
715
+ --hraness-palette-info-soft: #21232c;
716
+ --hraness-palette-chart1: #db91aa;
717
+ --hraness-palette-chart2: #5fc98b;
718
+ --hraness-palette-chart3: #8fb0ff;
719
+ --hraness-palette-chart4: #efae55;
720
+ --hraness-palette-chart5: #b7a0dc;
721
+ }