@starlove/orbit 1.3.2 → 1.3.3

package/dist/full/version.json

@@ -1,6 +1,6 @@
 {
   "name": "@starlove/orbit",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "edition": "full",
-  "builtAt": "2026-06-03T01:24:22.058Z"
+  "builtAt": "2026-06-03T04:36:04.899Z"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@starlove/orbit",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Starscape Orbit — local-first, pretty, human-ai-first kanban system.",
   "license": "AGPL-3.0",
   "type": "module",

package/public/js/starscape.js

@@ -14,6 +14,8 @@ import {
   THEME_CHANGE_EVENT,
   applyStoredThemePreference,
   currentTheme,
+  storedThemePreference,
+  setThemePreference,
   toggleThemePreference
 } from "./theme-preference.js";
 
@@ -42,6 +44,14 @@ themeToggle?.addEventListener("click", () => {
   toggleThemePreference();
 });
 
+// When there's no explicit user preference stored, track OS changes live so
+// data-theme stays in sync and CSS selectors ([data-theme="dark"]) keep working.
+window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => {
+  if (!storedThemePreference()) {
+    setThemePreference(e.matches ? "dark" : "light", { notify: true });
+  }
+});
+
 window.addEventListener(THEME_CHANGE_EVENT, () => {
   syncThemeIcon();
   starscape.sync();

package/public/js/theme-preference.js

@@ -37,20 +37,27 @@ export function storedThemePreference(storage = safeStorage()) {
   return THEMES.has(value) ? value : null;
 }
 
+function systemTheme() {
+  try {
+    return globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  } catch {
+    return "light";
+  }
+}
+
 export function currentTheme({ doc = safeDocument(), storage = safeStorage() } = {}) {
   const rootTheme = safeDocument(doc)?.documentElement?.getAttribute?.("data-theme");
-  return THEMES.has(rootTheme) ? rootTheme : storedThemePreference(storage) ?? "light";
+  if (THEMES.has(rootTheme)) return rootTheme;
+  return storedThemePreference(storage) ?? systemTheme();
 }
 
 export function applyStoredThemePreference({
   doc = safeDocument(),
   storage = safeStorage()
 } = {}) {
-  const storedTheme = storedThemePreference(storage);
-  if (storedTheme) {
-    safeDocument(doc)?.documentElement?.setAttribute?.("data-theme", storedTheme);
-  }
-  return currentTheme({ doc, storage });
+  const theme = storedThemePreference(storage) ?? systemTheme();
+  safeDocument(doc)?.documentElement?.setAttribute?.("data-theme", theme);
+  return theme;
 }
 
 export function setThemePreference(theme, {