@cyberskill/design 1.0.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (266) hide show
  1. package/DESIGN.md +10 -9
  2. package/README.md +31 -28
  3. package/SKILL.md +13 -9
  4. package/VERSION +1 -1
  5. package/_ds_bundle.js +660 -202
  6. package/_ds_manifest.json +1 -1
  7. package/_esm/cs.mjs +14 -8
  8. package/_esm/react.d.ts +216 -0
  9. package/_esm/react.mjs +114 -0
  10. package/base/collections.css +31 -0
  11. package/base/components.css +3 -0
  12. package/base/data.css +33 -0
  13. package/base/forms.css +8 -0
  14. package/base/interaction.css +1 -0
  15. package/base/typography.css +6 -0
  16. package/components/_i18n/strings.js +8 -4
  17. package/components/ai/ai-conversation.card.html +2 -2
  18. package/components/ai/ai-lumi.card.html +2 -2
  19. package/components/ai/ai.card.html +2 -2
  20. package/components/brand/brand.card.html +2 -2
  21. package/components/button/buttons.card.html +2 -2
  22. package/components/data/AspectRatio.d.ts +16 -0
  23. package/components/data/AspectRatio.figma.tsx +12 -0
  24. package/components/data/AspectRatio.jsx +16 -0
  25. package/components/data/AspectRatio.prompt.md +7 -0
  26. package/components/data/Collapsible.d.ts +21 -0
  27. package/components/data/Collapsible.figma.tsx +12 -0
  28. package/components/data/Collapsible.jsx +49 -0
  29. package/components/data/Collapsible.prompt.md +7 -0
  30. package/components/data/Image.d.ts +4 -0
  31. package/components/data/Image.prompt.md +2 -2
  32. package/components/data/Item.d.ts +26 -0
  33. package/components/data/Item.figma.tsx +12 -0
  34. package/components/data/Item.jsx +63 -0
  35. package/components/data/Item.prompt.md +10 -0
  36. package/components/data/ScrollArea.d.ts +16 -0
  37. package/components/data/ScrollArea.figma.tsx +12 -0
  38. package/components/data/ScrollArea.jsx +25 -0
  39. package/components/data/ScrollArea.prompt.md +7 -0
  40. package/components/data/collections.card.html +15 -4
  41. package/components/data/data.card.html +15 -4
  42. package/components/datatable/datatable.card.html +2 -2
  43. package/components/dialog/dialog.card.html +2 -2
  44. package/components/feedback/feedback-2.card.html +2 -2
  45. package/components/feedback/feedback.card.html +2 -2
  46. package/components/forms/Cascader.jsx +5 -3
  47. package/components/forms/Editor.prompt.md +1 -1
  48. package/components/forms/InputGroup.d.ts +4 -0
  49. package/components/forms/InputGroup.jsx +38 -8
  50. package/components/forms/InputGroup.prompt.md +3 -3
  51. package/components/forms/NativeSelect.d.ts +22 -0
  52. package/components/forms/NativeSelect.figma.tsx +12 -0
  53. package/components/forms/NativeSelect.jsx +56 -0
  54. package/components/forms/NativeSelect.prompt.md +10 -0
  55. package/components/forms/NumberField.d.ts +5 -0
  56. package/components/forms/NumberField.jsx +51 -7
  57. package/components/forms/NumberField.prompt.md +2 -2
  58. package/components/forms/SegmentedControl.jsx +1 -1
  59. package/components/forms/TagInput.d.ts +3 -0
  60. package/components/forms/TagInput.jsx +62 -20
  61. package/components/forms/TagInput.prompt.md +2 -2
  62. package/components/forms/forms-2.card.html +2 -2
  63. package/components/forms/forms.card.html +5 -4
  64. package/components/icon/Icon.prompt.md +1 -1
  65. package/components/icon/icon.card.html +2 -2
  66. package/components/logo/Logo.jsx +2 -1
  67. package/components/logo/logo.card.html +2 -2
  68. package/components/navigation/Menu.jsx +14 -1
  69. package/components/navigation/navigation.card.html +2 -2
  70. package/components/navigation/shell.card.html +2 -2
  71. package/components/overlays/AlertDialog.d.ts +29 -0
  72. package/components/overlays/AlertDialog.figma.tsx +12 -0
  73. package/components/overlays/AlertDialog.jsx +142 -0
  74. package/components/overlays/AlertDialog.prompt.md +12 -0
  75. package/components/overlays/Drawer.jsx +1 -1
  76. package/components/overlays/Popconfirm.jsx +14 -1
  77. package/components/overlays/Popover.jsx +14 -1
  78. package/components/overlays/alertdialog.card.html +42 -0
  79. package/components/overlays/overlays.card.html +2 -2
  80. package/components/textfield/textfield.card.html +2 -2
  81. package/docs/benchmark-rubric.md +46 -0
  82. package/docs/ci-cd.md +17 -11
  83. package/docs/consumer-grant.md +37 -0
  84. package/docs/consuming.md +45 -16
  85. package/docs/contrast-report.md +91 -103
  86. package/docs/conventions.md +12 -9
  87. package/docs/decisions.md +33 -10
  88. package/docs/deploy.md +1 -1
  89. package/docs/design-styles.md +26 -8
  90. package/docs/figma.md +3 -3
  91. package/docs/live-hub.md +5 -3
  92. package/docs/products.md +13 -11
  93. package/docs/quality-gates.md +35 -21
  94. package/docs/release-notes.md +21 -3
  95. package/docs/status/assets/favicon.svg +5 -0
  96. package/docs/status/assets/status-legacy.css +399 -0
  97. package/docs/status/assets/status-legacy.js +505 -0
  98. package/docs/status/assets/status.css +644 -0
  99. package/docs/status/assets/status.js +1308 -0
  100. package/docs/status/data/status-feed.json +1 -0
  101. package/docs/status/data/task/TASK-REL-001.js +1 -0
  102. package/docs/status/data/task/TASK-REL-002.js +1 -0
  103. package/docs/status/index.html +42 -0
  104. package/docs/status/roadmap.html +4 -0
  105. package/docs/status/status-legacy.html +117 -0
  106. package/docs/storybook.md +5 -4
  107. package/docs/sync.md +3 -2
  108. package/docs/tasks/BACKLOG.md +26 -0
  109. package/docs/tasks/release/TASK-REL-001-launch-1-1-0/spec.md +55 -0
  110. package/docs/tasks/release/TASK-REL-002-republish-1-1-1/spec.md +54 -0
  111. package/docs/template-schema-v2.md +15 -3
  112. package/docs/vi/benchmark-rubric.md +46 -0
  113. package/docs/vi/ci-cd.md +17 -11
  114. package/docs/vi/consumer-grant.md +37 -0
  115. package/docs/vi/consuming.md +45 -16
  116. package/docs/vi/contrast-report.md +94 -106
  117. package/docs/vi/conventions.md +12 -9
  118. package/docs/vi/decisions.md +33 -10
  119. package/docs/vi/deploy.md +1 -1
  120. package/docs/vi/design-styles.md +26 -8
  121. package/docs/vi/figma.md +3 -3
  122. package/docs/vi/live-hub.md +5 -3
  123. package/docs/vi/products.md +13 -11
  124. package/docs/vi/quality-gates.md +35 -21
  125. package/docs/vi/release-notes.md +26 -8
  126. package/docs/vi/storybook.md +5 -4
  127. package/docs/vi/sync.md +3 -2
  128. package/docs/vi/template-schema-v2.md +15 -3
  129. package/docs/viewer.html +2 -2
  130. package/fonts/spacegrotesk-var-latin-ext.woff2 +0 -0
  131. package/fonts/spacegrotesk-var-latin.woff2 +0 -0
  132. package/fonts/spacegrotesk-var-vietnamese.woff2 +0 -0
  133. package/guidelines/atomic-view.html +40 -27
  134. package/guidelines/elements-geometry.html +69 -0
  135. package/guidelines/elements-variants.html +17 -17
  136. package/guidelines/type-families.html +16 -10
  137. package/llms.txt +17 -11
  138. package/package.json +38 -16
  139. package/styles.css +1 -0
  140. package/templates/ai-cluster-demo.html +29 -14
  141. package/templates/app-shell/support.js +4 -4
  142. package/templates/article/content-schema.json +6 -0
  143. package/templates/article/support.js +4 -4
  144. package/templates/auth/support.js +4 -4
  145. package/templates/bod-deck/support.js +4 -4
  146. package/templates/bod-investor-update/support.js +4 -4
  147. package/templates/bod-memo/support.js +4 -4
  148. package/templates/bod-minutes/content-schema.json +12 -0
  149. package/templates/bod-minutes/support.js +4 -4
  150. package/templates/bod-report/support.js +4 -4
  151. package/templates/bod-resolution/support.js +4 -4
  152. package/templates/culture-event-invite/support.js +4 -4
  153. package/templates/dashboard/support.js +4 -4
  154. package/templates/delivery-change-note/support.js +4 -4
  155. package/templates/delivery-kickoff/support.js +4 -4
  156. package/templates/delivery-qbr-deck/support.js +4 -4
  157. package/templates/delivery-runbook/content-schema.json +6 -0
  158. package/templates/delivery-runbook/support.js +4 -4
  159. package/templates/delivery-status-email/support.js +4 -4
  160. package/templates/doc-style-guide/DocStyleGuide.dc.html +2 -2
  161. package/templates/doc-style-guide/support.js +4 -4
  162. package/templates/doc-suite-index/support.js +4 -4
  163. package/templates/doc-templates/DocTemplates.dc.html +1 -1
  164. package/templates/doc-templates/support.js +4 -4
  165. package/templates/email/support.js +4 -4
  166. package/templates/email-safe/README.md +17 -4
  167. package/templates/email-safe/email-launch.html +3 -3
  168. package/templates/email-safe/email-newsletter.html +1 -1
  169. package/templates/finance-dunning-email/support.js +4 -4
  170. package/templates/finance-expense-report/support.js +4 -4
  171. package/templates/finance-invoice/support.js +4 -4
  172. package/templates/finance-quote/support.js +4 -4
  173. package/templates/hr-announcement/support.js +4 -4
  174. package/templates/hr-interview-kit/content-schema.json +12 -0
  175. package/templates/hr-interview-kit/support.js +4 -4
  176. package/templates/hr-offboarding/content-schema.json +12 -0
  177. package/templates/hr-offboarding/support.js +4 -4
  178. package/templates/hr-performance-review/content-schema.json +12 -0
  179. package/templates/hr-performance-review/support.js +4 -4
  180. package/templates/hr-pip/content-schema.json +12 -0
  181. package/templates/hr-pip/support.js +4 -4
  182. package/templates/legal-msa/content-schema.json +16 -0
  183. package/templates/legal-msa/support.js +4 -4
  184. package/templates/legal-sow/support.js +4 -4
  185. package/templates/marketing-campaign-brief/support.js +4 -4
  186. package/templates/marketing-case-study/support.js +4 -4
  187. package/templates/marketing-launch/support.js +4 -4
  188. package/templates/marketing-newsletter/support.js +4 -4
  189. package/templates/marketing-page/content-schema.json +0 -1
  190. package/templates/marketing-page/support.js +4 -4
  191. package/templates/marketing-press-release/support.js +4 -4
  192. package/templates/marketing-social-kit/support.js +4 -4
  193. package/templates/playground.html +8 -4
  194. package/templates/sales-one-pager/support.js +4 -4
  195. package/templates/sales-proposal-deck/support.js +4 -4
  196. package/templates/settings/Settings.dc.html +26 -14
  197. package/templates/settings/content-schema.json +36 -0
  198. package/templates/settings/support.js +4 -4
  199. package/templates/slide-deck/support.js +4 -4
  200. package/templates/team-meeting-agenda/content-schema.json +16 -0
  201. package/templates/team-meeting-agenda/support.js +4 -4
  202. package/templates/tech-incident-report/support.js +4 -4
  203. package/templates/tech-release-notes/support.js +4 -4
  204. package/templates/tech-retro/content-schema.json +12 -0
  205. package/templates/tech-retro/support.js +4 -4
  206. package/templates/tech-rfc/content-schema.json +6 -0
  207. package/templates/tech-rfc/support.js +4 -4
  208. package/templates/vn-appointment-transfer/support.js +4 -4
  209. package/templates/vn-certificate-of-employment/support.js +4 -4
  210. package/templates/vn-code-of-conduct/support.js +4 -4
  211. package/templates/vn-compensation-regulation/support.js +4 -4
  212. package/templates/vn-contract-amendment/support.js +4 -4
  213. package/templates/vn-contractor-agreement/support.js +4 -4
  214. package/templates/vn-data-protection-policy/support.js +4 -4
  215. package/templates/vn-disciplinary-case-file/support.js +4 -4
  216. package/templates/vn-disciplinary-schedule/content-schema.json +15 -0
  217. package/templates/vn-disciplinary-schedule/support.js +4 -4
  218. package/templates/vn-employee-request/support.js +4 -4
  219. package/templates/vn-exit-handover/support.js +4 -4
  220. package/templates/vn-foreign-employee-pack/support.js +4 -4
  221. package/templates/vn-grassroots-democracy/support.js +4 -4
  222. package/templates/vn-infosec-policy/support.js +4 -4
  223. package/templates/vn-internal-labor-regulations/support.js +4 -4
  224. package/templates/vn-internship-agreement/support.js +4 -4
  225. package/templates/vn-job-description/support.js +4 -4
  226. package/templates/vn-labor-contract/support.js +4 -4
  227. package/templates/vn-labour-management-book/content-schema.json +15 -0
  228. package/templates/vn-labour-management-book/support.js +4 -4
  229. package/templates/vn-mutual-nda/support.js +4 -4
  230. package/templates/vn-ndnca-ip/support.js +4 -4
  231. package/templates/vn-offer-letter/support.js +4 -4
  232. package/templates/vn-onboarding-checklist/support.js +4 -4
  233. package/templates/vn-pdpl-consent/support.js +4 -4
  234. package/templates/vn-performance-evaluation-regulation/support.js +4 -4
  235. package/templates/vn-performance-review-form/support.js +4 -4
  236. package/templates/vn-phantom-stock/support.js +4 -4
  237. package/templates/vn-probation-contract/support.js +4 -4
  238. package/templates/vn-receipt-acknowledgement/content-schema.json +15 -0
  239. package/templates/vn-receipt-acknowledgement/support.js +4 -4
  240. package/templates/vn-remote-work-policy/support.js +4 -4
  241. package/templates/vn-resignation-letter/support.js +4 -4
  242. package/templates/vn-salary-scale/content-schema.json +15 -0
  243. package/templates/vn-salary-scale/support.js +4 -4
  244. package/templates/vn-sow-appendix/support.js +4 -4
  245. package/templates/vn-termination-decision/support.js +4 -4
  246. package/templates/vn-total-rewards-appendix/support.js +4 -4
  247. package/templates/vn-training-commitment/support.js +4 -4
  248. package/templates/vn-travel-expense-policy/support.js +4 -4
  249. package/tokens/element-seeds.json +112 -0
  250. package/tokens/elements.css +274 -187
  251. package/tokens/fonts.css +12 -3
  252. package/tokens/native/CSTokens.kt +84 -68
  253. package/tokens/native/CSTokens.swift +84 -68
  254. package/tokens/native/cs_tokens.dart +84 -68
  255. package/tokens/provenance.json +9 -9
  256. package/tokens/styles.css +15 -0
  257. package/tokens/tokens.dtcg.json +258 -233
  258. package/tokens/tokens.js +168 -167
  259. package/tokens/tokens.json +167 -166
  260. package/tokens/typography.css +9 -1
  261. package/ui_kits/status-hub/README.md +1 -2
  262. package/ui_kits/status-hub/index.html +2 -2
  263. package/ui_kits/status-hub/settings.html +6 -3
  264. package/ui_kits/website/chat.html +2 -2
  265. package/ui_kits/website/index.html +2 -2
  266. package/ui_kits/status-hub/identity-lab.html +0 -134
