create-volt 0.48.2 → 0.48.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/CHANGELOG.md CHANGED
@@ -4,6 +4,14 @@ All notable changes to `create-volt` are documented here. The format follows
4
4
  [Keep a Changelog](https://keepachangelog.com/), and this project adheres to
5
5
  [Semantic Versioning](https://semver.org/).
6
6
 
7
+ ## [0.48.3] - 2026-06-29
8
+
9
+ ### Fixed
10
+ - **Unreadable text in the dark config.** The wizard never set Bootstrap's
11
+ `data-bs-theme`, so muted/secondary text (feature descriptions, hints) was
12
+ colored for a light background and vanished on the dark cards. It now tracks the
13
+ light/dark toggle, so all Bootstrap text is readable in both modes.
14
+
7
15
  ## [0.48.2] - 2026-06-29
8
16
 
9
17
  ### Changed
@@ -641,6 +649,7 @@ All notable changes to `create-volt` are documented here. The format follows
641
649
  watching and full-page hot reload. Supports `--skip-install` and `--force`,
642
650
  and auto-detects npm / pnpm / yarn / bun for the install step.
643
651
 
652
+ [0.48.3]: https://github.com/MIR-2025/volt/releases/tag/v0.48.3
644
653
  [0.48.2]: https://github.com/MIR-2025/volt/releases/tag/v0.48.2
645
654
  [0.48.1]: https://github.com/MIR-2025/volt/releases/tag/v0.48.1
646
655
  [0.48.0]: https://github.com/MIR-2025/volt/releases/tag/v0.48.0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-volt",
3
- "version": "0.48.2",
3
+ "version": "0.48.3",
4
4
  "description": "Scaffold a new Volt app — no-build, signals-based UI with Socket.io hot reload.",
5
5
  "type": "module",
6
6
  "bin": {
@@ -1,5 +1,5 @@
1
1
  <!doctype html>
2
- <html lang="en">
2
+ <html lang="en" data-bs-theme="dark">
3
3
  <head>
4
4
  <meta charset="utf-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -31,7 +31,7 @@
31
31
  (function () {
32
32
  const root = document.documentElement;
33
33
  const btn = document.getElementById("theme-toggle");
34
- const apply = (t) => { root.setAttribute("data-theme", t); btn.textContent = t === "light" ? "Dark mode" : "Light mode"; };
34
+ const apply = (t) => { root.setAttribute("data-theme", t); root.setAttribute("data-bs-theme", t); btn.textContent = t === "light" ? "Dark mode" : "Light mode"; };
35
35
  apply(localStorage.getItem("volt-setup-theme") || "dark");
36
36
  btn.addEventListener("click", () => {
37
37
  const next = root.getAttribute("data-theme") === "light" ? "dark" : "light";
@@ -1,5 +1,5 @@
1
1
  <!doctype html>
2
- <html lang="en">
2
+ <html lang="en" data-bs-theme="dark">
3
3
  <head>
4
4
  <meta charset="utf-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -31,7 +31,7 @@
31
31
  (function () {
32
32
  const root = document.documentElement;
33
33
  const btn = document.getElementById("theme-toggle");
34
- const apply = (t) => { root.setAttribute("data-theme", t); btn.textContent = t === "light" ? "Dark mode" : "Light mode"; };
34
+ const apply = (t) => { root.setAttribute("data-theme", t); root.setAttribute("data-bs-theme", t); btn.textContent = t === "light" ? "Dark mode" : "Light mode"; };
35
35
  apply(localStorage.getItem("volt-setup-theme") || "dark");
36
36
  btn.addEventListener("click", () => {
37
37
  const next = root.getAttribute("data-theme") === "light" ? "dark" : "light";
@@ -1,5 +1,5 @@
1
1
  <!doctype html>
2
- <html lang="en">
2
+ <html lang="en" data-bs-theme="dark">
3
3
  <head>
4
4
  <meta charset="utf-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -31,7 +31,7 @@
31
31
  (function () {
32
32
  const root = document.documentElement;
33
33
  const btn = document.getElementById("theme-toggle");
34
- const apply = (t) => { root.setAttribute("data-theme", t); btn.textContent = t === "light" ? "Dark mode" : "Light mode"; };
34
+ const apply = (t) => { root.setAttribute("data-theme", t); root.setAttribute("data-bs-theme", t); btn.textContent = t === "light" ? "Dark mode" : "Light mode"; };
35
35
  apply(localStorage.getItem("volt-setup-theme") || "dark");
36
36
  btn.addEventListener("click", () => {
37
37
  const next = root.getAttribute("data-theme") === "light" ? "dark" : "light";
@@ -1,5 +1,5 @@
1
1
  <!doctype html>
2
- <html lang="en">
2
+ <html lang="en" data-bs-theme="dark">
3
3
  <head>
4
4
  <meta charset="utf-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -31,7 +31,7 @@
31
31
  (function () {
32
32
  const root = document.documentElement;
33
33
  const btn = document.getElementById("theme-toggle");
34
- const apply = (t) => { root.setAttribute("data-theme", t); btn.textContent = t === "light" ? "Dark mode" : "Light mode"; };
34
+ const apply = (t) => { root.setAttribute("data-theme", t); root.setAttribute("data-bs-theme", t); btn.textContent = t === "light" ? "Dark mode" : "Light mode"; };
35
35
  apply(localStorage.getItem("volt-setup-theme") || "dark");
36
36
  btn.addEventListener("click", () => {
37
37
  const next = root.getAttribute("data-theme") === "light" ? "dark" : "light";