@nimtech/nimpress 2.6.10 → 2.6.12

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 (16) hide show
  1. package/.claude/skills/nimpress/SKILL.md +19 -3
  2. package/dist/cli.es.js +597 -570
  3. package/dist/nimpress.es.js +5134 -5110
  4. package/dist/{plugin-BDy913Zy.js → plugin-DnnKU6ST.js} +1502 -1483
  5. package/dist/plugin.es.js +11 -11
  6. package/dist/src/cli/completion.d.ts.map +1 -1
  7. package/dist/src/cli/modules.d.ts.map +1 -1
  8. package/dist/src/config/schema.d.ts +6 -6
  9. package/dist/src/framework/stores/theme.d.ts.map +1 -1
  10. package/dist/src/modules/harness.d.ts +4 -0
  11. package/dist/src/modules/harness.d.ts.map +1 -1
  12. package/dist/src/modules/stories.d.ts +13 -1
  13. package/dist/src/modules/stories.d.ts.map +1 -1
  14. package/dist/style.css +1 -1
  15. package/package.json +1 -1
  16. package/src/styles/themes/glass.css +155 -89
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nimtech/nimpress",
3
- "version": "2.6.10",
3
+ "version": "2.6.12",
4
4
  "description": "Svelte 5 docs framework that supports it all.",
5
5
  "author": "nimling",
6
6
  "license": "Apache-2.0",