package/tokens/tokens.js CHANGED
@@ -1,8 +1,8 @@
1
- // CyberSkill design tokens — generated from tokens/*.css (v1.0.0). Do not edit by hand.
1
+ // CyberSkill design tokens — generated from tokens/*.css (v1.1.1). Do not edit by hand.
2
2
  export const tokens = {
3
3
  "$meta": {
4
4
  "system": "CyberSkill Design System",
5
- "version": "1.0.0",
5
+ "version": "1.1.1",
6
6
  "generated": "2026-07-23",
7
7
  "note": "Generated from tokens/*.css. Root grouped by category; theme/element scopes carry overrides only. Regenerate after any token change (see docs/conventions.md)."
8
8
  },
@@ -54,14 +54,14 @@ export const tokens = {
54
54
  },
55
55
  "accent": {
56
56
  "--cs-accent": "#F4BA17",
57
- "--cs-accent-strong": "#B98200",
57
+ "--cs-accent-strong": "#A47D17",
58
58
  "--cs-accent-bright": "#F4BA17",
59
59
  "--cs-accent-on": "#45210E",
60
60
  "--cs-accent-tint": "#FBF4E9",
61
61
  "--cs-accent-ink": "#45210E",
62
- "--cs-accent-glow": "rgba(244, 186, 23, 0.5)",
62
+ "--cs-accent-glow": "rgba(244, 186, 23, 0.48)",
63
63
  "--cs-accent-grad-a": "#F4BA17",
64
- "--cs-accent-grad-b": "#C77B4A"
64
+ "--cs-accent-grad-b": "#FCAF91"
65
65
  },
66
66
  "depth": {
67
67
  "--cs-depth-bg": "0",
@@ -138,6 +138,7 @@ export const tokens = {
138
138
  },
139
139
  "font": {
140
140
  "--cs-font-family-ui": "'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif",
141
+ "--cs-font-family-display": "'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif",
141
142
  "--cs-font-family-mono": "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
142
143
  "--cs-font-weight-regular": "400",
143
144
  "--cs-font-weight-medium": "500",
@@ -238,198 +239,198 @@ export const tokens = {
238
239
  }
239
240
  },
240
241
  "elements": {
242
+ "tho.sand": {
243
+ "--cs-accent": "#F8E9C0",
244
+ "--cs-accent-strong": "#90825E",
245
+ "--cs-accent-bright": "#F6EBCC",
246
+ "--cs-accent-on": "#292414",
247
+ "--cs-accent-tint": "#FBF7EA",
248
+ "--cs-accent-ink": "#292414",
249
+ "--cs-accent-glow": "rgba(248, 233, 192, 0.48)",
250
+ "--cs-accent-grad-a": "#F8E9C0",
251
+ "--cs-accent-grad-b": "#FCAF91",
252
+ "--cs-color-text-accent": "#90825E",
253
+ "--cs-color-link": "#90825E"
254
+ },
241
255
  "tho": {
242
256
  "--cs-accent": "#F4BA17",
243
- "--cs-accent-strong": "#B98200",
257
+ "--cs-accent-strong": "#A47D17",
244
258
  "--cs-accent-bright": "#F4BA17",
245
259
  "--cs-accent-on": "#45210E",
246
260
  "--cs-accent-tint": "#FBF4E9",
247
261
  "--cs-accent-ink": "#45210E",
248
- "--cs-accent-glow": "rgba(244, 186, 23, 0.5)",
262
+ "--cs-accent-glow": "rgba(244, 186, 23, 0.48)",
249
263
  "--cs-accent-grad-a": "#F4BA17",
250
- "--cs-accent-grad-b": "#C77B4A"
264
+ "--cs-accent-grad-b": "#FCAF91"
251
265
  },
252
266
  "tho.clay": {
253
- "--cs-accent": "#C77B4A",
254
- "--cs-accent-strong": "#8F5230",
255
- "--cs-accent-bright": "#EDBF9D",
256
- "--cs-accent-on": "#2E1607",
257
- "--cs-accent-tint": "#F8EDE4",
258
- "--cs-accent-ink": "#2E1607",
259
- "--cs-accent-glow": "rgba(199, 123, 74, 0.5)",
260
- "--cs-accent-grad-a": "#C77B4A",
261
- "--cs-accent-grad-b": "#F4BA17",
262
- "--cs-color-text-accent": "#8F5230",
263
- "--cs-color-link": "#8F5230"
267
+ "--cs-accent": "#513801",
268
+ "--cs-accent-strong": "#201300",
269
+ "--cs-accent-bright": "#DEC7A2",
270
+ "--cs-accent-on": "#2D220E",
271
+ "--cs-accent-tint": "#FFF6E7",
272
+ "--cs-accent-ink": "#2D220E",
273
+ "--cs-accent-glow": "rgba(81, 56, 1, 0.48)",
274
+ "--cs-accent-grad-a": "#513801",
275
+ "--cs-accent-grad-b": "#FCAF91",
276
+ "--cs-color-text-accent": "#201300",
277
+ "--cs-color-link": "#201300"
264
278
  },
265
- "tho.sand": {
266
- "--cs-accent": "#E4C98F",
267
- "--cs-accent-strong": "#A98B4E",
268
- "--cs-accent-bright": "#EFDCB2",
269
- "--cs-accent-on": "#3A2A10",
270
- "--cs-accent-tint": "#FAF3E3",
271
- "--cs-accent-ink": "#3A2A10",
272
- "--cs-accent-glow": "rgba(228, 201, 143, 0.55)",
273
- "--cs-accent-grad-a": "#E4C98F",
279
+ "hoa.plasma": {
280
+ "--cs-accent": "#FFE1D8",
281
+ "--cs-accent-strong": "#967C75",
282
+ "--cs-accent-bright": "#FCE6DF",
283
+ "--cs-accent-on": "#2C211E",
284
+ "--cs-accent-tint": "#FEF4F2",
285
+ "--cs-accent-ink": "#2C211E",
286
+ "--cs-accent-glow": "rgba(255, 225, 216, 0.48)",
287
+ "--cs-accent-grad-a": "#FFE1D8",
274
288
  "--cs-accent-grad-b": "#F4BA17",
275
- "--cs-color-text-accent": "#8A6F3C",
276
- "--cs-color-link": "#8A6F3C"
289
+ "--cs-color-text-accent": "#967C75",
290
+ "--cs-color-link": "#967C75"
277
291
  },
278
292
  "hoa": {
279
- "--cs-accent": "#E0632B",
280
- "--cs-accent-strong": "#A93E14",
281
- "--cs-accent-bright": "#F6A26B",
282
- "--cs-accent-on": "#231007",
283
- "--cs-accent-tint": "#FBEADF",
284
- "--cs-accent-ink": "#231007",
285
- "--cs-accent-glow": "rgba(224, 99, 43, 0.5)",
286
- "--cs-accent-grad-a": "#E0632B",
293
+ "--cs-accent": "#FCAF91",
294
+ "--cs-accent-strong": "#B47054",
295
+ "--cs-accent-bright": "#FED3C3",
296
+ "--cs-accent-on": "#381B10",
297
+ "--cs-accent-tint": "#FFF4F0",
298
+ "--cs-accent-ink": "#381B10",
299
+ "--cs-accent-glow": "rgba(252, 175, 145, 0.48)",
300
+ "--cs-accent-grad-a": "#FCAF91",
287
301
  "--cs-accent-grad-b": "#F4BA17",
288
- "--cs-color-text-accent": "#A93E14",
289
- "--cs-color-link": "#A93E14"
302
+ "--cs-color-text-accent": "#B47054",
303
+ "--cs-color-link": "#B47054"
290
304
  },
291
305
  "hoa.lava": {
292
- "--cs-accent": "#C43D1F",
293
- "--cs-accent-strong": "#7E1F0E",
294
- "--cs-accent-bright": "#F6AC85",
295
- "--cs-accent-on": "#1D0B05",
296
- "--cs-accent-tint": "#FAE5DC",
297
- "--cs-accent-ink": "#1D0B05",
298
- "--cs-accent-glow": "rgba(196, 61, 31, 0.55)",
299
- "--cs-accent-grad-a": "#C43D1F",
300
- "--cs-accent-grad-b": "#E0632B",
301
- "--cs-color-text-accent": "#9B2D14",
302
- "--cs-color-link": "#9B2D14"
306
+ "--cs-accent": "#622B06",
307
+ "--cs-accent-strong": "#280D00",
308
+ "--cs-accent-bright": "#F1BEA4",
309
+ "--cs-accent-on": "#361D0F",
310
+ "--cs-accent-tint": "#FFF4EF",
311
+ "--cs-accent-ink": "#361D0F",
312
+ "--cs-accent-glow": "rgba(98, 43, 6, 0.48)",
313
+ "--cs-accent-grad-a": "#622B06",
314
+ "--cs-accent-grad-b": "#F4BA17",
315
+ "--cs-color-text-accent": "#280D00",
316
+ "--cs-color-link": "#280D00"
303
317
  },
304
- "hoa.plasma": {
305
- "--cs-accent": "#E8506E",
306
- "--cs-accent-strong": "#B02348",
307
- "--cs-accent-bright": "#F7A8B8",
308
- "--cs-accent-on": "#200812",
309
- "--cs-accent-tint": "#FBE6EB",
310
- "--cs-accent-ink": "#200812",
311
- "--cs-accent-glow": "rgba(232, 80, 110, 0.5)",
312
- "--cs-accent-grad-a": "#E8506E",
313
- "--cs-accent-grad-b": "#F08A52",
314
- "--cs-color-text-accent": "#B02348",
315
- "--cs-color-link": "#B02348"
318
+ "thuy.mist": {
319
+ "--cs-accent": "#C0F5FC",
320
+ "--cs-accent-strong": "#5A8A90",
321
+ "--cs-accent-bright": "#CDF4F9",
322
+ "--cs-accent-on": "#13282B",
323
+ "--cs-accent-tint": "#EBFAFC",
324
+ "--cs-accent-ink": "#13282B",
325
+ "--cs-accent-glow": "rgba(192, 245, 252, 0.48)",
326
+ "--cs-accent-grad-a": "#C0F5FC",
327
+ "--cs-accent-grad-b": "#A3D768",
328
+ "--cs-color-text-accent": "#5A8A90",
329
+ "--cs-color-link": "#5A8A90"
316
330
  },
317
331
  "thuy": {
318
- "--cs-accent": "#4E8E9B",
319
- "--cs-accent-strong": "#2F5E6B",
320
- "--cs-accent-bright": "#A6D0DA",
321
- "--cs-accent-on": "#0E1D20",
322
- "--cs-accent-tint": "#E6F1F2",
323
- "--cs-accent-ink": "#0E1D20",
324
- "--cs-accent-glow": "rgba(78, 142, 155, 0.5)",
325
- "--cs-accent-grad-a": "#4E8E9B",
326
- "--cs-accent-grad-b": "#7A9B57",
327
- "--cs-color-text-accent": "#2F5E6B",
328
- "--cs-color-link": "#2F5E6B"
332
+ "--cs-accent": "#2EDBF7",
333
+ "--cs-accent-strong": "#108EA0",
334
+ "--cs-accent-bright": "#99EEFF",
335
+ "--cs-accent-on": "#012A30",
336
+ "--cs-accent-tint": "#E7FBFF",
337
+ "--cs-accent-ink": "#012A30",
338
+ "--cs-accent-glow": "rgba(46, 219, 247, 0.48)",
339
+ "--cs-accent-grad-a": "#2EDBF7",
340
+ "--cs-accent-grad-b": "#A3D768",
341
+ "--cs-color-text-accent": "#108EA0",
342
+ "--cs-color-link": "#108EA0"
329
343
  },
330
344
  "thuy.ocean": {
331
- "--cs-accent": "#2E5E7E",
332
- "--cs-accent-strong": "#1C3E56",
333
- "--cs-accent-bright": "#A9CCE0",
334
- "--cs-accent-on": "#0B161E",
335
- "--cs-accent-tint": "#E4EEF4",
336
- "--cs-accent-ink": "#0B161E",
337
- "--cs-accent-glow": "rgba(46, 94, 126, 0.55)",
338
- "--cs-accent-grad-a": "#2E5E7E",
339
- "--cs-accent-grad-b": "#4E8E9B",
340
- "--cs-color-text-accent": "#1C3E56",
341
- "--cs-color-link": "#1C3E56"
345
+ "--cs-accent": "#004554",
346
+ "--cs-accent-strong": "#011A21",
347
+ "--cs-accent-bright": "#A8D3E0",
348
+ "--cs-accent-on": "#10282F",
349
+ "--cs-accent-tint": "#EAFAFF",
350
+ "--cs-accent-ink": "#10282F",
351
+ "--cs-accent-glow": "rgba(0, 69, 84, 0.48)",
352
+ "--cs-accent-grad-a": "#004554",
353
+ "--cs-accent-grad-b": "#A3D768",
354
+ "--cs-color-text-accent": "#011A21",
355
+ "--cs-color-link": "#011A21"
342
356
  },
343
- "thuy.mist": {
344
- "--cs-accent": "#A7C4C9",
345
- "--cs-accent-strong": "#5E7F85",
346
- "--cs-accent-bright": "#C4DADD",
347
- "--cs-accent-on": "#16262A",
348
- "--cs-accent-tint": "#F0F6F7",
349
- "--cs-accent-ink": "#16262A",
350
- "--cs-accent-glow": "rgba(167, 196, 201, 0.55)",
351
- "--cs-accent-grad-a": "#A7C4C9",
352
- "--cs-accent-grad-b": "#4E8E9B",
353
- "--cs-color-text-accent": "#4A686E",
354
- "--cs-color-link": "#4A686E"
357
+ "moc.bamboo": {
358
+ "--cs-accent": "#E1F1C8",
359
+ "--cs-accent-strong": "#7C8965",
360
+ "--cs-accent-bright": "#E5F1D2",
361
+ "--cs-accent-on": "#212617",
362
+ "--cs-accent-tint": "#F4F9ED",
363
+ "--cs-accent-ink": "#212617",
364
+ "--cs-accent-glow": "rgba(225, 241, 200, 0.48)",
365
+ "--cs-accent-grad-a": "#E1F1C8",
366
+ "--cs-accent-grad-b": "#FCAF91",
367
+ "--cs-color-text-accent": "#7C8965",
368
+ "--cs-color-link": "#7C8965"
355
369
  },
356
370
  "moc": {
357
- "--cs-accent": "#7A9B57",
358
- "--cs-accent-strong": "#4C6B35",
359
- "--cs-accent-bright": "#A9C177",
360
- "--cs-accent-on": "#18200F",
361
- "--cs-accent-tint": "#EEF3E2",
362
- "--cs-accent-ink": "#18200F",
363
- "--cs-accent-glow": "rgba(122, 155, 87, 0.5)",
364
- "--cs-accent-grad-a": "#7A9B57",
365
- "--cs-accent-grad-b": "#E0632B",
366
- "--cs-color-text-accent": "#4C6B35",
367
- "--cs-color-link": "#4C6B35"
368
- },
369
- "moc.bamboo": {
370
- "--cs-accent": "#A9C177",
371
- "--cs-accent-strong": "#6B8442",
372
- "--cs-accent-bright": "#C4D69B",
373
- "--cs-accent-on": "#1C240F",
374
- "--cs-accent-tint": "#F3F7E8",
375
- "--cs-accent-ink": "#1C240F",
376
- "--cs-accent-glow": "rgba(169, 193, 119, 0.55)",
377
- "--cs-accent-grad-a": "#A9C177",
378
- "--cs-accent-grad-b": "#7A9B57",
379
- "--cs-color-text-accent": "#5B7237",
380
- "--cs-color-link": "#5B7237"
371
+ "--cs-accent": "#A3D768",
372
+ "--cs-accent-strong": "#629122",
373
+ "--cs-accent-bright": "#C5ED9C",
374
+ "--cs-accent-on": "#182A00",
375
+ "--cs-accent-tint": "#EFFCE3",
376
+ "--cs-accent-ink": "#182A00",
377
+ "--cs-accent-glow": "rgba(163, 215, 104, 0.48)",
378
+ "--cs-accent-grad-a": "#A3D768",
379
+ "--cs-accent-grad-b": "#FCAF91",
380
+ "--cs-color-text-accent": "#629122",
381
+ "--cs-color-link": "#629122"
381
382
  },
382
383
  "moc.forest": {
383
- "--cs-accent": "#3E5A2E",
384
- "--cs-accent-strong": "#263A1B",
385
- "--cs-accent-bright": "#B3CE9B",
386
- "--cs-accent-on": "#101708",
387
- "--cs-accent-tint": "#E9EFE1",
388
- "--cs-accent-ink": "#101708",
389
- "--cs-accent-glow": "rgba(62, 90, 46, 0.55)",
390
- "--cs-accent-grad-a": "#3E5A2E",
391
- "--cs-accent-grad-b": "#7A9B57",
392
- "--cs-color-text-accent": "#31481F",
393
- "--cs-color-link": "#31481F"
384
+ "--cs-accent": "#1A4A01",
385
+ "--cs-accent-strong": "#051D00",
386
+ "--cs-accent-bright": "#B0D8A3",
387
+ "--cs-accent-on": "#162A0E",
388
+ "--cs-accent-tint": "#ECFDE7",
389
+ "--cs-accent-ink": "#162A0E",
390
+ "--cs-accent-glow": "rgba(26, 74, 1, 0.48)",
391
+ "--cs-accent-grad-a": "#1A4A01",
392
+ "--cs-accent-grad-b": "#FCAF91",
393
+ "--cs-color-text-accent": "#051D00",
394
+ "--cs-color-link": "#051D00"
395
+ },
396
+ "kim.titanium": {
397
+ "--cs-accent": "#FEE5C7",
398
+ "--cs-accent-strong": "#947F65",
399
+ "--cs-accent-bright": "#FBE8D2",
400
+ "--cs-accent-on": "#2B2217",
401
+ "--cs-accent-tint": "#FDF5ED",
402
+ "--cs-accent-ink": "#2B2217",
403
+ "--cs-accent-glow": "rgba(254, 229, 199, 0.48)",
404
+ "--cs-accent-grad-a": "#FEE5C7",
405
+ "--cs-accent-grad-b": "#2EDBF7",
406
+ "--cs-color-text-accent": "#947F65",
407
+ "--cs-color-link": "#947F65"
394
408
  },
395
409
  "kim": {
396
- "--cs-accent": "#BFB29B",
397
- "--cs-accent-strong": "#7E7160",
398
- "--cs-accent-bright": "#D8CCB6",
399
- "--cs-accent-on": "#221C12",
400
- "--cs-accent-tint": "#F3EFE6",
401
- "--cs-accent-ink": "#221C12",
402
- "--cs-accent-glow": "rgba(191, 178, 155, 0.5)",
403
- "--cs-accent-grad-a": "#BFB29B",
404
- "--cs-accent-grad-b": "#4E8E9B",
405
- "--cs-color-text-accent": "#6E6151",
406
- "--cs-color-link": "#6E6151"
410
+ "--cs-accent": "#F3B958",
411
+ "--cs-accent-strong": "#AC780B",
412
+ "--cs-accent-bright": "#FDD89F",
413
+ "--cs-accent-on": "#312002",
414
+ "--cs-accent-tint": "#FFF5E7",
415
+ "--cs-accent-ink": "#312002",
416
+ "--cs-accent-glow": "rgba(243, 185, 88, 0.48)",
417
+ "--cs-accent-grad-a": "#F3B958",
418
+ "--cs-accent-grad-b": "#2EDBF7",
419
+ "--cs-color-text-accent": "#AC780B",
420
+ "--cs-color-link": "#AC780B"
407
421
  },
408
422
  "kim.steel": {
409
- "--cs-accent": "#9FA3A3",
410
- "--cs-accent-strong": "#63696B",
411
- "--cs-accent-bright": "#C2C6C6",
412
- "--cs-accent-on": "#191D1E",
413
- "--cs-accent-tint": "#EFF1F1",
414
- "--cs-accent-ink": "#191D1E",
415
- "--cs-accent-glow": "rgba(159, 163, 163, 0.5)",
416
- "--cs-accent-grad-a": "#9FA3A3",
417
- "--cs-accent-grad-b": "#BFB29B",
418
- "--cs-color-text-accent": "#565C5E",
419
- "--cs-color-link": "#565C5E"
420
- },
421
- "kim.titanium": {
422
- "--cs-accent": "#8A7F72",
423
- "--cs-accent-strong": "#56504A",
424
- "--cs-accent-bright": "#D9CFC0",
425
- "--cs-accent-on": "#171310",
426
- "--cs-accent-tint": "#EFEBE5",
427
- "--cs-accent-ink": "#171310",
428
- "--cs-accent-glow": "rgba(138, 127, 114, 0.5)",
429
- "--cs-accent-grad-a": "#8A7F72",
430
- "--cs-accent-grad-b": "#BFB29B",
431
- "--cs-color-text-accent": "#56504A",
432
- "--cs-color-link": "#56504A"
423
+ "--cs-accent": "#503901",
424
+ "--cs-accent-strong": "#1F1400",
425
+ "--cs-accent-bright": "#DCC8A2",
426
+ "--cs-accent-on": "#2D220E",
427
+ "--cs-accent-tint": "#FEF6E7",
428
+ "--cs-accent-ink": "#2D220E",
429
+ "--cs-accent-glow": "rgba(80, 57, 1, 0.48)",
430
+ "--cs-accent-grad-a": "#503901",
431
+ "--cs-accent-grad-b": "#2EDBF7",
432
+ "--cs-color-text-accent": "#1F1400",
433
+ "--cs-color-link": "#1F1400"
433
434
  }
434
435
  }
435
436
  };