@atom63/slides 0.4.2 → 0.4.3
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.
package/package.json
CHANGED
|
@@ -203,6 +203,37 @@
|
|
|
203
203
|
--theme-button-icon-filter: none;
|
|
204
204
|
}
|
|
205
205
|
|
|
206
|
+
/* -----------------------------------------------------------------------------
|
|
207
|
+
Runtime-theme re-derivation. A runtime theme (the GUI picker / `theme:`
|
|
208
|
+
frontmatter) overrides the PALETTE on a [data-slides-theme] element. But
|
|
209
|
+
CSS substitutes var() inside a custom-property declaration AT the element
|
|
210
|
+
where it's declared — so the palette-derived slide tokens above (declared on
|
|
211
|
+
:root) keep their :root/light values and IGNORE a runtime palette override.
|
|
212
|
+
The visible symptom: the slide canvas (--theme-slide-bg) stays light on a
|
|
213
|
+
dark theme. Re-declare the palette-derived slide tokens here, ON the themed
|
|
214
|
+
element itself, so they re-derive from the overridden palette. Built-in theme
|
|
215
|
+
files may still override any of these explicitly — imported after this, they
|
|
216
|
+
win by source order.
|
|
217
|
+
----------------------------------------------------------------------------- */
|
|
218
|
+
[data-slides-theme] {
|
|
219
|
+
--theme-slide-bg: var(--background);
|
|
220
|
+
--theme-slide-stage-bg: color-mix(in oklch, var(--muted) 70%, var(--border) 30%);
|
|
221
|
+
--theme-slide-toolbar-bg: color-mix(in oklch, var(--muted) 38%, transparent);
|
|
222
|
+
--theme-slide-toolbar-border: color-mix(in oklch, var(--border) 64%, transparent);
|
|
223
|
+
--theme-slide-statusbar-bg: color-mix(in oklch, var(--muted) 20%, transparent);
|
|
224
|
+
--theme-slide-statusbar-border: color-mix(in oklch, var(--border) 50%, transparent);
|
|
225
|
+
--theme-slide-sidebar-bg: color-mix(in oklch, var(--muted) 30%, transparent);
|
|
226
|
+
--theme-slide-sidebar-border: color-mix(in oklch, var(--border) 50%, transparent);
|
|
227
|
+
--theme-slide-surface: var(--card);
|
|
228
|
+
--theme-slide-rule-color: color-mix(in oklch, var(--foreground) 25%, transparent);
|
|
229
|
+
--theme-slide-accent: var(--primary);
|
|
230
|
+
--theme-slide-accent-foreground: var(--primary-foreground);
|
|
231
|
+
--theme-slide-muted: var(--muted-foreground);
|
|
232
|
+
--theme-slide-code-bg: var(--card);
|
|
233
|
+
--theme-slide-code-border: color-mix(in oklch, var(--foreground) 10%, transparent);
|
|
234
|
+
--theme-slide-quote-color: color-mix(in oklch, var(--foreground) 90%, transparent);
|
|
235
|
+
}
|
|
236
|
+
|
|
206
237
|
/* -----------------------------------------------------------------------------
|
|
207
238
|
Default border color. Tailwind v4 leaves `border` utilities at `currentColor`
|
|
208
239
|
(which renders as the text color — near-black). The full ATOM63 design system
|