package/src/styles/themes/glass.css CHANGED
@@ -1,88 +1,99 @@
1
1
  @layer nimpress-theme {
2
2
  html[data-np-theme="glass"] {
3
- --np-bg: color-mix(in oklab, var(--np-brand) 7%, #f7f5f3);
4
- --np-bg-surface: color-mix(in oklab, var(--np-brand) 5%, #efebe8);
3
+ --np-glass-ink: color-mix(in oklab, var(--np-brand) 14%, #121117);
4
+
5
+ --np-bg: color-mix(in oklab, var(--np-brand) 4%, #f6f6f8);
6
+ --np-bg-surface: color-mix(in oklab, var(--np-brand) 5%, #eeeef2);
5
7
  --np-bg-sidebar: transparent;
6
- --np-bg-card: color-mix(in oklab, var(--np-brand) 3%, #fdfcfb);
7
- --np-bg-code-inline: color-mix(in oklab, var(--np-brand) 9%, rgb(255 255 255 / 0.7));
8
- --np-bg-code-block: color-mix(in oklab, var(--np-brand) 7%, #15110f);
8
+ --np-bg-card: color-mix(in oklab, var(--np-brand) 2%, #fdfdfe);
9
+ --np-bg-code-inline: color-mix(in oklab, var(--np-brand) 9%, rgb(255 255 255 / 0.72));
10
+ --np-bg-code-block: color-mix(in oklab, var(--np-brand) 8%, #111015);
9
11
 
10
- --np-text-primary: #1a1614;
11
- --np-text-secondary: #3d3531;
12
- --np-text-muted: #5a504b;
13
- --np-text-faint: #6f6560;
12
+ --np-text-primary: var(--np-glass-ink);
13
+ --np-text-secondary: color-mix(in oklab, var(--np-glass-ink) 82%, #ffffff);
14
+ --np-text-muted: color-mix(in oklab, var(--np-glass-ink) 70%, #ffffff);
15
+ --np-text-faint: color-mix(in oklab, var(--np-glass-ink) 62%, #ffffff);
14
16
 
15
- --np-border: rgb(60 40 30 / 0.14);
16
- --np-border-strong: rgb(60 40 30 / 0.26);
17
- --np-divider: rgb(60 40 30 / 0.1);
17
+ --np-border: color-mix(in oklab, var(--np-glass-ink) 12%, transparent);
18
+ --np-border-strong: color-mix(in oklab, var(--np-glass-ink) 22%, transparent);
19
+ --np-divider: color-mix(in oklab, var(--np-glass-ink) 8%, transparent);
18
20
 
19
- --np-table-header-bg: rgb(60 40 30 / 0.05);
20
- --np-table-row-alt: rgb(60 40 30 / 0.025);
21
+ --np-table-header-bg: color-mix(in oklab, var(--np-glass-ink) 4%, rgb(255 255 255 / 0.5));
22
+ --np-table-row-alt: color-mix(in oklab, var(--np-glass-ink) 2%, transparent);
21
23
  --np-table-row-hover: color-mix(in oklab, var(--np-brand) 8%, transparent);
22
24
 
23
25
  --np-radius-sm: 8px;
24
26
  --np-radius-md: 12px;
25
27
  --np-radius-lg: 18px;
26
28
 
27
- --np-shadow-card: 0 1px 1px rgb(60 30 15 / 0.04), 0 8px 24px -10px rgb(60 30 15 / 0.18);
28
- --np-shadow-popover: 0 2px 4px rgb(60 30 15 / 0.05), 0 18px 40px -12px rgb(60 30 15 / 0.28);
29
- --np-shadow-modal: 0 2px 6px rgb(60 30 15 / 0.06), 0 30px 70px -20px rgb(60 30 15 / 0.35);
30
- --np-shadow-dialog: 0 2px 6px rgb(60 30 15 / 0.08), 0 40px 90px -24px rgb(60 30 15 / 0.45);
29
+ --np-glass-shade: color-mix(in oklab, var(--np-brand) 22%, #0c0b10);
30
+ --np-shadow-card: 0 1px 2px color-mix(in oklab, var(--np-glass-shade) 6%, transparent), 0 10px 28px -12px color-mix(in oklab, var(--np-glass-shade) 22%, transparent);
31
+ --np-shadow-popover: 0 2px 4px color-mix(in oklab, var(--np-glass-shade) 6%, transparent), 0 18px 40px -12px color-mix(in oklab, var(--np-glass-shade) 30%, transparent);
32
+ --np-shadow-modal: 0 2px 6px color-mix(in oklab, var(--np-glass-shade) 8%, transparent), 0 30px 70px -20px color-mix(in oklab, var(--np-glass-shade) 38%, transparent);
33
+ --np-shadow-dialog: 0 2px 6px color-mix(in oklab, var(--np-glass-shade) 10%, transparent), 0 40px 90px -24px color-mix(in oklab, var(--np-glass-shade) 46%, transparent);
31
34
 
32
- --np-overlay: color-mix(in oklab, var(--np-brand) 12%, rgb(20 12 8 / 0.42));
33
- --np-overlay-soft: rgb(20 12 8 / 0.22);
35
+ --np-overlay: color-mix(in oklab, var(--np-brand) 14%, rgb(12 11 16 / 0.4));
36
+ --np-overlay-soft: rgb(12 11 16 / 0.2);
34
37
 
35
- --np-glass-ink-brand: color-mix(in oklab, var(--np-brand) 70%, #000);
38
+ --np-glass-ink-brand: color-mix(in oklab, var(--np-brand) 78%, #000);
36
39
  --np-link: var(--np-glass-ink-brand);
37
- --np-glass-lamp: color-mix(in oklab, var(--np-brand) 62%, transparent);
38
- --np-glass-ground: rgb(255 253 251 / 0.66);
39
- --np-glass-cover: rgb(255 255 255 / 0.8);
40
- --np-glass-slip: rgb(255 255 255 / 0.62);
41
- --np-glass-edge: rgb(255 255 255 / 0.85);
42
- --np-glass-rim: rgb(60 40 30 / 0.1);
43
- --np-glass-frost: blur(22px) saturate(170%);
44
- --np-glass-frost-light: blur(12px) saturate(150%);
45
- --np-glass-frost-overlay: blur(6px);
46
- --np-glass-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .12 0 0 0 0 .08 0 0 0 .14 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
40
+ --np-glass-lamp: color-mix(in oklab, var(--np-brand) 34%, transparent);
41
+ --np-glass-lamp-far: color-mix(in oklab, oklch(from var(--np-brand) l c calc(h + 48)) 22%, transparent);
42
+ --np-glass-lamp-low: color-mix(in oklab, oklch(from var(--np-brand) l c calc(h - 36)) 18%, transparent);
43
+ --np-glass-ground: rgb(255 255 255 / 0.5);
44
+ --np-glass-cover: rgb(255 255 255 / 0.78);
45
+ --np-glass-slip: rgb(255 255 255 / 0.56);
46
+ --np-glass-edge: rgb(255 255 255 / 0.9);
47
+ --np-glass-rim: color-mix(in oklab, var(--np-glass-ink) 10%, transparent);
48
+ --np-glass-sheen: linear-gradient(160deg, rgb(255 255 255 / 0.55) 0%, rgb(255 255 255 / 0) 38%, rgb(255 255 255 / 0) 72%, rgb(255 255 255 / 0.2) 100%);
49
+ --np-glass-frost: blur(24px) saturate(180%);
50
+ --np-glass-frost-light: blur(14px) saturate(160%);
51
+ --np-glass-frost-overlay: blur(8px) saturate(120%);
52
+ --np-glass-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .1 0 0 0 0 .12 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
47
53
  }
48
54
 
49
55
  html.dark[data-np-theme="glass"] {
50
- --np-bg: color-mix(in oklab, var(--np-brand) 6%, #0d0b0a);
51
- --np-bg-surface: color-mix(in oklab, var(--np-brand) 6%, #1a1715);
52
- --np-bg-card: color-mix(in oklab, var(--np-brand) 4%, #1f1b19);
53
- --np-bg-code-inline: color-mix(in oklab, var(--np-brand) 10%, rgb(255 255 255 / 0.07));
54
- --np-bg-code-block: color-mix(in oklab, var(--np-brand) 6%, #0f0c0b);
56
+ --np-glass-ink: color-mix(in oklab, var(--np-brand) 6%, #f5f5f8);
57
+
58
+ --np-bg: color-mix(in oklab, var(--np-brand) 5%, #0a0a0d);
59
+ --np-bg-surface: color-mix(in oklab, var(--np-brand) 6%, #16161b);
60
+ --np-bg-card: color-mix(in oklab, var(--np-brand) 5%, #1a1a20);
61
+ --np-bg-code-inline: color-mix(in oklab, var(--np-brand) 12%, rgb(255 255 255 / 0.07));
62
+ --np-bg-code-block: color-mix(in oklab, var(--np-brand) 6%, #0c0c10);
55
63
 
56
- --np-text-primary: #f6f1ee;
57
- --np-text-secondary: #cfc5bf;
58
- --np-text-muted: #a89d97;
59
- --np-text-faint: #8a807a;
64
+ --np-text-primary: var(--np-glass-ink);
65
+ --np-text-secondary: color-mix(in oklab, var(--np-glass-ink) 82%, #000000);
66
+ --np-text-muted: color-mix(in oklab, var(--np-glass-ink) 68%, #000000);
67
+ --np-text-faint: color-mix(in oklab, var(--np-glass-ink) 58%, #000000);
60
68
 
61
- --np-border: rgb(255 240 230 / 0.1);
62
- --np-border-strong: rgb(255 240 230 / 0.2);
63
- --np-divider: rgb(255 240 230 / 0.07);
69
+ --np-border: rgb(255 255 255 / 0.1);
70
+ --np-border-strong: rgb(255 255 255 / 0.2);
71
+ --np-divider: rgb(255 255 255 / 0.07);
64
72
 
65
73
  --np-table-header-bg: rgb(255 255 255 / 0.05);
66
74
  --np-table-row-alt: rgb(255 255 255 / 0.025);
67
- --np-table-row-hover: color-mix(in oklab, var(--np-brand) 12%, rgb(255 255 255 / 0.04));
75
+ --np-table-row-hover: color-mix(in oklab, var(--np-brand) 14%, rgb(255 255 255 / 0.04));
68
76
 
69
- --np-shadow-card: 0 1px 1px rgb(0 0 0 / 0.3), 0 10px 28px -10px rgb(0 0 0 / 0.6);
70
- --np-shadow-popover: 0 2px 4px rgb(0 0 0 / 0.3), 0 20px 44px -12px rgb(0 0 0 / 0.7);
71
- --np-shadow-modal: 0 2px 6px rgb(0 0 0 / 0.35), 0 32px 72px -20px rgb(0 0 0 / 0.75);
72
- --np-shadow-dialog: 0 2px 6px rgb(0 0 0 / 0.4), 0 40px 90px -24px rgb(0 0 0 / 0.8);
77
+ --np-shadow-card: 0 1px 2px rgb(0 0 0 / 0.35), 0 12px 30px -12px rgb(0 0 0 / 0.65);
78
+ --np-shadow-popover: 0 2px 4px rgb(0 0 0 / 0.35), 0 20px 44px -12px rgb(0 0 0 / 0.72);
79
+ --np-shadow-modal: 0 2px 6px rgb(0 0 0 / 0.4), 0 32px 72px -20px rgb(0 0 0 / 0.78);
80
+ --np-shadow-dialog: 0 2px 6px rgb(0 0 0 / 0.45), 0 40px 90px -24px rgb(0 0 0 / 0.82);
73
81
 
74
- --np-overlay: color-mix(in oklab, var(--np-brand) 8%, rgb(0 0 0 / 0.6));
82
+ --np-overlay: color-mix(in oklab, var(--np-brand) 10%, rgb(0 0 0 / 0.6));
75
83
  --np-overlay-soft: rgb(0 0 0 / 0.4);
76
84
 
77
- --np-glass-ink-brand: color-mix(in oklab, var(--np-brand) 72%, #fff);
85
+ --np-glass-ink-brand: color-mix(in oklab, var(--np-brand) 64%, #fff);
78
86
  --np-link: var(--np-glass-ink-brand);
79
- --np-glass-lamp: color-mix(in oklab, var(--np-brand) 46%, transparent);
80
- --np-glass-ground: rgb(34 29 27 / 0.6);
81
- --np-glass-cover: rgb(22 19 18 / 0.84);
82
- --np-glass-slip: rgb(40 35 32 / 0.6);
83
- --np-glass-edge: rgb(255 245 238 / 0.1);
84
- --np-glass-rim: rgb(0 0 0 / 0.5);
85
- --np-glass-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .2 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
87
+ --np-glass-lamp: color-mix(in oklab, var(--np-brand) 42%, transparent);
88
+ --np-glass-lamp-far: color-mix(in oklab, oklch(from var(--np-brand) l c calc(h + 48)) 22%, transparent);
89
+ --np-glass-lamp-low: color-mix(in oklab, oklch(from var(--np-brand) l c calc(h - 36)) 20%, transparent);
90
+ --np-glass-ground: rgb(255 255 255 / 0.04);
91
+ --np-glass-cover: color-mix(in oklab, var(--np-brand) 4%, rgb(22 22 28 / 0.84));
92
+ --np-glass-slip: rgb(255 255 255 / 0.06);
93
+ --np-glass-edge: rgb(255 255 255 / 0.14);
94
+ --np-glass-rim: rgb(255 255 255 / 0.09);
95
+ --np-glass-sheen: linear-gradient(160deg, rgb(255 255 255 / 0.08) 0%, rgb(255 255 255 / 0) 40%, rgb(255 255 255 / 0) 72%, rgb(255 255 255 / 0.03) 100%);
96
+ --np-glass-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .04 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
86
97
  }
87
98
 
88
99
  html[data-np-theme="glass"] ::selection {
@@ -102,7 +113,9 @@
102
113
  html[data-np-theme="glass"] .np-app {
103
114
  background-color: var(--np-bg);
104
115
  background-image:
105
- radial-gradient(ellipse 85% 95% at 0% 0%, var(--np-glass-lamp) 0%, transparent 68%);
116
+ radial-gradient(ellipse 70% 80% at 0% 0%, var(--np-glass-lamp) 0%, transparent 68%),
117
+ radial-gradient(ellipse 50% 55% at 100% 8%, var(--np-glass-lamp-far) 0%, transparent 70%),
118
+ radial-gradient(ellipse 60% 55% at 72% 100%, var(--np-glass-lamp-low) 0%, transparent 72%);
106
119
  background-attachment: fixed;
107
120
  timeline-scope: --np-glass-scroll;
108
121
  }
@@ -126,17 +139,27 @@
126
139
  }
127
140
 
128
141
  html[data-np-theme="glass"] .np-header {
129
- --np-header-bg: var(--np-glass-ground);
142
+ --np-header-bg: transparent;
143
+ --np-header-border: transparent;
144
+ }
145
+
146
+ html[data-np-theme="glass"] .np-header::before {
147
+ content: "";
148
+ position: absolute;
149
+ inset: 0 0 -1px;
150
+ z-index: -1;
151
+ border-bottom: 1px solid var(--np-glass-rim);
152
+ background-color: var(--np-glass-ground);
130
153
  background-image: var(--np-glass-grain);
131
- --np-header-border: var(--np-glass-rim);
154
+ box-shadow: inset 0 1px 0 var(--np-glass-edge), inset 0 -1px 0 var(--np-glass-edge);
132
155
  backdrop-filter: var(--np-glass-frost);
133
156
  -webkit-backdrop-filter: var(--np-glass-frost);
134
- box-shadow: inset 0 1px 0 var(--np-glass-edge), inset 0 -1px 0 var(--np-glass-edge);
157
+ pointer-events: none;
135
158
  }
136
159
 
137
160
  html[data-np-theme="glass"] .np-aside {
138
161
  background-color: var(--np-glass-ground);
139
- background-image: var(--np-glass-grain);
162
+ background-image: var(--np-glass-sheen), var(--np-glass-grain);
140
163
  backdrop-filter: var(--np-glass-frost);
141
164
  -webkit-backdrop-filter: var(--np-glass-frost);
142
165
  }
@@ -151,11 +174,12 @@
151
174
  html[data-np-theme="glass"] .np-group-header.active,
152
175
  html[data-np-theme="glass"] .np-subgroup-row.active {
153
176
  color: var(--np-glass-ink-brand);
154
- background-color: var(--np-glass-cover);
177
+ background-color: color-mix(in oklab, var(--np-brand) 10%, var(--np-glass-cover));
178
+ background-image: var(--np-glass-sheen);
155
179
  box-shadow:
156
- inset 0 0 0 1px var(--np-glass-edge),
157
- 0 0 0 1px color-mix(in oklab, var(--np-brand) 36%, transparent),
158
- 0 4px 12px -6px color-mix(in oklab, var(--np-brand) 50%, transparent);
180
+ inset 0 1px 0 var(--np-glass-edge),
181
+ 0 0 0 1px var(--np-glass-rim),
182
+ 0 6px 16px -10px color-mix(in oklab, var(--np-brand) 45%, transparent);
159
183
  }
160
184
 
161
185
  html[data-np-theme="glass"] .np-subgroup-row.active .np-link.active {
@@ -233,6 +257,8 @@
233
257
  html[data-np-theme="glass"] .np-card,
234
258
  html[data-np-theme="glass"] .np-feature-card {
235
259
  background-color: var(--np-glass-slip);
260
+ background-image: var(--np-glass-sheen);
261
+ border-top-color: var(--np-glass-edge);
236
262
  backdrop-filter: var(--np-glass-frost-light);
237
263
  -webkit-backdrop-filter: var(--np-glass-frost-light);
238
264
  border-color: var(--np-glass-rim);
@@ -264,6 +290,7 @@
264
290
 
265
291
  html[data-np-theme="glass"] .np-search-modal {
266
292
  background-color: var(--np-glass-cover);
293
+ background-image: var(--np-glass-sheen);
267
294
  backdrop-filter: var(--np-glass-frost);
268
295
  -webkit-backdrop-filter: var(--np-glass-frost);
269
296
  border-color: var(--np-glass-rim);
@@ -286,21 +313,55 @@
286
313
  }
287
314
 
288
315
  @supports (animation-timeline: scroll()) {
289
- html[data-np-theme="glass"] .np-header {
316
+ html[data-np-theme="glass"] .np-header::before {
290
317
  animation: np-glass-header-frost linear both;
291
318
  animation-timeline: --np-glass-scroll;
292
319
  animation-range: 0 96px;
293
320
  }
321
+
322
+ html[data-np-theme="glass"] .np-header-lead {
323
+ position: relative;
324
+ isolation: isolate;
325
+ justify-self: start;
326
+ width: fit-content;
327
+ max-width: 100%;
328
+ height: calc(var(--np-header-height) - 16px);
329
+ padding: 0 18px 0 12px;
330
+ }
331
+
332
+ html[data-np-theme="glass"] .np-header-lead::before {
333
+ content: "";
334
+ position: absolute;
335
+ inset: 0;
336
+ z-index: -1;
337
+ border: 1px solid var(--np-glass-rim);
338
+ border-top-color: var(--np-glass-edge);
339
+ border-radius: var(--np-radius-pill);
340
+ background-color: var(--np-glass-cover);
341
+ background-image: var(--np-glass-sheen);
342
+ box-shadow: var(--np-shadow-card);
343
+ backdrop-filter: var(--np-glass-frost);
344
+ -webkit-backdrop-filter: var(--np-glass-frost);
345
+ pointer-events: none;
346
+ animation: np-glass-lead-clear linear both;
347
+ animation-timeline: --np-glass-scroll;
348
+ animation-range: 0 96px;
349
+ }
350
+
351
+ html[data-np-theme="glass"] .np-header-lead .np-crumbs-slot {
352
+ width: auto;
353
+ }
354
+ }
355
+
356
+ @keyframes np-glass-lead-clear {
357
+ to {
358
+ opacity: 0;
359
+ }
294
360
  }
295
361
 
296
362
  @keyframes np-glass-header-frost {
297
363
  from {
298
- background-color: transparent;
299
- background-image: none;
300
- border-bottom-color: transparent;
301
- box-shadow: none;
302
- backdrop-filter: blur(0) saturate(100%);
303
- -webkit-backdrop-filter: blur(0) saturate(100%);
364
+ opacity: 0;
304
365
  }
305
366
  }
306
367
 
@@ -327,7 +388,11 @@
327
388
  }
328
389
 
329
390
  @media (prefers-reduced-motion: reduce) {
330
- html[data-np-theme="glass"] .np-header {
391
+ html[data-np-theme="glass"] .np-header::before {
392
+ animation: none;
393
+ }
394
+
395
+ html[data-np-theme="glass"] .np-header-lead::before {
331
396
  animation: none;
332
397
  }
333
398
 
@@ -343,37 +408,38 @@
343
408
  }
344
409
 
345
410
  @media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
346
- html[data-np-theme="glass"] .np-header {
411
+ html[data-np-theme="glass"] .np-header::before {
347
412
  animation: none;
348
413
  }
349
414
 
350
415
  html[data-np-theme="glass"] {
351
- --np-glass-ground: color-mix(in oklab, var(--np-brand) 4%, #f4f1ef);
416
+ --np-glass-ground: color-mix(in oklab, var(--np-brand) 4%, #f3f3f6);
352
417
  --np-glass-cover: #ffffff;
353
- --np-glass-slip: #fbf9f8;
354
- --np-glass-rim: rgb(60 40 30 / 0.28);
418
+ --np-glass-slip: #fbfbfc;
419
+ --np-glass-rim: color-mix(in oklab, var(--np-glass-ink) 28%, transparent);
420
+ --np-glass-sheen: none;
355
421
  --np-glass-frost: none;
356
422
  --np-glass-frost-light: none;
357
423
  --np-glass-frost-overlay: none;
358
424
  --np-glass-grain: none;
359
425
  --np-bg-card: #ffffff;
360
426
  --np-bg-code-inline: color-mix(in oklab, var(--np-brand) 9%, #ffffff);
361
- --np-table-header-bg: #f3efec;
362
- --np-table-row-alt: #faf8f7;
427
+ --np-table-header-bg: #f1f1f4;
428
+ --np-table-row-alt: #f9f9fb;
363
429
  --np-table-row-hover: color-mix(in oklab, var(--np-brand) 8%, #ffffff);
364
430
  }
365
431
 
366
432
  html.dark[data-np-theme="glass"] {
367
- --np-glass-ground: #1b1816;
368
- --np-glass-cover: #141110;
369
- --np-glass-slip: #221e1c;
370
- --np-glass-rim: rgb(255 240 230 / 0.24);
433
+ --np-glass-ground: #17171c;
434
+ --np-glass-cover: #121216;
435
+ --np-glass-slip: #1e1e24;
436
+ --np-glass-rim: rgb(255 255 255 / 0.24);
371
437
  --np-glass-grain: none;
372
- --np-bg-card: #221e1c;
373
- --np-bg-code-inline: color-mix(in oklab, var(--np-brand) 10%, #221e1c);
374
- --np-table-header-bg: #1f1b19;
375
- --np-table-row-alt: #181514;
376
- --np-table-row-hover: color-mix(in oklab, var(--np-brand) 12%, #1f1b19);
438
+ --np-bg-card: #1e1e24;
439
+ --np-bg-code-inline: color-mix(in oklab, var(--np-brand) 10%, #1e1e24);
440
+ --np-table-header-bg: #1b1b21;
441
+ --np-table-row-alt: #15151a;
442
+ --np-table-row-hover: color-mix(in oklab, var(--np-brand) 12%, #1b1b21);
377
443
  }
378
444
  }
379
445
  }