@nxgt/material 3.7.5 → 3.8.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 (176) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/README.md +39 -6
  3. package/bin/nxgt-theme.js +6 -0
  4. package/dist/{async-slice-o_fpqeGX.js → async-slice-DDjaJY_F.js} +2 -2
  5. package/dist/background--Bf_EbFR.js +159 -0
  6. package/dist/backgrounds/backgrounds.css +2 -0
  7. package/dist/backgrounds/css-react/moon.css +97 -0
  8. package/dist/backgrounds.js +3 -139
  9. package/dist/browser-only-DQ94lWF8.js +18 -0
  10. package/dist/bubble-input-B7BVd9fX.js +237 -0
  11. package/dist/{button--cF4gY14.js → button-DbfdITBB.js} +51 -57
  12. package/dist/charts.js +3 -3
  13. package/dist/{chip-D1B1dL77.js → chip-DpySRqCy.js} +2 -2
  14. package/dist/{client-only.utils-lQ7GqP8w.js → client-only.utils-3nHNzCki.js} +1 -1
  15. package/dist/{code-editor-0CdGwKDg.js → code-editor-BiA14xua.js} +7 -7
  16. package/dist/code-editor.js +6 -6
  17. package/dist/{code-language-items-CGARRbVm.js → code-language-items-C_dJ6GVs.js} +2 -2
  18. package/dist/components/theme-tokens.css +34 -35
  19. package/dist/components/tones/app-tones.css +2 -1
  20. package/dist/components/tones/containers.css +4 -1
  21. package/dist/components/tones/index.css +2 -0
  22. package/dist/components/tones/surface.css +1 -0
  23. package/dist/components/tones/tokens.css +8 -3
  24. package/dist/components/tones/zone-paint.css +15 -0
  25. package/dist/components/ui/feedback/toast/toast-tokens.css +1 -0
  26. package/dist/components/ui/layout/app-shell/activity-backdrop.css +26 -0
  27. package/dist/components/ui/layout/sidebar/sidebar-tokens.css +5 -2
  28. package/dist/components/ui/media/media-player/nxgt-media-player.css +7 -32
  29. package/dist/components/ui/primitives/field-box/field-box-tokens.css +5 -2
  30. package/dist/{components-CDrQCOsU.js → components-B9EIfMdd.js} +18622 -18531
  31. package/dist/components.js +24 -22
  32. package/dist/{dialog-DdJ1C4BR.js → dialog-CkIYpJXk.js} +55 -53
  33. package/dist/dist-B7RjY7SL.js +158 -0
  34. package/dist/dist-C4wtXCjf.js +593 -0
  35. package/dist/dist-DVRQkaTK.js +111 -0
  36. package/dist/dist-lmHmz_bu.js +419 -0
  37. package/dist/dnd.js +1 -1
  38. package/dist/dropdown-menu-BC5Tbhb9.js +908 -0
  39. package/dist/editor.js +527 -527
  40. package/dist/empty-state-s2CSjKXJ.js +126 -0
  41. package/dist/{escape-owner-B8k7DvFa.js → escape-owner-CripBce_.js} +2 -1
  42. package/dist/{field-blur-DFUazxsL.js → field-blur-DPLsMufs.js} +1 -1
  43. package/dist/{field-blur-context-Dw9ZAgBr.js → field-blur-context-1ZwJgsHE.js} +2 -2
  44. package/dist/has-text-content-Ds2dkHX_.js +10 -0
  45. package/dist/hooks.js +35 -33
  46. package/dist/{hover-card-D5iHS9q1.js → hover-card-Cox-tPDz.js} +41 -39
  47. package/dist/{i18n-provider-C6SBK_nO.js → i18n-provider-C6HhBw34.js} +1 -1
  48. package/dist/i18n.js +6 -6
  49. package/dist/{icon-badge-Bb5-73XP.js → icon-badge-q3Ve8gra.js} +3 -3
  50. package/dist/{icon-button-5A6Mrj6w.js → icon-button-DJcWpIhu.js} +2 -1
  51. package/dist/{in-dialog-AiwTD3DK.js → in-dialog-Vwkyp-M5.js} +6 -5
  52. package/dist/lib/backgrounds/background/available.d.ts +3 -3
  53. package/dist/lib/backgrounds/background/background.d.ts +7 -3
  54. package/dist/lib/backgrounds/background/types.d.ts +7 -1
  55. package/dist/lib/backgrounds/index.d.ts +1 -1
  56. package/dist/lib/components/ui/layout/app-shell/activity-chrome.d.ts +17 -0
  57. package/dist/lib/components/ui/layout/app-shell/activity-layout.d.ts +6 -4
  58. package/dist/lib/components/ui/layout/app-shell/backdrop-layer.d.ts +11 -0
  59. package/dist/lib/components/ui/layout/app-shell/keep-shapes-inside.d.ts +17 -0
  60. package/dist/lib/components/ui/layout/app-shell/theme-backdrop.d.ts +6 -0
  61. package/dist/lib/components/ui/layout/app-shell/use-activity-backdrop.d.ts +18 -0
  62. package/dist/lib/components/ui/layout/app-shell/use-keep-shapes-inside.d.ts +9 -0
  63. package/dist/lib/hooks/resolve-theme.d.ts +46 -1
  64. package/dist/lib/hooks/theme-store.d.ts +35 -4
  65. package/dist/lib/hooks/use-theme.d.ts +20 -4
  66. package/dist/lib/i18n/resources/en/en.d.ts +4 -0
  67. package/dist/lib/i18n/resources/en/material.json.d.ts +4 -0
  68. package/dist/lib/i18n/resources/fr/fr.d.ts +4 -0
  69. package/dist/lib/i18n/resources/fr/material.json.d.ts +4 -0
  70. package/dist/lib/i18n/resources/resources.d.ts +8 -0
  71. package/dist/lib/i18n/translator.d.ts +1 -1
  72. package/dist/lib/theme-picker/index.d.ts +7 -0
  73. package/dist/lib/theme-picker/partials/mini-background.d.ts +10 -0
  74. package/dist/lib/theme-picker/partials/mode-control.d.ts +5 -0
  75. package/dist/lib/theme-picker/partials/theme-tile.d.ts +12 -0
  76. package/dist/lib/theme-picker/theme-label.d.ts +7 -0
  77. package/dist/lib/theme-picker/theme-picker.d.ts +25 -0
  78. package/dist/lib/themes/index.d.ts +14 -0
  79. package/dist/lib/themes/nxgt-theme-provider.d.ts +29 -0
  80. package/dist/lib/themes/nxgt-theme.d.ts +22 -0
  81. package/dist/lib/themes/theme-context.d.ts +28 -0
  82. package/dist/lib/themes/theme-value.d.ts +5 -0
  83. package/dist/lib/vite/index.d.ts +1 -1
  84. package/dist/lib.js +3 -3
  85. package/dist/main.js +43 -39
  86. package/dist/map.js +8 -8
  87. package/dist/material.css +1 -1
  88. package/dist/nxgt-theme-CgSb9Obl.js +37 -0
  89. package/dist/pdf-reader.js +1 -1
  90. package/dist/print.js +2 -2
  91. package/dist/{public-SsiazLEv.js → public-Ce30uvp0.js} +591 -587
  92. package/dist/read-storage-C2J90bNm.js +10 -0
  93. package/dist/{rich-code-block-CwNwQs5z.js → rich-code-block-C2Fp_FDU.js} +5 -5
  94. package/dist/{sortable-provider-BvD98s8Y.js → sortable-provider-pVaEZzty.js} +3 -3
  95. package/dist/{spinner-CtGCPza-.js → spinner-CsHcmcpF.js} +2 -2
  96. package/dist/{stored-language-Bb7yX5uE.js → stored-language-BeIKw3-K.js} +15 -15
  97. package/dist/styles.css +8 -1
  98. package/dist/theme-context-BagPvRcz.js +16 -0
  99. package/dist/theme-picker.js +118 -0
  100. package/dist/theme-store-CSl51uNH.js +91 -0
  101. package/dist/theme-toggle-C8os82b4.js +48 -0
  102. package/dist/themes.js +42 -0
  103. package/dist/toggle-group-j8zaxEg1.js +69 -0
  104. package/dist/{toolbar-items-DsDDD5AY.js → toolbar-items-CqHvlTU8.js} +443 -589
  105. package/dist/tooltip-rhbqNmr3.js +1064 -0
  106. package/dist/{translate-material-Bsjc4Tow.js → translate-material-CGZljjp1.js} +2 -2
  107. package/dist/{translator-or2y0JJB.js → translator-DCYO4Ij3.js} +3 -3
  108. package/dist/{use-background-activity-B8jLHNop.js → use-background-activity-KxQgelFF.js} +1 -1
  109. package/dist/{use-chat-composer-DZ01a16D.js → use-chat-composer-CDrgWGMM.js} +4684 -4886
  110. package/dist/{use-heading-spy-ByOQNnFZ.js → use-heading-spy-DXo6IOX9.js} +52 -121
  111. package/dist/{use-material-translation-hLQzOjF0.js → use-material-translation-DkxcLbLM.js} +2 -2
  112. package/dist/use-slice-reducer-BGkeGtML.js +42 -0
  113. package/dist/use-theme-Cd-aiDJo.js +31 -0
  114. package/docs/README.md +2 -1
  115. package/docs/components/foundations.md +39 -0
  116. package/docs/components/navigation-and-layout.md +3 -3
  117. package/docs/getting-started.md +1 -1
  118. package/docs/guides/app-shell.md +41 -6
  119. package/docs/guides/backgrounds.md +43 -7
  120. package/docs/guides/i18n.md +1 -1
  121. package/docs/guides/themes.md +103 -0
  122. package/docs/guides/theming.md +288 -84
  123. package/docs/guides/vite-plugin.md +26 -0
  124. package/docs/previews/backgrounds-background-from-theme.webp +0 -0
  125. package/docs/previews/backgrounds-geometry-more.webp +0 -0
  126. package/docs/previews/backgrounds-geometry.webp +0 -0
  127. package/docs/previews/backgrounds-illustrated-scenes.webp +0 -0
  128. package/docs/previews/backgrounds-light-more.webp +0 -0
  129. package/docs/previews/backgrounds-light.webp +0 -0
  130. package/docs/previews/backgrounds-material-more.webp +0 -0
  131. package/docs/previews/backgrounds-matrix.webp +0 -0
  132. package/docs/previews/backgrounds-moon.webp +0 -0
  133. package/docs/previews/backgrounds-motif-shapes.webp +0 -0
  134. package/docs/previews/backgrounds-motifs.webp +0 -0
  135. package/docs/previews/foundations-themes-themepicker.webp +0 -0
  136. package/docs/roadmap.md +25 -0
  137. package/docs/troubleshooting.md +35 -7
  138. package/lib/backgrounds/backgrounds.css +2 -0
  139. package/lib/backgrounds/css-react/moon.css +97 -0
  140. package/lib/components/theme-tokens.css +34 -35
  141. package/lib/components/tones/app-tones.css +2 -1
  142. package/lib/components/tones/containers.css +4 -1
  143. package/lib/components/tones/index.css +2 -0
  144. package/lib/components/tones/surface.css +1 -0
  145. package/lib/components/tones/tokens.css +8 -3
  146. package/lib/components/tones/zone-paint.css +15 -0
  147. package/lib/components/ui/feedback/toast/toast-tokens.css +1 -0
  148. package/lib/components/ui/layout/app-shell/activity-backdrop.css +26 -0
  149. package/lib/components/ui/layout/sidebar/sidebar-tokens.css +5 -2
  150. package/lib/components/ui/media/media-player/nxgt-media-player.css +7 -32
  151. package/lib/components/ui/primitives/field-box/field-box-tokens.css +5 -2
  152. package/lib/styles.css +8 -1
  153. package/lib/theme-picker/theme-picker-list.css +29 -0
  154. package/lib/theme-picker/theme-picker.css +192 -0
  155. package/lib/theme-picker/theme-tile-background.css +77 -0
  156. package/lib/theme-picker/theme-tile-textures-night.css +63 -0
  157. package/lib/theme-picker/theme-tile-textures.css +153 -0
  158. package/lib/themes/ambre.css +134 -0
  159. package/lib/themes/ardoise.css +133 -0
  160. package/lib/themes/bleumono.css +136 -0
  161. package/lib/themes/bluemoon.css +136 -0
  162. package/lib/themes/corail.css +136 -0
  163. package/lib/themes/foret.css +133 -0
  164. package/lib/themes/lavande.css +133 -0
  165. package/lib/themes/menthe.css +136 -0
  166. package/lib/themes/ocean.css +136 -0
  167. package/lib/themes/pink.css +134 -0
  168. package/lib/themes/prune.css +133 -0
  169. package/lib/themes/sable.css +133 -0
  170. package/lib/themes/slate.css +133 -0
  171. package/lib/themes/teal.css +137 -0
  172. package/package.json +30 -2
  173. package/dist/dropdown-menu-DWtgUVW7.js +0 -1490
  174. package/dist/empty-state-CRWLQ1sM.js +0 -191
  175. package/dist/tooltip-tmFoTU_d.js +0 -1582
  176. package/dist/use-slice-reducer-0r5dXnJe.js +0 -58
