@nxgt/material 3.7.4 → 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 +56 -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 +62 -1
  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-DD7_NI6U.js → components-B9EIfMdd.js} +18652 -18553
  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 +46 -7
  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 +62 -1
  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/lavande.css ADDED
@@ -0,0 +1,133 @@
1
+ /* Theme "lavande", generated.
2
+ * Seeds: primary oklch(46% 0.1135 276.35), secondary oklch(48% 0.1135 245.65), tertiary oklch(45.91% 0.1864 310.75), neutral hue 292, tint 1.
3
+ * Contrast: 61 pairs, 0 failing.
4
+ */
5
+ [data-nxgt-theme="lavande"] {
6
+ --radius: 0.625rem;
7
+ --background: oklch(1 0 0);
8
+ --foreground: oklch(0.227 0.017 290);
9
+ --card: oklch(1 0 0);
10
+ --card-foreground: oklch(0.227 0.017 290);
11
+ --popover: oklch(1 0 0);
12
+ --popover-foreground: oklch(0.227 0.017 290);
13
+ --primary: oklch(0.46 0.1135 276.35);
14
+ --primary-foreground: oklch(0.984 0.003 247.858);
15
+ --primary-text: color-mix(in oklab, var(--primary) 96%, black);
16
+ --primary-indicator: var(--primary);
17
+ --secondary: oklch(0.48 0.1135 245.65);
18
+ --secondary-foreground: oklch(0.984 0.003 247.858);
19
+ --tertiary: var(--strix);
20
+ --tertiary-foreground: oklch(0.984 0.003 247.858);
21
+ --strix: oklch(0.4591 0.1864 310.75);
22
+ --muted: oklch(0.955 0.012 292);
23
+ --muted-foreground: oklch(0.478 0.032 292);
24
+ --track: oklch(0.955 0.012 292);
25
+ --track-fill: var(--primary);
26
+ --tooltip: oklch(0.446 0.043 291);
27
+ --tooltip-foreground: oklch(1 0 0);
28
+ --accent: oklch(0.91 0.016 293);
29
+ --accent-foreground: oklch(0.227 0.017 290);
30
+ --error: oklch(0.56 0.245 27.325);
31
+ --error-foreground: oklch(0.984 0.003 247.858);
32
+ --error-text: color-mix(in oklab, var(--error) 92%, black);
33
+ --success: oklch(0.46 0.118 184.704);
34
+ --success-foreground: oklch(0.984 0.003 247.858);
35
+ --info: oklch(0.48 0.165 254.624);
36
+ --info-foreground: oklch(0.984 0.003 247.858);
37
+ --warning: oklch(0.52 0.13 62);
38
+ --warning-foreground: oklch(0.984 0.003 247.858);
39
+ --destructive: var(--error);
40
+ --border: oklch(0.912 0.016 293.7);
41
+ --input: oklch(0.912 0.016 293.7);
42
+ --ring: oklch(0.62 0.04 291);
43
+ --sidebar: oklch(0.985 0.006 293.9);
44
+ --sidebar-foreground: oklch(0.227 0.017 290);
45
+ --sidebar-primary: oklch(0.227 0.017 290);
46
+ --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
47
+ --sidebar-accent: oklch(0.955 0.012 292);
48
+ --sidebar-accent-foreground: oklch(0.227 0.017 290);
49
+ --sidebar-border: oklch(0.912 0.016 293.7);
50
+ --sidebar-ring: oklch(0.62 0.04 291);
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="lavande"]:is(.dark, [data-theme="dark"]),
72
+ :is(.dark, [data-theme="dark"]) [data-nxgt-theme="lavande"],
73
+ [data-nxgt-theme="lavande"] :is(.dark, [data-theme="dark"]):not([data-nxgt-theme="lavande"] [data-nxgt-theme]:not([data-nxgt-theme="lavande"]), [data-nxgt-theme="lavande"] [data-nxgt-theme]:not([data-nxgt-theme="lavande"]) *) {
74
+ --background: oklch(0.15 0.026 273);
75
+ --foreground: oklch(0.943 0.012 291.3);
76
+ --card: oklch(0.19 0.019 289.4);
77
+ --card-foreground: oklch(0.943 0.012 291.3);
78
+ --popover: oklch(0.19 0.019 289.4);
79
+ --popover-foreground: oklch(0.943 0.012 291.3);
80
+ --primary: oklch(0.46 0.1135 276.35);
81
+ --primary-foreground: oklch(0.995 0.002 291.3);
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.1135 245.65);
85
+ --secondary-foreground: oklch(0.995 0.002 291.3);
86
+ --tertiary: oklch(0.7 0.15 310.75);
87
+ --tertiary-foreground: oklch(0.15 0.026 273);
88
+ --strix: oklch(0.4591 0.1864 310.75);
89
+ --muted: oklch(0.228 0.022 290);
90
+ --muted-foreground: oklch(0.725 0.03 292.2);
91
+ --track: oklch(0.53 0.03 290);
92
+ --track-fill: oklch(0.85 0.09 276.35);
93
+ --tooltip: oklch(0.925 0.012 291.3);
94
+ --tooltip-foreground: oklch(0.446 0.043 291);
95
+ --accent: oklch(0.25 0.022 290);
96
+ --accent-foreground: oklch(0.943 0.012 291.3);
97
+ --error: oklch(0.577 0.245 27.325);
98
+ --error-foreground: oklch(0.995 0.002 291.3);
99
+ --error-text: color-mix(in oklab, var(--error) 76%, white);
100
+ --success: oklch(0.6 0.118 184.704);
101
+ --success-foreground: oklch(0.995 0.002 291.3);
102
+ --info: oklch(0.707 0.165 254.624);
103
+ --info-foreground: oklch(0.995 0.002 291.3);
104
+ --warning: oklch(0.7 0.15 70);
105
+ --warning-foreground: oklch(0.995 0.002 291.3);
106
+ --destructive: oklch(0.704 0.191 22.216);
107
+ --border: oklch(0.259 0.025 291.4);
108
+ --input: oklch(0.298 0.027 291.4);
109
+ --ring: oklch(0.551 0.03 290);
110
+ --sidebar: oklch(0.19 0.019 289.4);
111
+ --sidebar-foreground: oklch(0.943 0.012 291.3);
112
+ --sidebar-primary: oklch(0.488 0.243 264.376);
113
+ --sidebar-primary-foreground: oklch(0.995 0.002 291.3);
114
+ --sidebar-accent: oklch(0.228 0.022 290);
115
+ --sidebar-accent-foreground: oklch(0.943 0.012 291.3);
116
+ --sidebar-border: oklch(0.259 0.025 291.4);
117
+ --sidebar-ring: oklch(0.551 0.03 290);
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/menthe.css ADDED
@@ -0,0 +1,136 @@
1
+ /* Theme "menthe", generated.
2
+ * Seeds: primary oklch(0.5 0.105 168), secondary oklch(0.5 0.09 205), tertiary oklch(0.52 0.11 120), neutral hue 170, tint 0.8.
3
+ * Contrast: 61 pairs, 0 failing.
4
+ * chroma-lowered: primary: chroma 0.105 to 0.101 (lowered to fit sRGB or AA).
5
+ * chroma-lowered: secondary: chroma 0.090 to 0.085 (lowered to fit sRGB or AA).
6
+ * hue-near-status: The primary's hue 168 is 17° from success (184.704): they may read alike. Keep an icon and a word with every status.
7
+ */
8
+ [data-nxgt-theme="menthe"] {
9
+ --radius: 1rem;
10
+ --background: oklch(1 0 0);
11
+ --foreground: oklch(0.227 0.0136 170);
12
+ --card: oklch(1 0 0);
13
+ --card-foreground: oklch(0.227 0.0136 170);
14
+ --popover: oklch(1 0 0);
15
+ --popover-foreground: oklch(0.227 0.0136 170);
16
+ --primary: oklch(0.5 0.1013 168);
17
+ --primary-foreground: oklch(0.984 0.003 170);
18
+ --primary-text: color-mix(in oklab, var(--primary) 96%, black);
19
+ --primary-indicator: var(--primary);
20
+ --secondary: oklch(0.5 0.0854 205);
21
+ --secondary-foreground: oklch(0.984 0.003 170);
22
+ --tertiary: var(--strix);
23
+ --tertiary-foreground: oklch(0.984 0.003 170);
24
+ --strix: oklch(0.52 0.11 120);
25
+ --muted: oklch(0.955 0.0096 170);
26
+ --muted-foreground: oklch(0.478 0.0256 170);
27
+ --track: oklch(0.955 0.0096 170);
28
+ --track-fill: var(--primary);
29
+ --tooltip: oklch(0.446 0.0344 170);
30
+ --tooltip-foreground: oklch(1 0 0);
31
+ --accent: oklch(0.91 0.0128 170);
32
+ --accent-foreground: oklch(0.227 0.0136 170);
33
+ --error: oklch(0.56 0.245 27.33);
34
+ --error-foreground: oklch(0.984 0.003 170);
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 170);
38
+ --info: oklch(0.48 0.165 254.62);
39
+ --info-foreground: oklch(0.984 0.003 170);
40
+ --warning: oklch(0.52 0.13 62);
41
+ --warning-foreground: oklch(0.984 0.003 170);
42
+ --destructive: var(--error);
43
+ --border: oklch(0.912 0.0128 170);
44
+ --input: oklch(0.912 0.0128 170);
45
+ --ring: oklch(0.62 0.032 170);
46
+ --sidebar: oklch(0.985 0.0048 170);
47
+ --sidebar-foreground: oklch(0.227 0.0136 170);
48
+ --sidebar-primary: oklch(0.227 0.0136 170);
49
+ --sidebar-primary-foreground: oklch(0.984 0.003 170);
50
+ --sidebar-accent: oklch(0.955 0.0096 170);
51
+ --sidebar-accent-foreground: oklch(0.227 0.0136 170);
52
+ --sidebar-border: oklch(0.912 0.0128 170);
53
+ --sidebar-ring: oklch(0.62 0.032 170);
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-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
70
+ --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
71
+ font-family: var(--font-sans);
72
+ }
73
+
74
+ [data-nxgt-theme="menthe"]:is(.dark, [data-theme="dark"]),
75
+ :is(.dark, [data-theme="dark"]) [data-nxgt-theme="menthe"],
76
+ [data-nxgt-theme="menthe"] :is(.dark, [data-theme="dark"]):not([data-nxgt-theme="menthe"] [data-nxgt-theme]:not([data-nxgt-theme="menthe"]), [data-nxgt-theme="menthe"] [data-nxgt-theme]:not([data-nxgt-theme="menthe"]) *) {
77
+ --background: oklch(0.15 0.026 273);
78
+ --foreground: oklch(0.943 0.0096 170);
79
+ --card: oklch(0.19 0.0152 170);
80
+ --card-foreground: oklch(0.943 0.0096 170);
81
+ --popover: oklch(0.19 0.0152 170);
82
+ --popover-foreground: oklch(0.943 0.0096 170);
83
+ --primary: oklch(0.5 0.1013 168);
84
+ --primary-foreground: oklch(0.995 0.002 170);
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.09 205);
88
+ --secondary-foreground: oklch(0.995 0.002 170);
89
+ --tertiary: oklch(0.7 0.11 120);
90
+ --tertiary-foreground: oklch(0.15 0.026 273);
91
+ --strix: oklch(0.52 0.11 120);
92
+ --muted: oklch(0.228 0.0176 170);
93
+ --muted-foreground: oklch(0.725 0.024 170);
94
+ --track: oklch(0.53 0.024 170);
95
+ --track-fill: oklch(0.85 0.09 168);
96
+ --tooltip: oklch(0.925 0.0096 170);
97
+ --tooltip-foreground: oklch(0.446 0.0344 170);
98
+ --accent: oklch(0.25 0.0176 170);
99
+ --accent-foreground: oklch(0.943 0.0096 170);
100
+ --error: oklch(0.577 0.245 27.33);
101
+ --error-foreground: oklch(0.995 0.002 170);
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 170);
105
+ --info: oklch(0.707 0.165 254.62);
106
+ --info-foreground: oklch(0.995 0.002 170);
107
+ --warning: oklch(0.7 0.15 70);
108
+ --warning-foreground: oklch(0.995 0.002 170);
109
+ --destructive: oklch(0.704 0.191 22.216);
110
+ --border: oklch(0.259 0.02 170);
111
+ --input: oklch(0.298 0.0216 170);
112
+ --ring: oklch(0.551 0.024 170);
113
+ --sidebar: oklch(0.19 0.0152 170);
114
+ --sidebar-foreground: oklch(0.943 0.0096 170);
115
+ --sidebar-primary: var(--primary);
116
+ --sidebar-primary-foreground: oklch(0.995 0.002 170);
117
+ --sidebar-accent: oklch(0.228 0.0176 170);
118
+ --sidebar-accent-foreground: oklch(0.943 0.0096 170);
119
+ --sidebar-border: oklch(0.259 0.02 170);
120
+ --sidebar-ring: oklch(0.551 0.024 170);
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/ocean.css ADDED
@@ -0,0 +1,136 @@
1
+ /* Theme "ocean", generated.
2
+ * Seeds: primary oklch(0.5 0.12 228), secondary oklch(0.52 0.09 192), tertiary oklch(0.5 0.13 268), neutral hue 230, tint 0.9.
3
+ * Contrast: 61 pairs, 0 failing.
4
+ * chroma-lowered: primary: chroma 0.120 to 0.098 (lowered to fit sRGB or AA).
5
+ * lightness-moved: secondary: lightness 0.520 to 0.505 for AA.
6
+ * chroma-lowered: secondary: chroma 0.090 to 0.087 (lowered to fit sRGB or AA).
7
+ */
8
+ [data-nxgt-theme="ocean"] {
9
+ --radius: 0.75rem;
10
+ --background: oklch(1 0 0);
11
+ --foreground: oklch(0.227 0.0153 230);
12
+ --card: oklch(1 0 0);
13
+ --card-foreground: oklch(0.227 0.0153 230);
14
+ --popover: oklch(1 0 0);
15
+ --popover-foreground: oklch(0.227 0.0153 230);
16
+ --primary: oklch(0.5 0.0976 228);
17
+ --primary-foreground: oklch(0.984 0.003 230);
18
+ --primary-text: color-mix(in oklab, var(--primary) 96%, black);
19
+ --primary-indicator: var(--primary);
20
+ --secondary: oklch(0.505 0.0867 192);
21
+ --secondary-foreground: oklch(0.984 0.003 230);
22
+ --tertiary: var(--strix);
23
+ --tertiary-foreground: oklch(0.984 0.003 230);
24
+ --strix: oklch(0.5 0.13 268);
25
+ --muted: oklch(0.955 0.0108 230);
26
+ --muted-foreground: oklch(0.478 0.0288 230);
27
+ --track: oklch(0.955 0.0108 230);
28
+ --track-fill: var(--primary);
29
+ --tooltip: oklch(0.446 0.0387 230);
30
+ --tooltip-foreground: oklch(1 0 0);
31
+ --accent: oklch(0.91 0.0144 230);
32
+ --accent-foreground: oklch(0.227 0.0153 230);
33
+ --error: oklch(0.56 0.245 27.33);
34
+ --error-foreground: oklch(0.984 0.003 230);
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 230);
38
+ --info: oklch(0.48 0.165 254.62);
39
+ --info-foreground: oklch(0.984 0.003 230);
40
+ --warning: oklch(0.52 0.13 62);
41
+ --warning-foreground: oklch(0.984 0.003 230);
42
+ --destructive: var(--error);
43
+ --border: oklch(0.912 0.0144 230);
44
+ --input: oklch(0.912 0.0144 230);
45
+ --ring: oklch(0.62 0.036 230);
46
+ --sidebar: oklch(0.985 0.0054 230);
47
+ --sidebar-foreground: oklch(0.227 0.0153 230);
48
+ --sidebar-primary: oklch(0.227 0.0153 230);
49
+ --sidebar-primary-foreground: oklch(0.984 0.003 230);
50
+ --sidebar-accent: oklch(0.955 0.0108 230);
51
+ --sidebar-accent-foreground: oklch(0.227 0.0153 230);
52
+ --sidebar-border: oklch(0.912 0.0144 230);
53
+ --sidebar-ring: oklch(0.62 0.036 230);
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="ocean"]:is(.dark, [data-theme="dark"]),
75
+ :is(.dark, [data-theme="dark"]) [data-nxgt-theme="ocean"],
76
+ [data-nxgt-theme="ocean"] :is(.dark, [data-theme="dark"]):not([data-nxgt-theme="ocean"] [data-nxgt-theme]:not([data-nxgt-theme="ocean"]), [data-nxgt-theme="ocean"] [data-nxgt-theme]:not([data-nxgt-theme="ocean"]) *) {
77
+ --background: oklch(0.15 0.026 273);
78
+ --foreground: oklch(0.943 0.0108 230);
79
+ --card: oklch(0.19 0.0171 230);
80
+ --card-foreground: oklch(0.943 0.0108 230);
81
+ --popover: oklch(0.19 0.0171 230);
82
+ --popover-foreground: oklch(0.943 0.0108 230);
83
+ --primary: oklch(0.5 0.0976 228);
84
+ --primary-foreground: oklch(0.995 0.002 230);
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.09 192);
88
+ --secondary-foreground: oklch(0.995 0.002 230);
89
+ --tertiary: oklch(0.7 0.13 268);
90
+ --tertiary-foreground: oklch(0.15 0.026 273);
91
+ --strix: oklch(0.5 0.13 268);
92
+ --muted: oklch(0.228 0.0198 230);
93
+ --muted-foreground: oklch(0.725 0.027 230);
94
+ --track: oklch(0.53 0.027 230);
95
+ --track-fill: oklch(0.85 0.09 228);
96
+ --tooltip: oklch(0.925 0.0108 230);
97
+ --tooltip-foreground: oklch(0.446 0.0387 230);
98
+ --accent: oklch(0.25 0.0198 230);
99
+ --accent-foreground: oklch(0.943 0.0108 230);
100
+ --error: oklch(0.577 0.245 27.33);
101
+ --error-foreground: oklch(0.995 0.002 230);
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 230);
105
+ --info: oklch(0.707 0.165 254.62);
106
+ --info-foreground: oklch(0.995 0.002 230);
107
+ --warning: oklch(0.7 0.15 70);
108
+ --warning-foreground: oklch(0.995 0.002 230);
109
+ --destructive: oklch(0.704 0.191 22.216);
110
+ --border: oklch(0.259 0.0225 230);
111
+ --input: oklch(0.298 0.0243 230);
112
+ --ring: oklch(0.551 0.027 230);
113
+ --sidebar: oklch(0.19 0.0171 230);
114
+ --sidebar-foreground: oklch(0.943 0.0108 230);
115
+ --sidebar-primary: var(--primary);
116
+ --sidebar-primary-foreground: oklch(0.995 0.002 230);
117
+ --sidebar-accent: oklch(0.228 0.0198 230);
118
+ --sidebar-accent-foreground: oklch(0.943 0.0108 230);
119
+ --sidebar-border: oklch(0.259 0.0225 230);
120
+ --sidebar-ring: oklch(0.551 0.027 230);
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/pink.css ADDED
@@ -0,0 +1,134 @@
1
+ /* Theme "pink", generated.
2
+ * Seeds: primary oklch(0.55 0.2 345), secondary oklch(0.5 0.14 320), tertiary oklch(0.5 0.1 200), neutral hue 345, tint 0.7.
3
+ * Contrast: 61 pairs, 0 failing.
4
+ * chroma-lowered: tertiary: chroma 0.100 to 0.085 (lowered to fit sRGB or AA).
5
+ */
6
+ [data-nxgt-theme="pink"] {
7
+ --radius: 1.25rem;
8
+ --background: oklch(1 0 0);
9
+ --foreground: oklch(0.227 0.0119 345);
10
+ --card: oklch(1 0 0);
11
+ --card-foreground: oklch(0.227 0.0119 345);
12
+ --popover: oklch(1 0 0);
13
+ --popover-foreground: oklch(0.227 0.0119 345);
14
+ --primary: oklch(0.55 0.2 345);
15
+ --primary-foreground: oklch(0.984 0.003 345);
16
+ --primary-text: color-mix(in oklab, var(--primary) 96%, black);
17
+ --primary-indicator: var(--primary);
18
+ --secondary: oklch(0.5 0.14 320);
19
+ --secondary-foreground: oklch(0.984 0.003 345);
20
+ --tertiary: var(--strix);
21
+ --tertiary-foreground: oklch(0.984 0.003 345);
22
+ --strix: oklch(0.5 0.085 200);
23
+ --muted: oklch(0.955 0.0084 345);
24
+ --muted-foreground: oklch(0.478 0.0224 345);
25
+ --track: oklch(0.955 0.0084 345);
26
+ --track-fill: var(--primary);
27
+ --tooltip: oklch(0.446 0.0301 345);
28
+ --tooltip-foreground: oklch(1 0 0);
29
+ --accent: oklch(0.91 0.0112 345);
30
+ --accent-foreground: oklch(0.227 0.0119 345);
31
+ --error: oklch(0.56 0.245 27.33);
32
+ --error-foreground: oklch(0.984 0.003 345);
33
+ --error-text: color-mix(in oklab, var(--error) 92%, black);
34
+ --success: oklch(0.46 0.118 184.7);
35
+ --success-foreground: oklch(0.984 0.003 345);
36
+ --info: oklch(0.48 0.165 254.62);
37
+ --info-foreground: oklch(0.984 0.003 345);
38
+ --warning: oklch(0.52 0.13 62);
39
+ --warning-foreground: oklch(0.984 0.003 345);
40
+ --destructive: var(--error);
41
+ --border: oklch(0.912 0.0112 345);
42
+ --input: oklch(0.912 0.0112 345);
43
+ --ring: oklch(0.62 0.028 345);
44
+ --sidebar: oklch(0.985 0.0042 345);
45
+ --sidebar-foreground: oklch(0.227 0.0119 345);
46
+ --sidebar-primary: oklch(0.227 0.0119 345);
47
+ --sidebar-primary-foreground: oklch(0.984 0.003 345);
48
+ --sidebar-accent: oklch(0.955 0.0084 345);
49
+ --sidebar-accent-foreground: oklch(0.227 0.0119 345);
50
+ --sidebar-border: oklch(0.912 0.0112 345);
51
+ --sidebar-ring: oklch(0.62 0.028 345);
52
+ --chart-1: oklch(0.646 0.222 41.116);
53
+ --chart-2: oklch(0.6 0.118 184.704);
54
+ --chart-3: oklch(0.398 0.07 227.392);
55
+ --chart-4: oklch(0.6 0.2 300);
56
+ --chart-5: oklch(0.769 0.188 70.08);
57
+ --chart-soft-1: oklch(0.9 0.045 255);
58
+ --chart-soft-1-ink: oklch(0.52 0.14 255);
59
+ --chart-soft-2: oklch(0.91 0.05 180);
60
+ --chart-soft-2-ink: oklch(0.53 0.09 180);
61
+ --chart-soft-3: oklch(0.93 0.06 80);
62
+ --chart-soft-3-ink: oklch(0.56 0.11 80);
63
+ --chart-soft-4: oklch(0.9 0.06 310);
64
+ --chart-soft-4-ink: oklch(0.52 0.16 310);
65
+ --chart-soft-5: oklch(0.9 0.05 25);
66
+ --chart-soft-5-ink: oklch(0.56 0.15 25);
67
+ --font-sans: ui-rounded, "SF Pro Rounded", ui-sans-serif, system-ui, sans-serif;
68
+ --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
69
+ font-family: var(--font-sans);
70
+ }
71
+
72
+ [data-nxgt-theme="pink"]:is(.dark, [data-theme="dark"]),
73
+ :is(.dark, [data-theme="dark"]) [data-nxgt-theme="pink"],
74
+ [data-nxgt-theme="pink"] :is(.dark, [data-theme="dark"]):not([data-nxgt-theme="pink"] [data-nxgt-theme]:not([data-nxgt-theme="pink"]), [data-nxgt-theme="pink"] [data-nxgt-theme]:not([data-nxgt-theme="pink"]) *) {
75
+ --background: oklch(0.15 0.026 273);
76
+ --foreground: oklch(0.943 0.0084 345);
77
+ --card: oklch(0.19 0.0133 345);
78
+ --card-foreground: oklch(0.943 0.0084 345);
79
+ --popover: oklch(0.19 0.0133 345);
80
+ --popover-foreground: oklch(0.943 0.0084 345);
81
+ --primary: oklch(0.55 0.2 345);
82
+ --primary-foreground: oklch(0.995 0.002 345);
83
+ --primary-text: color-mix(in oklab, var(--primary) 40%, white);
84
+ --primary-indicator: color-mix(in oklab, var(--primary) 75%, white);
85
+ --secondary: oklch(0.675 0.14 320);
86
+ --secondary-foreground: oklch(0.995 0.002 345);
87
+ --tertiary: oklch(0.7 0.1 200);
88
+ --tertiary-foreground: oklch(0.15 0.026 273);
89
+ --strix: oklch(0.5 0.085 200);
90
+ --muted: oklch(0.228 0.0154 345);
91
+ --muted-foreground: oklch(0.725 0.021 345);
92
+ --track: oklch(0.53 0.021 345);
93
+ --track-fill: oklch(0.85 0.09 345);
94
+ --tooltip: oklch(0.925 0.0084 345);
95
+ --tooltip-foreground: oklch(0.446 0.0301 345);
96
+ --accent: oklch(0.25 0.0154 345);
97
+ --accent-foreground: oklch(0.943 0.0084 345);
98
+ --error: oklch(0.577 0.245 27.33);
99
+ --error-foreground: oklch(0.995 0.002 345);
100
+ --error-text: color-mix(in oklab, var(--error) 76%, white);
101
+ --success: oklch(0.6 0.118 184.7);
102
+ --success-foreground: oklch(0.995 0.002 345);
103
+ --info: oklch(0.707 0.165 254.62);
104
+ --info-foreground: oklch(0.995 0.002 345);
105
+ --warning: oklch(0.7 0.15 70);
106
+ --warning-foreground: oklch(0.995 0.002 345);
107
+ --destructive: oklch(0.704 0.191 22.216);
108
+ --border: oklch(0.259 0.0175 345);
109
+ --input: oklch(0.298 0.0189 345);
110
+ --ring: oklch(0.551 0.021 345);
111
+ --sidebar: oklch(0.19 0.0133 345);
112
+ --sidebar-foreground: oklch(0.943 0.0084 345);
113
+ --sidebar-primary: var(--primary);
114
+ --sidebar-primary-foreground: oklch(0.995 0.002 345);
115
+ --sidebar-accent: oklch(0.228 0.0154 345);
116
+ --sidebar-accent-foreground: oklch(0.943 0.0084 345);
117
+ --sidebar-border: oklch(0.259 0.0175 345);
118
+ --sidebar-ring: oklch(0.551 0.021 345);
119
+ --chart-1: oklch(0.488 0.243 264.376);
120
+ --chart-2: oklch(0.696 0.17 162.48);
121
+ --chart-3: oklch(0.769 0.188 70.08);
122
+ --chart-4: oklch(0.627 0.265 303.9);
123
+ --chart-5: oklch(0.645 0.246 16.439);
124
+ --chart-soft-1: oklch(0.49 0.08 255);
125
+ --chart-soft-1-ink: oklch(0.78 0.1 255);
126
+ --chart-soft-2: oklch(0.49 0.07 180);
127
+ --chart-soft-2-ink: oklch(0.8 0.11 180);
128
+ --chart-soft-3: oklch(0.5 0.1 75);
129
+ --chart-soft-3-ink: oklch(0.84 0.12 78);
130
+ --chart-soft-4: oklch(0.49 0.09 310);
131
+ --chart-soft-4-ink: oklch(0.78 0.13 310);
132
+ --chart-soft-5: oklch(0.49 0.09 25);
133
+ --chart-soft-5-ink: oklch(0.78 0.11 25);
134
+ }
package/lib/themes/prune.css ADDED
@@ -0,0 +1,133 @@
1
+ /* Theme "prune", generated.
2
+ * Seeds: primary oklch(0.42 0.15 330), secondary oklch(0.5 0.1 355), tertiary oklch(0.55 0.1 85), neutral hue 330, tint 1.
3
+ * Contrast: 61 pairs, 0 failing.
4
+ */
5
+ [data-nxgt-theme="prune"] {
6
+ --radius: 0.5rem;
7
+ --background: oklch(1 0 0);
8
+ --foreground: oklch(0.227 0.017 330);
9
+ --card: oklch(1 0 0);
10
+ --card-foreground: oklch(0.227 0.017 330);
11
+ --popover: oklch(1 0 0);
12
+ --popover-foreground: oklch(0.227 0.017 330);
13
+ --primary: oklch(0.42 0.15 330);
14
+ --primary-foreground: oklch(0.984 0.003 330);
15
+ --primary-text: color-mix(in oklab, var(--primary) 96%, black);
16
+ --primary-indicator: var(--primary);
17
+ --secondary: oklch(0.5 0.1 355);
18
+ --secondary-foreground: oklch(0.984 0.003 330);
19
+ --tertiary: var(--strix);
20
+ --tertiary-foreground: oklch(0.984 0.003 330);
21
+ --strix: oklch(0.55 0.1 85);
22
+ --muted: oklch(0.955 0.012 330);
23
+ --muted-foreground: oklch(0.478 0.032 330);
24
+ --track: oklch(0.955 0.012 330);
25
+ --track-fill: var(--primary);
26
+ --tooltip: oklch(0.446 0.043 330);
27
+ --tooltip-foreground: oklch(1 0 0);
28
+ --accent: oklch(0.91 0.016 330);
29
+ --accent-foreground: oklch(0.227 0.017 330);
30
+ --error: oklch(0.56 0.245 27.33);
31
+ --error-foreground: oklch(0.984 0.003 330);
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 330);
35
+ --info: oklch(0.48 0.165 254.62);
36
+ --info-foreground: oklch(0.984 0.003 330);
37
+ --warning: oklch(0.52 0.13 62);
38
+ --warning-foreground: oklch(0.984 0.003 330);
39
+ --destructive: var(--error);
40
+ --border: oklch(0.912 0.016 330);
41
+ --input: oklch(0.912 0.016 330);
42
+ --ring: oklch(0.62 0.04 330);
43
+ --sidebar: oklch(0.985 0.006 330);
44
+ --sidebar-foreground: oklch(0.227 0.017 330);
45
+ --sidebar-primary: oklch(0.227 0.017 330);
46
+ --sidebar-primary-foreground: oklch(0.984 0.003 330);
47
+ --sidebar-accent: oklch(0.955 0.012 330);
48
+ --sidebar-accent-foreground: oklch(0.227 0.017 330);
49
+ --sidebar-border: oklch(0.912 0.016 330);
50
+ --sidebar-ring: oklch(0.62 0.04 330);
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="prune"]:is(.dark, [data-theme="dark"]),
72
+ :is(.dark, [data-theme="dark"]) [data-nxgt-theme="prune"],
73
+ [data-nxgt-theme="prune"] :is(.dark, [data-theme="dark"]):not([data-nxgt-theme="prune"] [data-nxgt-theme]:not([data-nxgt-theme="prune"]), [data-nxgt-theme="prune"] [data-nxgt-theme]:not([data-nxgt-theme="prune"]) *) {
74
+ --background: oklch(0.15 0.026 273);
75
+ --foreground: oklch(0.943 0.012 330);
76
+ --card: oklch(0.19 0.019 330);
77
+ --card-foreground: oklch(0.943 0.012 330);
78
+ --popover: oklch(0.19 0.019 330);
79
+ --popover-foreground: oklch(0.943 0.012 330);
80
+ --primary: oklch(0.42 0.15 330);
81
+ --primary-foreground: oklch(0.995 0.002 330);
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.1 355);
85
+ --secondary-foreground: oklch(0.995 0.002 330);
86
+ --tertiary: oklch(0.7 0.1 85);
87
+ --tertiary-foreground: oklch(0.15 0.026 273);
88
+ --strix: oklch(0.55 0.1 85);
89
+ --muted: oklch(0.228 0.022 330);
90
+ --muted-foreground: oklch(0.725 0.03 330);
91
+ --track: oklch(0.53 0.03 330);
92
+ --track-fill: oklch(0.85 0.09 330);
93
+ --tooltip: oklch(0.925 0.012 330);
94
+ --tooltip-foreground: oklch(0.446 0.043 330);
95
+ --accent: oklch(0.25 0.022 330);
96
+ --accent-foreground: oklch(0.943 0.012 330);
97
+ --error: oklch(0.577 0.245 27.33);
98
+ --error-foreground: oklch(0.995 0.002 330);
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 330);
102
+ --info: oklch(0.707 0.165 254.62);
103
+ --info-foreground: oklch(0.995 0.002 330);
104
+ --warning: oklch(0.7 0.15 70);
105
+ --warning-foreground: oklch(0.995 0.002 330);
106
+ --destructive: oklch(0.704 0.191 22.216);
107
+ --border: oklch(0.259 0.025 330);
108
+ --input: oklch(0.298 0.027 330);
109
+ --ring: oklch(0.551 0.03 330);
110
+ --sidebar: oklch(0.19 0.019 330);
111
+ --sidebar-foreground: oklch(0.943 0.012 330);
112
+ --sidebar-primary: var(--primary);
113
+ --sidebar-primary-foreground: oklch(0.995 0.002 330);
114
+ --sidebar-accent: oklch(0.228 0.022 330);
115
+ --sidebar-accent-foreground: oklch(0.943 0.012 330);
116
+ --sidebar-border: oklch(0.259 0.025 330);
117
+ --sidebar-ring: oklch(0.551 0.03 330);
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
+ }