package/lib/themes/ardoise.css ADDED
@@ -0,0 +1,133 @@
1
+ /* Theme "ardoise", generated.
2
+ * Seeds: primary oklch(0.45 0.065 252), secondary oklch(0.48 0.05 215), tertiary oklch(0.48 0.1 290), neutral hue 250, tint 0.7.
3
+ * Contrast: 61 pairs, 0 failing.
4
+ */
5
+ [data-nxgt-theme="ardoise"] {
6
+ --radius: 0.375rem;
7
+ --background: oklch(1 0 0);
8
+ --foreground: oklch(0.227 0.0119 250);
9
+ --card: oklch(1 0 0);
10
+ --card-foreground: oklch(0.227 0.0119 250);
11
+ --popover: oklch(1 0 0);
12
+ --popover-foreground: oklch(0.227 0.0119 250);
13
+ --primary: oklch(0.45 0.065 252);
14
+ --primary-foreground: oklch(0.984 0.003 250);
15
+ --primary-text: color-mix(in oklab, var(--primary) 96%, black);
16
+ --primary-indicator: var(--primary);
17
+ --secondary: oklch(0.48 0.05 215);
18
+ --secondary-foreground: oklch(0.984 0.003 250);
19
+ --tertiary: var(--strix);
20
+ --tertiary-foreground: oklch(0.984 0.003 250);
21
+ --strix: oklch(0.48 0.1 290);
22
+ --muted: oklch(0.955 0.0084 250);
23
+ --muted-foreground: oklch(0.478 0.0224 250);
24
+ --track: oklch(0.955 0.0084 250);
25
+ --track-fill: var(--primary);
26
+ --tooltip: oklch(0.446 0.0301 250);
27
+ --tooltip-foreground: oklch(1 0 0);
28
+ --accent: oklch(0.91 0.0112 250);
29
+ --accent-foreground: oklch(0.227 0.0119 250);
30
+ --error: oklch(0.56 0.245 27.33);
31
+ --error-foreground: oklch(0.984 0.003 250);
32
+ --error-text: color-mix(in oklab, var(--error) 92%, black);
33
+ --success: oklch(0.46 0.118 184.7);
34
+ --success-foreground: oklch(0.984 0.003 250);
35
+ --info: oklch(0.48 0.165 254.62);
36
+ --info-foreground: oklch(0.984 0.003 250);
37
+ --warning: oklch(0.52 0.13 62);
38
+ --warning-foreground: oklch(0.984 0.003 250);
39
+ --destructive: var(--error);
40
+ --border: oklch(0.912 0.0112 250);
41
+ --input: oklch(0.912 0.0112 250);
42
+ --ring: oklch(0.62 0.028 250);
43
+ --sidebar: oklch(0.985 0.0042 250);
44
+ --sidebar-foreground: oklch(0.227 0.0119 250);
45
+ --sidebar-primary: oklch(0.227 0.0119 250);
46
+ --sidebar-primary-foreground: oklch(0.984 0.003 250);
47
+ --sidebar-accent: oklch(0.955 0.0084 250);
48
+ --sidebar-accent-foreground: oklch(0.227 0.0119 250);
49
+ --sidebar-border: oklch(0.912 0.0112 250);
50
+ --sidebar-ring: oklch(0.62 0.028 250);
51
+ --chart-1: oklch(0.646 0.222 41.116);
52
+ --chart-2: oklch(0.6 0.118 184.704);
53
+ --chart-3: oklch(0.398 0.07 227.392);
54
+ --chart-4: oklch(0.6 0.2 300);
55
+ --chart-5: oklch(0.769 0.188 70.08);
56
+ --chart-soft-1: oklch(0.9 0.045 255);
57
+ --chart-soft-1-ink: oklch(0.52 0.14 255);
58
+ --chart-soft-2: oklch(0.91 0.05 180);
59
+ --chart-soft-2-ink: oklch(0.53 0.09 180);
60
+ --chart-soft-3: oklch(0.93 0.06 80);
61
+ --chart-soft-3-ink: oklch(0.56 0.11 80);
62
+ --chart-soft-4: oklch(0.9 0.06 310);
63
+ --chart-soft-4-ink: oklch(0.52 0.16 310);
64
+ --chart-soft-5: oklch(0.9 0.05 25);
65
+ --chart-soft-5-ink: oklch(0.56 0.15 25);
66
+ --font-sans: "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif;
67
+ --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
68
+ font-family: var(--font-sans);
69
+ }
70
+
71
+ [data-nxgt-theme="ardoise"]:is(.dark, [data-theme="dark"]),
72
+ :is(.dark, [data-theme="dark"]) [data-nxgt-theme="ardoise"],
73
+ [data-nxgt-theme="ardoise"] :is(.dark, [data-theme="dark"]):not([data-nxgt-theme="ardoise"] [data-nxgt-theme]:not([data-nxgt-theme="ardoise"]), [data-nxgt-theme="ardoise"] [data-nxgt-theme]:not([data-nxgt-theme="ardoise"]) *) {
74
+ --background: oklch(0.15 0.026 273);
75
+ --foreground: oklch(0.943 0.0084 250);
76
+ --card: oklch(0.19 0.0133 250);
77
+ --card-foreground: oklch(0.943 0.0084 250);
78
+ --popover: oklch(0.19 0.0133 250);
79
+ --popover-foreground: oklch(0.943 0.0084 250);
80
+ --primary: oklch(0.45 0.065 252);
81
+ --primary-foreground: oklch(0.995 0.002 250);
82
+ --primary-text: color-mix(in oklab, var(--primary) 40%, white);
83
+ --primary-indicator: color-mix(in oklab, var(--primary) 75%, white);
84
+ --secondary: oklch(0.675 0.05 215);
85
+ --secondary-foreground: oklch(0.995 0.002 250);
86
+ --tertiary: oklch(0.7 0.1 290);
87
+ --tertiary-foreground: oklch(0.15 0.026 273);
88
+ --strix: oklch(0.48 0.1 290);
89
+ --muted: oklch(0.228 0.0154 250);
90
+ --muted-foreground: oklch(0.725 0.021 250);
91
+ --track: oklch(0.53 0.021 250);
92
+ --track-fill: oklch(0.85 0.09 252);
93
+ --tooltip: oklch(0.925 0.0084 250);
94
+ --tooltip-foreground: oklch(0.446 0.0301 250);
95
+ --accent: oklch(0.25 0.0154 250);
96
+ --accent-foreground: oklch(0.943 0.0084 250);
97
+ --error: oklch(0.577 0.245 27.33);
98
+ --error-foreground: oklch(0.995 0.002 250);
99
+ --error-text: color-mix(in oklab, var(--error) 76%, white);
100
+ --success: oklch(0.6 0.118 184.7);
101
+ --success-foreground: oklch(0.995 0.002 250);
102
+ --info: oklch(0.707 0.165 254.62);
103
+ --info-foreground: oklch(0.995 0.002 250);
104
+ --warning: oklch(0.7 0.15 70);
105
+ --warning-foreground: oklch(0.995 0.002 250);
106
+ --destructive: oklch(0.704 0.191 22.216);
107
+ --border: oklch(0.259 0.0175 250);
108
+ --input: oklch(0.298 0.0189 250);
109
+ --ring: oklch(0.551 0.021 250);
110
+ --sidebar: oklch(0.19 0.0133 250);
111
+ --sidebar-foreground: oklch(0.943 0.0084 250);
112
+ --sidebar-primary: var(--primary);
113
+ --sidebar-primary-foreground: oklch(0.995 0.002 250);
114
+ --sidebar-accent: oklch(0.228 0.0154 250);
115
+ --sidebar-accent-foreground: oklch(0.943 0.0084 250);
116
+ --sidebar-border: oklch(0.259 0.0175 250);
117
+ --sidebar-ring: oklch(0.551 0.021 250);
118
+ --chart-1: oklch(0.488 0.243 264.376);
119
+ --chart-2: oklch(0.696 0.17 162.48);
120
+ --chart-3: oklch(0.769 0.188 70.08);
121
+ --chart-4: oklch(0.627 0.265 303.9);
122
+ --chart-5: oklch(0.645 0.246 16.439);
123
+ --chart-soft-1: oklch(0.49 0.08 255);
124
+ --chart-soft-1-ink: oklch(0.78 0.1 255);
125
+ --chart-soft-2: oklch(0.49 0.07 180);
126
+ --chart-soft-2-ink: oklch(0.8 0.11 180);
127
+ --chart-soft-3: oklch(0.5 0.1 75);
128
+ --chart-soft-3-ink: oklch(0.84 0.12 78);
129
+ --chart-soft-4: oklch(0.49 0.09 310);
130
+ --chart-soft-4-ink: oklch(0.78 0.13 310);
131
+ --chart-soft-5: oklch(0.49 0.09 25);
132
+ --chart-soft-5-ink: oklch(0.78 0.11 25);
133
+ }
package/lib/themes/bleumono.css ADDED
@@ -0,0 +1,136 @@
1
+ /* Theme "bleumono", generated.
2
+ * Seeds: primary oklch(0.46 0.13 255), secondary oklch(0.55 0.06 255), tertiary oklch(0.38 0.17 255), neutral hue 255, tint 1.1.
3
+ * Contrast: 61 pairs, 0 failing.
4
+ * lightness-moved: secondary: lightness 0.550 to 0.520 for AA.
5
+ * chroma-lowered: tertiary: chroma 0.170 to 0.125 (lowered to fit sRGB or AA).
6
+ * hue-near-status: The primary's hue 255 is 0° from info (254.624): they may read alike. Keep an icon and a word with every status.
7
+ */
8
+ [data-nxgt-theme="bleumono"] {
9
+ --radius: 0.5rem;
10
+ --background: oklch(1 0 0);
11
+ --foreground: oklch(0.227 0.0187 255);
12
+ --card: oklch(1 0 0);
13
+ --card-foreground: oklch(0.227 0.0187 255);
14
+ --popover: oklch(1 0 0);
15
+ --popover-foreground: oklch(0.227 0.0187 255);
16
+ --primary: oklch(0.46 0.13 255);
17
+ --primary-foreground: oklch(0.984 0.003 255);
18
+ --primary-text: color-mix(in oklab, var(--primary) 96%, black);
19
+ --primary-indicator: var(--primary);
20
+ --secondary: oklch(0.52 0.06 255);
21
+ --secondary-foreground: oklch(0.984 0.003 255);
22
+ --tertiary: var(--strix);
23
+ --tertiary-foreground: oklch(0.984 0.003 255);
24
+ --strix: oklch(0.38 0.1254 255);
25
+ --muted: oklch(0.955 0.0132 255);
26
+ --muted-foreground: oklch(0.478 0.0352 255);
27
+ --track: oklch(0.955 0.0132 255);
28
+ --track-fill: var(--primary);
29
+ --tooltip: oklch(0.446 0.0473 255);
30
+ --tooltip-foreground: oklch(1 0 0);
31
+ --accent: oklch(0.91 0.0176 255);
32
+ --accent-foreground: oklch(0.227 0.0187 255);
33
+ --error: oklch(0.56 0.245 27.33);
34
+ --error-foreground: oklch(0.984 0.003 255);
35
+ --error-text: color-mix(in oklab, var(--error) 92%, black);
36
+ --success: oklch(0.46 0.118 184.7);
37
+ --success-foreground: oklch(0.984 0.003 255);
38
+ --info: oklch(0.48 0.165 254.62);
39
+ --info-foreground: oklch(0.984 0.003 255);
40
+ --warning: oklch(0.52 0.13 62);
41
+ --warning-foreground: oklch(0.984 0.003 255);
42
+ --destructive: var(--error);
43
+ --border: oklch(0.912 0.0176 255);
44
+ --input: oklch(0.912 0.0176 255);
45
+ --ring: oklch(0.62 0.044 255);
46
+ --sidebar: oklch(0.985 0.0066 255);
47
+ --sidebar-foreground: oklch(0.227 0.0187 255);
48
+ --sidebar-primary: oklch(0.227 0.0187 255);
49
+ --sidebar-primary-foreground: oklch(0.984 0.003 255);
50
+ --sidebar-accent: oklch(0.955 0.0132 255);
51
+ --sidebar-accent-foreground: oklch(0.227 0.0187 255);
52
+ --sidebar-border: oklch(0.912 0.0176 255);
53
+ --sidebar-ring: oklch(0.62 0.044 255);
54
+ --chart-1: oklch(0.646 0.222 41.116);
55
+ --chart-2: oklch(0.6 0.118 184.704);
56
+ --chart-3: oklch(0.398 0.07 227.392);
57
+ --chart-4: oklch(0.6 0.2 300);
58
+ --chart-5: oklch(0.769 0.188 70.08);
59
+ --chart-soft-1: oklch(0.9 0.045 255);
60
+ --chart-soft-1-ink: oklch(0.52 0.14 255);
61
+ --chart-soft-2: oklch(0.91 0.05 180);
62
+ --chart-soft-2-ink: oklch(0.53 0.09 180);
63
+ --chart-soft-3: oklch(0.93 0.06 80);
64
+ --chart-soft-3-ink: oklch(0.56 0.11 80);
65
+ --chart-soft-4: oklch(0.9 0.06 310);
66
+ --chart-soft-4-ink: oklch(0.52 0.16 310);
67
+ --chart-soft-5: oklch(0.9 0.05 25);
68
+ --chart-soft-5-ink: oklch(0.56 0.15 25);
69
+ --font-sans: "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif;
70
+ --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
71
+ font-family: var(--font-sans);
72
+ }
73
+
74
+ [data-nxgt-theme="bleumono"]:is(.dark, [data-theme="dark"]),
75
+ :is(.dark, [data-theme="dark"]) [data-nxgt-theme="bleumono"],
76
+ [data-nxgt-theme="bleumono"] :is(.dark, [data-theme="dark"]):not([data-nxgt-theme="bleumono"] [data-nxgt-theme]:not([data-nxgt-theme="bleumono"]), [data-nxgt-theme="bleumono"] [data-nxgt-theme]:not([data-nxgt-theme="bleumono"]) *) {
77
+ --background: oklch(0.15 0.026 273);
78
+ --foreground: oklch(0.943 0.0132 255);
79
+ --card: oklch(0.19 0.0209 255);
80
+ --card-foreground: oklch(0.943 0.0132 255);
81
+ --popover: oklch(0.19 0.0209 255);
82
+ --popover-foreground: oklch(0.943 0.0132 255);
83
+ --primary: oklch(0.46 0.13 255);
84
+ --primary-foreground: oklch(0.995 0.002 255);
85
+ --primary-text: color-mix(in oklab, var(--primary) 40%, white);
86
+ --primary-indicator: color-mix(in oklab, var(--primary) 75%, white);
87
+ --secondary: oklch(0.675 0.06 255);
88
+ --secondary-foreground: oklch(0.995 0.002 255);
89
+ --tertiary: oklch(0.82 0.09 255);
90
+ --tertiary-foreground: oklch(0.15 0.026 273);
91
+ --strix: oklch(0.38 0.1254 255);
92
+ --muted: oklch(0.228 0.0242 255);
93
+ --muted-foreground: oklch(0.725 0.033 255);
94
+ --track: oklch(0.53 0.033 255);
95
+ --track-fill: oklch(0.85 0.09 255);
96
+ --tooltip: oklch(0.925 0.0132 255);
97
+ --tooltip-foreground: oklch(0.446 0.0473 255);
98
+ --accent: oklch(0.25 0.0242 255);
99
+ --accent-foreground: oklch(0.943 0.0132 255);
100
+ --error: oklch(0.577 0.245 27.33);
101
+ --error-foreground: oklch(0.995 0.002 255);
102
+ --error-text: color-mix(in oklab, var(--error) 76%, white);
103
+ --success: oklch(0.6 0.118 184.7);
104
+ --success-foreground: oklch(0.995 0.002 255);
105
+ --info: oklch(0.707 0.165 254.62);
106
+ --info-foreground: oklch(0.995 0.002 255);
107
+ --warning: oklch(0.7 0.15 70);
108
+ --warning-foreground: oklch(0.995 0.002 255);
109
+ --destructive: oklch(0.704 0.191 22.216);
110
+ --border: oklch(0.259 0.0275 255);
111
+ --input: oklch(0.298 0.0297 255);
112
+ --ring: oklch(0.551 0.033 255);
113
+ --sidebar: oklch(0.19 0.0209 255);
114
+ --sidebar-foreground: oklch(0.943 0.0132 255);
115
+ --sidebar-primary: var(--primary);
116
+ --sidebar-primary-foreground: oklch(0.995 0.002 255);
117
+ --sidebar-accent: oklch(0.228 0.0242 255);
118
+ --sidebar-accent-foreground: oklch(0.943 0.0132 255);
119
+ --sidebar-border: oklch(0.259 0.0275 255);
120
+ --sidebar-ring: oklch(0.551 0.033 255);
121
+ --chart-1: oklch(0.488 0.243 264.376);
122
+ --chart-2: oklch(0.696 0.17 162.48);
123
+ --chart-3: oklch(0.769 0.188 70.08);
124
+ --chart-4: oklch(0.627 0.265 303.9);
125
+ --chart-5: oklch(0.645 0.246 16.439);
126
+ --chart-soft-1: oklch(0.49 0.08 255);
127
+ --chart-soft-1-ink: oklch(0.78 0.1 255);
128
+ --chart-soft-2: oklch(0.49 0.07 180);
129
+ --chart-soft-2-ink: oklch(0.8 0.11 180);
130
+ --chart-soft-3: oklch(0.5 0.1 75);
131
+ --chart-soft-3-ink: oklch(0.84 0.12 78);
132
+ --chart-soft-4: oklch(0.49 0.09 310);
133
+ --chart-soft-4-ink: oklch(0.78 0.13 310);
134
+ --chart-soft-5: oklch(0.49 0.09 25);
135
+ --chart-soft-5-ink: oklch(0.78 0.11 25);
136
+ }
package/lib/themes/bluemoon.css ADDED
@@ -0,0 +1,136 @@
1
+ /* Theme "bluemoon", generated.
2
+ * Seeds: primary oklch(0.45 0.12 265), secondary oklch(0.55 0.02 250), tertiary oklch(0.62 0.08 290), neutral hue 265, tint 1.
3
+ * Contrast: 61 pairs, 0 failing.
4
+ * lightness-moved: secondary: lightness 0.550 to 0.520 for AA.
5
+ * lightness-moved: tertiary: lightness 0.620 to 0.563 for AA.
6
+ * hue-near-status: The primary's hue 265 is 10° from info (254.624): they may read alike. Keep an icon and a word with every status.
7
+ */
8
+ [data-nxgt-theme="bluemoon"] {
9
+ --radius: 0.75rem;
10
+ --background: oklch(1 0 0);
11
+ --foreground: oklch(0.227 0.017 265);
12
+ --card: oklch(1 0 0);
13
+ --card-foreground: oklch(0.227 0.017 265);
14
+ --popover: oklch(1 0 0);
15
+ --popover-foreground: oklch(0.227 0.017 265);
16
+ --primary: oklch(0.45 0.12 265);
17
+ --primary-foreground: oklch(0.984 0.003 265);
18
+ --primary-text: color-mix(in oklab, var(--primary) 96%, black);
19
+ --primary-indicator: var(--primary);
20
+ --secondary: oklch(0.52 0.02 250);
21
+ --secondary-foreground: oklch(0.984 0.003 265);
22
+ --tertiary: var(--strix);
23
+ --tertiary-foreground: oklch(0.984 0.003 265);
24
+ --strix: oklch(0.5625 0.08 290);
25
+ --muted: oklch(0.955 0.012 265);
26
+ --muted-foreground: oklch(0.478 0.032 265);
27
+ --track: oklch(0.955 0.012 265);
28
+ --track-fill: var(--primary);
29
+ --tooltip: oklch(0.446 0.043 265);
30
+ --tooltip-foreground: oklch(1 0 0);
31
+ --accent: oklch(0.91 0.016 265);
32
+ --accent-foreground: oklch(0.227 0.017 265);
33
+ --error: oklch(0.56 0.245 27.33);
34
+ --error-foreground: oklch(0.984 0.003 265);
35
+ --error-text: color-mix(in oklab, var(--error) 92%, black);
36
+ --success: oklch(0.46 0.118 184.7);
37
+ --success-foreground: oklch(0.984 0.003 265);
38
+ --info: oklch(0.48 0.165 254.62);
39
+ --info-foreground: oklch(0.984 0.003 265);
40
+ --warning: oklch(0.52 0.13 62);
41
+ --warning-foreground: oklch(0.984 0.003 265);
42
+ --destructive: var(--error);
43
+ --border: oklch(0.912 0.016 265);
44
+ --input: oklch(0.912 0.016 265);
45
+ --ring: oklch(0.62 0.04 265);
46
+ --sidebar: oklch(0.985 0.006 265);
47
+ --sidebar-foreground: oklch(0.227 0.017 265);
48
+ --sidebar-primary: oklch(0.227 0.017 265);
49
+ --sidebar-primary-foreground: oklch(0.984 0.003 265);
50
+ --sidebar-accent: oklch(0.955 0.012 265);
51
+ --sidebar-accent-foreground: oklch(0.227 0.017 265);
52
+ --sidebar-border: oklch(0.912 0.016 265);
53
+ --sidebar-ring: oklch(0.62 0.04 265);
54
+ --chart-1: oklch(0.646 0.222 41.116);
55
+ --chart-2: oklch(0.6 0.118 184.704);
56
+ --chart-3: oklch(0.398 0.07 227.392);
57
+ --chart-4: oklch(0.6 0.2 300);
58
+ --chart-5: oklch(0.769 0.188 70.08);
59
+ --chart-soft-1: oklch(0.9 0.045 255);
60
+ --chart-soft-1-ink: oklch(0.52 0.14 255);
61
+ --chart-soft-2: oklch(0.91 0.05 180);
62
+ --chart-soft-2-ink: oklch(0.53 0.09 180);
63
+ --chart-soft-3: oklch(0.93 0.06 80);
64
+ --chart-soft-3-ink: oklch(0.56 0.11 80);
65
+ --chart-soft-4: oklch(0.9 0.06 310);
66
+ --chart-soft-4-ink: oklch(0.52 0.16 310);
67
+ --chart-soft-5: oklch(0.9 0.05 25);
68
+ --chart-soft-5-ink: oklch(0.56 0.15 25);
69
+ --font-sans: "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif;
70
+ --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
71
+ font-family: var(--font-sans);
72
+ }
73
+
74
+ [data-nxgt-theme="bluemoon"]:is(.dark, [data-theme="dark"]),
75
+ :is(.dark, [data-theme="dark"]) [data-nxgt-theme="bluemoon"],
76
+ [data-nxgt-theme="bluemoon"] :is(.dark, [data-theme="dark"]):not([data-nxgt-theme="bluemoon"] [data-nxgt-theme]:not([data-nxgt-theme="bluemoon"]), [data-nxgt-theme="bluemoon"] [data-nxgt-theme]:not([data-nxgt-theme="bluemoon"]) *) {
77
+ --background: oklch(0.15 0.026 273);
78
+ --foreground: oklch(0.943 0.012 265);
79
+ --card: oklch(0.19 0.019 265);
80
+ --card-foreground: oklch(0.943 0.012 265);
81
+ --popover: oklch(0.19 0.019 265);
82
+ --popover-foreground: oklch(0.943 0.012 265);
83
+ --primary: oklch(0.45 0.12 265);
84
+ --primary-foreground: oklch(0.995 0.002 265);
85
+ --primary-text: color-mix(in oklab, var(--primary) 40%, white);
86
+ --primary-indicator: color-mix(in oklab, var(--primary) 75%, white);
87
+ --secondary: oklch(0.675 0.02 250);
88
+ --secondary-foreground: oklch(0.995 0.002 265);
89
+ --tertiary: oklch(0.7 0.08 290);
90
+ --tertiary-foreground: oklch(0.15 0.026 273);
91
+ --strix: oklch(0.5625 0.08 290);
92
+ --muted: oklch(0.228 0.022 265);
93
+ --muted-foreground: oklch(0.725 0.03 265);
94
+ --track: oklch(0.53 0.03 265);
95
+ --track-fill: oklch(0.85 0.09 265);
96
+ --tooltip: oklch(0.925 0.012 265);
97
+ --tooltip-foreground: oklch(0.446 0.043 265);
98
+ --accent: oklch(0.25 0.022 265);
99
+ --accent-foreground: oklch(0.943 0.012 265);
100
+ --error: oklch(0.577 0.245 27.33);
101
+ --error-foreground: oklch(0.995 0.002 265);
102
+ --error-text: color-mix(in oklab, var(--error) 76%, white);
103
+ --success: oklch(0.6 0.118 184.7);
104
+ --success-foreground: oklch(0.995 0.002 265);
105
+ --info: oklch(0.707 0.165 254.62);
106
+ --info-foreground: oklch(0.995 0.002 265);
107
+ --warning: oklch(0.7 0.15 70);
108
+ --warning-foreground: oklch(0.995 0.002 265);
109
+ --destructive: oklch(0.704 0.191 22.216);
110
+ --border: oklch(0.259 0.025 265);
111
+ --input: oklch(0.298 0.027 265);
112
+ --ring: oklch(0.551 0.03 265);
113
+ --sidebar: oklch(0.19 0.019 265);
114
+ --sidebar-foreground: oklch(0.943 0.012 265);
115
+ --sidebar-primary: var(--primary);
116
+ --sidebar-primary-foreground: oklch(0.995 0.002 265);
117
+ --sidebar-accent: oklch(0.228 0.022 265);
118
+ --sidebar-accent-foreground: oklch(0.943 0.012 265);
119
+ --sidebar-border: oklch(0.259 0.025 265);
120
+ --sidebar-ring: oklch(0.551 0.03 265);
121
+ --chart-1: oklch(0.488 0.243 264.376);
122
+ --chart-2: oklch(0.696 0.17 162.48);
123
+ --chart-3: oklch(0.769 0.188 70.08);
124
+ --chart-4: oklch(0.627 0.265 303.9);
125
+ --chart-5: oklch(0.645 0.246 16.439);
126
+ --chart-soft-1: oklch(0.49 0.08 255);
127
+ --chart-soft-1-ink: oklch(0.78 0.1 255);
128
+ --chart-soft-2: oklch(0.49 0.07 180);
129
+ --chart-soft-2-ink: oklch(0.8 0.11 180);
130
+ --chart-soft-3: oklch(0.5 0.1 75);
131
+ --chart-soft-3-ink: oklch(0.84 0.12 78);
132
+ --chart-soft-4: oklch(0.49 0.09 310);
133
+ --chart-soft-4-ink: oklch(0.78 0.13 310);
134
+ --chart-soft-5: oklch(0.49 0.09 25);
135
+ --chart-soft-5-ink: oklch(0.78 0.11 25);
136
+ }
package/lib/themes/corail.css ADDED
@@ -0,0 +1,136 @@
1
+ /* Theme "corail", generated.
2
+ * Seeds: primary oklch(0.58 0.17 35), secondary oklch(0.52 0.1 70), tertiary oklch(0.5 0.1 200), neutral hue 30, tint 0.8.
3
+ * Contrast: 61 pairs, 0 failing.
4
+ * lightness-moved: primary: lightness 0.580 to 0.575 for AA.
5
+ * chroma-lowered: tertiary: chroma 0.100 to 0.085 (lowered to fit sRGB or AA).
6
+ * hue-near-status: The primary's hue 35 is 8° from error (27.325): they may read alike. Keep an icon and a word with every status.
7
+ */
8
+ [data-nxgt-theme="corail"] {
9
+ --radius: 1rem;
10
+ --background: oklch(1 0 0);
11
+ --foreground: oklch(0.227 0.0136 30);
12
+ --card: oklch(1 0 0);
13
+ --card-foreground: oklch(0.227 0.0136 30);
14
+ --popover: oklch(1 0 0);
15
+ --popover-foreground: oklch(0.227 0.0136 30);
16
+ --primary: oklch(0.575 0.17 35);
17
+ --primary-foreground: oklch(0.984 0.003 30);
18
+ --primary-text: color-mix(in oklab, var(--primary) 96%, black);
19
+ --primary-indicator: var(--primary);
20
+ --secondary: oklch(0.52 0.1 70);
21
+ --secondary-foreground: oklch(0.984 0.003 30);
22
+ --tertiary: var(--strix);
23
+ --tertiary-foreground: oklch(0.984 0.003 30);
24
+ --strix: oklch(0.5 0.085 200);
25
+ --muted: oklch(0.955 0.0096 30);
26
+ --muted-foreground: oklch(0.478 0.0256 30);
27
+ --track: oklch(0.955 0.0096 30);
28
+ --track-fill: var(--primary);
29
+ --tooltip: oklch(0.446 0.0344 30);
30
+ --tooltip-foreground: oklch(1 0 0);
31
+ --accent: oklch(0.91 0.0128 30);
32
+ --accent-foreground: oklch(0.227 0.0136 30);
33
+ --error: oklch(0.56 0.245 27.33);
34
+ --error-foreground: oklch(0.984 0.003 30);
35
+ --error-text: color-mix(in oklab, var(--error) 92%, black);
36
+ --success: oklch(0.46 0.118 184.7);
37
+ --success-foreground: oklch(0.984 0.003 30);
38
+ --info: oklch(0.48 0.165 254.62);
39
+ --info-foreground: oklch(0.984 0.003 30);
40
+ --warning: oklch(0.52 0.13 62);
41
+ --warning-foreground: oklch(0.984 0.003 30);
42
+ --destructive: var(--error);
43
+ --border: oklch(0.912 0.0128 30);
44
+ --input: oklch(0.912 0.0128 30);
45
+ --ring: oklch(0.62 0.032 30);
46
+ --sidebar: oklch(0.985 0.0048 30);
47
+ --sidebar-foreground: oklch(0.227 0.0136 30);
48
+ --sidebar-primary: oklch(0.227 0.0136 30);
49
+ --sidebar-primary-foreground: oklch(0.984 0.003 30);
50
+ --sidebar-accent: oklch(0.955 0.0096 30);
51
+ --sidebar-accent-foreground: oklch(0.227 0.0136 30);
52
+ --sidebar-border: oklch(0.912 0.0128 30);
53
+ --sidebar-ring: oklch(0.62 0.032 30);
54
+ --chart-1: oklch(0.646 0.222 41.116);
55
+ --chart-2: oklch(0.6 0.118 184.704);
56
+ --chart-3: oklch(0.398 0.07 227.392);
57
+ --chart-4: oklch(0.6 0.2 300);
58
+ --chart-5: oklch(0.769 0.188 70.08);
59
+ --chart-soft-1: oklch(0.9 0.045 255);
60
+ --chart-soft-1-ink: oklch(0.52 0.14 255);
61
+ --chart-soft-2: oklch(0.91 0.05 180);
62
+ --chart-soft-2-ink: oklch(0.53 0.09 180);
63
+ --chart-soft-3: oklch(0.93 0.06 80);
64
+ --chart-soft-3-ink: oklch(0.56 0.11 80);
65
+ --chart-soft-4: oklch(0.9 0.06 310);
66
+ --chart-soft-4-ink: oklch(0.52 0.16 310);
67
+ --chart-soft-5: oklch(0.9 0.05 25);
68
+ --chart-soft-5-ink: oklch(0.56 0.15 25);
69
+ --font-sans: ui-rounded, "SF Pro Rounded", ui-sans-serif, system-ui, sans-serif;
70
+ --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
71
+ font-family: var(--font-sans);
72
+ }
73
+
74
+ [data-nxgt-theme="corail"]:is(.dark, [data-theme="dark"]),
75
+ :is(.dark, [data-theme="dark"]) [data-nxgt-theme="corail"],
76
+ [data-nxgt-theme="corail"] :is(.dark, [data-theme="dark"]):not([data-nxgt-theme="corail"] [data-nxgt-theme]:not([data-nxgt-theme="corail"]), [data-nxgt-theme="corail"] [data-nxgt-theme]:not([data-nxgt-theme="corail"]) *) {
77
+ --background: oklch(0.15 0.026 273);
78
+ --foreground: oklch(0.943 0.0096 30);
79
+ --card: oklch(0.19 0.0152 30);
80
+ --card-foreground: oklch(0.943 0.0096 30);
81
+ --popover: oklch(0.19 0.0152 30);
82
+ --popover-foreground: oklch(0.943 0.0096 30);
83
+ --primary: oklch(0.575 0.17 35);
84
+ --primary-foreground: oklch(0.995 0.002 30);
85
+ --primary-text: color-mix(in oklab, var(--primary) 40%, white);
86
+ --primary-indicator: color-mix(in oklab, var(--primary) 75%, white);
87
+ --secondary: oklch(0.675 0.1 70);
88
+ --secondary-foreground: oklch(0.995 0.002 30);
89
+ --tertiary: oklch(0.7 0.1 200);
90
+ --tertiary-foreground: oklch(0.15 0.026 273);
91
+ --strix: oklch(0.5 0.085 200);
92
+ --muted: oklch(0.228 0.0176 30);
93
+ --muted-foreground: oklch(0.725 0.024 30);
94
+ --track: oklch(0.53 0.024 30);
95
+ --track-fill: oklch(0.85 0.09 35);
96
+ --tooltip: oklch(0.925 0.0096 30);
97
+ --tooltip-foreground: oklch(0.446 0.0344 30);
98
+ --accent: oklch(0.25 0.0176 30);
99
+ --accent-foreground: oklch(0.943 0.0096 30);
100
+ --error: oklch(0.577 0.245 27.33);
101
+ --error-foreground: oklch(0.995 0.002 30);
102
+ --error-text: color-mix(in oklab, var(--error) 76%, white);
103
+ --success: oklch(0.6 0.118 184.7);
104
+ --success-foreground: oklch(0.995 0.002 30);
105
+ --info: oklch(0.707 0.165 254.62);
106
+ --info-foreground: oklch(0.995 0.002 30);
107
+ --warning: oklch(0.7 0.15 70);
108
+ --warning-foreground: oklch(0.995 0.002 30);
109
+ --destructive: oklch(0.704 0.191 22.216);
110
+ --border: oklch(0.259 0.02 30);
111
+ --input: oklch(0.298 0.0216 30);
112
+ --ring: oklch(0.551 0.024 30);
113
+ --sidebar: oklch(0.19 0.0152 30);
114
+ --sidebar-foreground: oklch(0.943 0.0096 30);
115
+ --sidebar-primary: var(--primary);
116
+ --sidebar-primary-foreground: oklch(0.995 0.002 30);
117
+ --sidebar-accent: oklch(0.228 0.0176 30);
118
+ --sidebar-accent-foreground: oklch(0.943 0.0096 30);
119
+ --sidebar-border: oklch(0.259 0.02 30);
120
+ --sidebar-ring: oklch(0.551 0.024 30);
121
+ --chart-1: oklch(0.488 0.243 264.376);
122
+ --chart-2: oklch(0.696 0.17 162.48);
123
+ --chart-3: oklch(0.769 0.188 70.08);
124
+ --chart-4: oklch(0.627 0.265 303.9);
125
+ --chart-5: oklch(0.645 0.246 16.439);
126
+ --chart-soft-1: oklch(0.49 0.08 255);
127
+ --chart-soft-1-ink: oklch(0.78 0.1 255);
128
+ --chart-soft-2: oklch(0.49 0.07 180);
129
+ --chart-soft-2-ink: oklch(0.8 0.11 180);
130
+ --chart-soft-3: oklch(0.5 0.1 75);
131
+ --chart-soft-3-ink: oklch(0.84 0.12 78);
132
+ --chart-soft-4: oklch(0.49 0.09 310);
133
+ --chart-soft-4-ink: oklch(0.78 0.13 310);
134
+ --chart-soft-5: oklch(0.49 0.09 25);
135
+ --chart-soft-5-ink: oklch(0.78 0.11 25);
136
+ }
package/lib/themes/foret.css ADDED
@@ -0,0 +1,133 @@
1
+ /* Theme "foret", generated.
2
+ * Seeds: primary oklch(0.48 0.1 152), secondary oklch(0.5 0.08 118), tertiary oklch(0.5 0.1 55), neutral hue 140, tint 0.8.
3
+ * Contrast: 61 pairs, 0 failing.
4
+ */
5
+ [data-nxgt-theme="foret"] {
6
+ --radius: 0.5rem;
7
+ --background: oklch(1 0 0);
8
+ --foreground: oklch(0.227 0.0136 140);
9
+ --card: oklch(1 0 0);
10
+ --card-foreground: oklch(0.227 0.0136 140);
11
+ --popover: oklch(1 0 0);
12
+ --popover-foreground: oklch(0.227 0.0136 140);
13
+ --primary: oklch(0.48 0.1 152);
14
+ --primary-foreground: oklch(0.984 0.003 140);
15
+ --primary-text: color-mix(in oklab, var(--primary) 96%, black);
16
+ --primary-indicator: var(--primary);
17
+ --secondary: oklch(0.5 0.08 118);
18
+ --secondary-foreground: oklch(0.984 0.003 140);
19
+ --tertiary: var(--strix);
20
+ --tertiary-foreground: oklch(0.984 0.003 140);
21
+ --strix: oklch(0.5 0.1 55);
22
+ --muted: oklch(0.955 0.0096 140);
23
+ --muted-foreground: oklch(0.478 0.0256 140);
24
+ --track: oklch(0.955 0.0096 140);
25
+ --track-fill: var(--primary);
26
+ --tooltip: oklch(0.446 0.0344 140);
27
+ --tooltip-foreground: oklch(1 0 0);
28
+ --accent: oklch(0.91 0.0128 140);
29
+ --accent-foreground: oklch(0.227 0.0136 140);
30
+ --error: oklch(0.56 0.245 27.33);
31
+ --error-foreground: oklch(0.984 0.003 140);
32
+ --error-text: color-mix(in oklab, var(--error) 92%, black);
33
+ --success: oklch(0.46 0.118 184.7);
34
+ --success-foreground: oklch(0.984 0.003 140);
35
+ --info: oklch(0.48 0.165 254.62);
36
+ --info-foreground: oklch(0.984 0.003 140);
37
+ --warning: oklch(0.52 0.13 62);
38
+ --warning-foreground: oklch(0.984 0.003 140);
39
+ --destructive: var(--error);
40
+ --border: oklch(0.912 0.0128 140);
41
+ --input: oklch(0.912 0.0128 140);
42
+ --ring: oklch(0.62 0.032 140);
43
+ --sidebar: oklch(0.985 0.0048 140);
44
+ --sidebar-foreground: oklch(0.227 0.0136 140);
45
+ --sidebar-primary: oklch(0.227 0.0136 140);
46
+ --sidebar-primary-foreground: oklch(0.984 0.003 140);
47
+ --sidebar-accent: oklch(0.955 0.0096 140);
48
+ --sidebar-accent-foreground: oklch(0.227 0.0136 140);
49
+ --sidebar-border: oklch(0.912 0.0128 140);
50
+ --sidebar-ring: oklch(0.62 0.032 140);
51
+ --chart-1: oklch(0.646 0.222 41.116);
52
+ --chart-2: oklch(0.6 0.118 184.704);
53
+ --chart-3: oklch(0.398 0.07 227.392);
54
+ --chart-4: oklch(0.6 0.2 300);
55
+ --chart-5: oklch(0.769 0.188 70.08);
56
+ --chart-soft-1: oklch(0.9 0.045 255);
57
+ --chart-soft-1-ink: oklch(0.52 0.14 255);
58
+ --chart-soft-2: oklch(0.91 0.05 180);
59
+ --chart-soft-2-ink: oklch(0.53 0.09 180);
60
+ --chart-soft-3: oklch(0.93 0.06 80);
61
+ --chart-soft-3-ink: oklch(0.56 0.11 80);
62
+ --chart-soft-4: oklch(0.9 0.06 310);
63
+ --chart-soft-4-ink: oklch(0.52 0.16 310);
64
+ --chart-soft-5: oklch(0.9 0.05 25);
65
+ --chart-soft-5-ink: oklch(0.56 0.15 25);
66
+ --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
67
+ --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
68
+ font-family: var(--font-sans);
69
+ }
70
+
71
+ [data-nxgt-theme="foret"]:is(.dark, [data-theme="dark"]),
72
+ :is(.dark, [data-theme="dark"]) [data-nxgt-theme="foret"],
73
+ [data-nxgt-theme="foret"] :is(.dark, [data-theme="dark"]):not([data-nxgt-theme="foret"] [data-nxgt-theme]:not([data-nxgt-theme="foret"]), [data-nxgt-theme="foret"] [data-nxgt-theme]:not([data-nxgt-theme="foret"]) *) {
74
+ --background: oklch(0.15 0.026 273);
75
+ --foreground: oklch(0.943 0.0096 140);
76
+ --card: oklch(0.19 0.0152 140);
77
+ --card-foreground: oklch(0.943 0.0096 140);
78
+ --popover: oklch(0.19 0.0152 140);
79
+ --popover-foreground: oklch(0.943 0.0096 140);
80
+ --primary: oklch(0.48 0.1 152);
81
+ --primary-foreground: oklch(0.995 0.002 140);
82
+ --primary-text: color-mix(in oklab, var(--primary) 40%, white);
83
+ --primary-indicator: color-mix(in oklab, var(--primary) 75%, white);
84
+ --secondary: oklch(0.675 0.08 118);
85
+ --secondary-foreground: oklch(0.995 0.002 140);
86
+ --tertiary: oklch(0.7 0.1 55);
87
+ --tertiary-foreground: oklch(0.15 0.026 273);
88
+ --strix: oklch(0.5 0.1 55);
89
+ --muted: oklch(0.228 0.0176 140);
90
+ --muted-foreground: oklch(0.725 0.024 140);
91
+ --track: oklch(0.53 0.024 140);
92
+ --track-fill: oklch(0.85 0.09 152);
93
+ --tooltip: oklch(0.925 0.0096 140);
94
+ --tooltip-foreground: oklch(0.446 0.0344 140);
95
+ --accent: oklch(0.25 0.0176 140);
96
+ --accent-foreground: oklch(0.943 0.0096 140);
97
+ --error: oklch(0.577 0.245 27.33);
98
+ --error-foreground: oklch(0.995 0.002 140);
99
+ --error-text: color-mix(in oklab, var(--error) 76%, white);
100
+ --success: oklch(0.6 0.118 184.7);
101
+ --success-foreground: oklch(0.995 0.002 140);
102
+ --info: oklch(0.707 0.165 254.62);
103
+ --info-foreground: oklch(0.995 0.002 140);
104
+ --warning: oklch(0.7 0.15 70);
105
+ --warning-foreground: oklch(0.995 0.002 140);
106
+ --destructive: oklch(0.704 0.191 22.216);
107
+ --border: oklch(0.259 0.02 140);
108
+ --input: oklch(0.298 0.0216 140);
109
+ --ring: oklch(0.551 0.024 140);
110
+ --sidebar: oklch(0.19 0.0152 140);
111
+ --sidebar-foreground: oklch(0.943 0.0096 140);
112
+ --sidebar-primary: var(--primary);
113
+ --sidebar-primary-foreground: oklch(0.995 0.002 140);
114
+ --sidebar-accent: oklch(0.228 0.0176 140);
115
+ --sidebar-accent-foreground: oklch(0.943 0.0096 140);
116
+ --sidebar-border: oklch(0.259 0.02 140);
117
+ --sidebar-ring: oklch(0.551 0.024 140);
118
+ --chart-1: oklch(0.488 0.243 264.376);
119
+ --chart-2: oklch(0.696 0.17 162.48);
120
+ --chart-3: oklch(0.769 0.188 70.08);
121
+ --chart-4: oklch(0.627 0.265 303.9);
122
+ --chart-5: oklch(0.645 0.246 16.439);
123
+ --chart-soft-1: oklch(0.49 0.08 255);
124
+ --chart-soft-1-ink: oklch(0.78 0.1 255);
125
+ --chart-soft-2: oklch(0.49 0.07 180);
126
+ --chart-soft-2-ink: oklch(0.8 0.11 180);
127
+ --chart-soft-3: oklch(0.5 0.1 75);
128
+ --chart-soft-3-ink: oklch(0.84 0.12 78);
129
+ --chart-soft-4: oklch(0.49 0.09 310);
130
+ --chart-soft-4-ink: oklch(0.78 0.13 310);
131
+ --chart-soft-5: oklch(0.49 0.09 25);
132
+ --chart-soft-5-ink: oklch(0.78 0.11 25);
133
+ }