nolo-cli 0.1.30 → 0.1.32

package/app/theme/colors.ts

@@ -1,280 +0,0 @@
-// app/theme/colors.ts
-// 7 个主题，每个都有完整 surface 覆盖，切换主题"气质全变"。
-
-// ─── 公共语义色 ─────────────────────────────────────────────────────────────
-const semantic = {
-  light: { success: "#16A34A", warning: "#D97706", info: "#2563EB", error: "#DC2626" },
-  dark:  { success: "#4ADE80", warning: "#FCD34D", info: "#60A5FA", error: "#F87171" },
-};
-
-// ─── surface 工厂：避免每个主题重复写影子/ghost/messageBackground ──────────
-const mkLight = (bg: string, bg2: string, bg3: string, textPrimary: string, textSec: string, textTer: string, border: string, borderL: string) => ({
-  background: bg, backgroundSecondary: bg2, backgroundTertiary: bg3,
-  backgroundGhost: bg + "F0",
-  backgroundHover: bg3, backgroundSelected: border,
-  backgroundElevated: bg2,
-  text: textPrimary, textSecondary: textSec, textTertiary: textTer,
-  textQuaternary: textTer + "99", textLight: border, placeholder: textTer,
-  border, borderLight: borderL, borderHover: textTer,
-  messageBackground: bg2, codeBackground: bg3,
-  shadowLight:  `rgba(0,0,0,0.04)`, shadowMedium: `rgba(0,0,0,0.08)`, shadowHeavy: `rgba(0,0,0,0.14)`,
-});
-
-const mkDark = (bg: string, bg2: string, bg3: string, textPrimary: string, textSec: string, textTer: string, border: string, borderL: string, shadowBase = "0,0,0") => ({
-  background: bg, backgroundSecondary: bg2, backgroundTertiary: bg3,
-  backgroundGhost: bg2 + "F0",
-  backgroundHover: bg3, backgroundSelected: border,
-  backgroundElevated: bg3,
-  text: textPrimary, textSecondary: textSec, textTertiary: textTer,
-  textQuaternary: textTer + "88", textLight: border, placeholder: textTer,
-  border, borderLight: borderL, borderHover: textTer,
-  messageBackground: bg2, codeBackground: bg2,
-  shadowLight:  `rgba(${shadowBase},0.18)`, shadowMedium: `rgba(${shadowBase},0.30)`, shadowHeavy: `rgba(${shadowBase},0.44)`,
-});
-
-// ─── 1. Neutral — zinc，无主张 ──────────────────────────────────────────────
-export const neutral = {
-  light: { primary: "#71717A", primaryLight: "#A1A1AA", primaryDark: "#52525B",
-    primaryGradient: "linear-gradient(135deg, #71717A, #A1A1AA)",
-    primaryGhost: "rgba(113,113,122,0.08)", primaryHover: "rgba(113,113,122,0.10)",
-    borderAccent: "#D4D4D8", ...semantic.light },
-  dark: { primary: "#A1A1AA", primaryLight: "#D4D4D8", primaryDark: "#71717A",
-    primaryGradient: "linear-gradient(135deg, #A1A1AA, #D4D4D8)",
-    primaryGhost: "rgba(161,161,170,0.10)", primaryHover: "rgba(161,161,170,0.12)",
-    borderAccent: "#52525B", ...semantic.dark },
-};
-
-// ─── 2. Ocean — GitHub 风格深蓝，干净可信 ─────────────────────────────────
-export const ocean = {
-  light: {
-    primary: "#0969DA", primaryLight: "#218BFF", primaryDark: "#0550AE",
-    primaryGradient: "linear-gradient(135deg, #0969DA, #218BFF)",
-    primaryGhost: "rgba(9,105,218,0.08)", primaryHover: "rgba(9,105,218,0.10)",
-    borderAccent: "#54AEFF", ...semantic.light,
-    ...mkLight("#FFFFFF", "#F6F8FA", "#EBF0F4", "#1C2128", "#57606A", "#6E7781", "#D0D7DE", "#F6F8FA"),
-  },
-  dark: {
-    primary: "#58A6FF", primaryLight: "#79C0FF", primaryDark: "#388BFD",
-    primaryGradient: "linear-gradient(135deg, #58A6FF, #79C0FF)",
-    primaryGhost: "rgba(88,166,255,0.10)", primaryHover: "rgba(88,166,255,0.12)",
-    borderAccent: "#1F6FEB", ...semantic.dark,
-    ...mkDark("#0D1117", "#161B22", "#21262D", "#E6EDF3", "#8B949E", "#6E7681", "#30363D", "#161B22", "13,17,23"),
-    textHeading: "#E6EDF3",
-  },
-};
-
-// ─── 3. Iris — Linear 签名色，精致紫蓝 ────────────────────────────────────
-export const iris = {
-  light: {
-    primary: "#5E6AD2", primaryLight: "#8B9CF4", primaryDark: "#4A55C0",
-    primaryGradient: "linear-gradient(135deg, #5E6AD2, #8B9CF4)",
-    primaryGhost: "rgba(94,106,210,0.08)", primaryHover: "rgba(94,106,210,0.10)",
-    borderAccent: "#8B9CF4", ...semantic.light,
-    ...mkLight("#FFFFFF", "#F7F6FF", "#EEEDFA", "#1A1730", "#4E4B6B", "#7874A0", "#D8D6F0", "#F7F6FF"),
-  },
-  dark: {
-    primary: "#8B9CF4", primaryLight: "#ADB5F7", primaryDark: "#5E6AD2",
-    primaryGradient: "linear-gradient(135deg, #8B9CF4, #ADB5F7)",
-    primaryGhost: "rgba(139,156,244,0.10)", primaryHover: "rgba(139,156,244,0.12)",
-    borderAccent: "#4A55C0", ...semantic.dark,
-    ...mkDark("#0F0E17", "#16141F", "#1E1B2E", "#E8E5F7", "#A8A4C8", "#7B7698", "#272435", "#16141F", "15,14,23"),
-    textHeading: "#E8E5F7",
-  },
-};
-
-// ─── 4. Forest — 深绿，清新自然 ───────────────────────────────────────────
-export const forest = {
-  light: {
-    primary: "#059669", primaryLight: "#10B981", primaryDark: "#047857",
-    primaryGradient: "linear-gradient(135deg, #059669, #10B981)",
-    primaryGhost: "rgba(5,150,105,0.08)", primaryHover: "rgba(5,150,105,0.10)",
-    borderAccent: "#6EE7B7", ...semantic.light,
-    ...mkLight("#F6FAF6", "#EDF5EC", "#DDF0DB", "#1A2E18", "#3D6B3A", "#5C8A58", "#C3E0C0", "#EDF5EC"),
-  },
-  dark: {
-    primary: "#34D399", primaryLight: "#6EE7B7", primaryDark: "#10B981",
-    primaryGradient: "linear-gradient(135deg, #34D399, #6EE7B7)",
-    primaryGhost: "rgba(52,211,153,0.10)", primaryHover: "rgba(52,211,153,0.12)",
-    borderAccent: "#059669", ...semantic.dark,
-    ...mkDark("#0C1209", "#121A0E", "#1A2416", "#E4F0E2", "#87A882", "#5E7A5A", "#1A2416", "#121A0E", "12,18,9"),
-    success: "#4ADE80", textHeading: "#C8EEC4",
-  },
-};
-
-// ─── 5. Wave — 完整 Kanagawa 体验 ─────────────────────────────────────────
-export const wave = {
-  light: {
-    // Kanagawa Lotus — lotusBlue3 accent（日式水墨蓝，与 Wave dark 气质呼应）
-    primary: "#4D699B",
-    primaryLight: "#6680B3",
-    primaryDark: "#3C5585",
-    primaryGradient: "linear-gradient(135deg, #4D699B, #6680B3)",
-    primaryGhost: "rgba(77, 105, 155, 0.08)",
-    primaryHover: "rgba(77, 105, 155, 0.10)",
-    borderAccent: "#8CA6CF",
-    success: "#6F894E",
-    warning: "#836F4A",
-    info: "#4D699B",
-    error: "#C84053",
-    // Surface overrides — Kanagawa Lotus palette
-    background:          "#F5F4EF",
-    backgroundSecondary: "#FFFFFF",
-    backgroundTertiary:  "#ECEAE3",
-    backgroundGhost:     "rgba(245, 244, 239, 0.94)",
-    backgroundHover:     "#E8E6DE",
-    backgroundSelected:  "#DEDAD0",
-    text:                "#1A1A22",
-    textSecondary:       "#3D3B4F",
-    textTertiary:        "#716E61",
-    textQuaternary:      "#9E9B8E",
-    textLight:           "#C3BBAA",
-    placeholder:         "#9E9B8E",
-    border:              "#D8D5C8",
-    borderHover:         "#C4C0B2",
-    borderLight:         "#ECEAE3",
-    messageBackground:   "#FFFFFF",
-    codeBackground:      "#ECEAE3",
-    shadowLight:         "rgba(26, 26, 34, 0.05)",
-    shadowMedium:        "rgba(26, 26, 34, 0.09)",
-    shadowHeavy:         "rgba(26, 26, 34, 0.14)",
-  },
-  dark: {
-    // Kanagawa Wave — crystalBlue accent（#7E9CD8 是函数名颜色，最标志性的 Kanagawa 蓝）
-    primary: "#7E9CD8",
-    primaryLight: "#9DB4E8",
-    primaryDark: "#6688BC",
-    primaryGradient: "linear-gradient(135deg, #7E9CD8, #9DB4E8)",
-    primaryGhost: "rgba(126, 156, 216, 0.10)",
-    primaryHover: "rgba(126, 156, 216, 0.16)",
-    borderAccent: "#2D4F67",
-    success: "#98BB6C",   // bamboo green
-    warning: "#E6C384",   // autumn gold
-    info: "#7FB4CA",      // waveBlue
-    error: "#E82424",
-    // Surface overrides — Kanagawa Wave palette
-    background:          "#1F1F28",   // surumiBlack — 墨色
-    backgroundSecondary: "#16161D",   // deeper ink
-    backgroundTertiary:  "#2A2A37",   // waveBlue-dark
-    backgroundGhost:     "rgba(22, 22, 29, 0.94)",
-    backgroundHover:     "#363646",
-    backgroundSelected:  "#54546D",
-    text:                "#DCD7BA",   // fujiWhite — 宣纸暖白，365天的护眼体验
-    textSecondary:       "#C8C093",   // oldWhite — 次级暖白
-    textTertiary:        "#938AA9",   // springViolet2 — 注释紫，Kanagawa 气质核心
-    textQuaternary:      "#727169",   // fujiGray
-    textLight:           "#54546D",
-    placeholder:         "#727169",
-    border:              "#2A2A37",
-    borderHover:         "#54546D",
-    borderLight:         "#1F1F28",
-    messageBackground:   "#16161D",
-    codeBackground:      "#0D0C0C",   // 比背景更深的墨黑
-    shadowLight:         "rgba(13, 12, 12, 0.18)",
-    shadowMedium:        "rgba(13, 12, 12, 0.28)",
-    shadowHeavy:         "rgba(13, 12, 12, 0.38)",
-    textHeading:         "#DCD7BA",   // fujiWhite — 暖色标题
-  },
-};
-
-// ─── 6. Rose — Rosé Pine，温柔暖粉 + 完整 surface ─────────────────────────
-export const rose = {
-  light: {
-    // Rosé Pine Dawn
-    primary: "#D14D72",
-    primaryLight: "#E87C9D",
-    primaryDark: "#B03060",
-    primaryGradient: "linear-gradient(135deg, #D14D72, #E87C9D)",
-    primaryGhost: "rgba(209, 77, 114, 0.08)",
-    primaryHover: "rgba(209, 77, 114, 0.10)",
-    borderAccent: "#F2BFCC",
-    success: "#56949F",
-    warning: "#EA9D34",
-    info: "#286983",
-    error: "#B4637A",
-    background:          "#FAF4ED",
-    backgroundSecondary: "#FFFAF3",
-    backgroundTertiary:  "#F2E9E1",
-    backgroundGhost:     "rgba(250, 244, 237, 0.94)",
-    backgroundHover:     "#EDE3DA",
-    backgroundSelected:  "#DFD3C7",
-    text:                "#575279",
-    textSecondary:       "#6E6A86",
-    textTertiary:        "#797593",
-    textQuaternary:      "#9893A5",
-    textLight:           "#CECACD",
-    placeholder:         "#9893A5",
-    border:              "#DFDAD9",
-    borderHover:         "#C5BFB3",
-    borderLight:         "#F2E9E1",
-    messageBackground:   "#FFFAF3",
-    codeBackground:      "#F2E9E1",
-    shadowLight:         "rgba(87, 82, 121, 0.05)",
-    shadowMedium:        "rgba(87, 82, 121, 0.09)",
-    shadowHeavy:         "rgba(87, 82, 121, 0.14)",
-  },
-  dark: {
-    // Rosé Pine main
-    primary: "#EB6F92",
-    primaryLight: "#F0A8BF",
-    primaryDark: "#C4637A",
-    primaryGradient: "linear-gradient(135deg, #EB6F92, #F0A8BF)",
-    primaryGhost: "rgba(235, 111, 146, 0.10)",
-    primaryHover: "rgba(235, 111, 146, 0.14)",
-    borderAccent: "#6E3050",
-    success: "#9CCFD8",
-    warning: "#F6C177",
-    info: "#C4A7E7",
-    error: "#EB6F92",
-    background:          "#191724",
-    backgroundSecondary: "#1F1D2E",
-    backgroundTertiary:  "#26233A",
-    backgroundGhost:     "rgba(25, 23, 36, 0.94)",
-    backgroundHover:     "#312E45",
-    backgroundSelected:  "#403D52",
-    text:                "#E0DEF4",
-    textSecondary:       "#C4C1D9",
-    textTertiary:        "#908CAA",
-    textQuaternary:      "#6E6A86",
-    textLight:           "#403D52",
-    placeholder:         "#6E6A86",
-    border:              "#26233A",
-    borderHover:         "#6E6A86",
-    borderLight:         "#1F1D2E",
-    messageBackground:   "#1F1D2E",
-    codeBackground:      "#12101E",
-    shadowLight:         "rgba(12, 10, 20, 0.20)",
-    shadowMedium:        "rgba(12, 10, 20, 0.30)",
-    shadowHeavy:         "rgba(12, 10, 20, 0.44)",
-    textHeading:         "#E0DEF4",
-  },
-};
-
-// ─── 7. Ember — 琥珀暖焰，暗夜篝火气质 ──────────────────────────────────
-export const ember = {
-  light: {
-    primary: "#D97706", primaryLight: "#F59E0B", primaryDark: "#B45309",
-    primaryGradient: "linear-gradient(135deg, #D97706, #F59E0B)",
-    primaryGhost: "rgba(217,119,6,0.08)", primaryHover: "rgba(217,119,6,0.10)",
-    borderAccent: "#FCD34D", ...semantic.light,
-    ...mkLight("#FFFBF4", "#FFF7E6", "#FDEECB", "#2C1A04", "#6B4718", "#8A6230", "#E8D5A3", "#FFF7E6"),
-  },
-  dark: {
-    primary: "#F59E0B", primaryLight: "#FCD34D", primaryDark: "#D97706",
-    primaryGradient: "linear-gradient(135deg, #F59E0B, #FCD34D)",
-    primaryGhost: "rgba(245,158,11,0.10)", primaryHover: "rgba(245,158,11,0.12)",
-    borderAccent: "#92400E", ...semantic.dark,
-    ...mkDark("#1A1207", "#221809", "#2E220C", "#F0E2C0", "#C4A056", "#8A7040", "#3A2A10", "#221809", "26,18,7"),
-    textHeading: "#FCD34D",
-  },
-};
-
-// ─── 向后兼容 alias（DB 中可能存了旧 key） ─────────────────────────────────
-export const blue     = ocean;
-export const purple   = iris;
-export const green    = forest;
-export const graphite = neutral;
-export const mocha    = rose;    // 近似，rosé pine 取代 catppuccin
-export const pink     = rose;
-export const red      = ember;
-export const orange   = ember;
-export const yellow   = ember;

package/app/theme/fontPreference.ts

@@ -1,77 +0,0 @@
-export const FONT_PRESET_VALUES = [
-  "system",
-  "hei",
-  "song",
-  "kai",
-  "fang-song",
-] as const;
-
-export type FontPreset = (typeof FONT_PRESET_VALUES)[number];
-
-export const DEFAULT_FONT_PRESET: FontPreset = "system";
-export const FONT_PRESET_STORAGE_KEY = "nolo-font-preset";
-
-const FONT_PRESET_ALIASES: Record<string, FontPreset> = {
-  system: "system",
-  default: "system",
-  hei: "hei",
-  heiti: "hei",
-  sans: "hei",
-  song: "song",
-  songti: "song",
-  serif: "song",
-  kai: "kai",
-  kaiti: "kai",
-  "kai-ti": "kai",
-  "fang-song": "fang-song",
-  fangsong: "fang-song",
-  "fang song": "fang-song",
-};
-
-export const normalizeFontPreset = (value: unknown): FontPreset | undefined => {
-  if (typeof value !== "string") return undefined;
-  const normalized = value.trim().toLowerCase();
-  return FONT_PRESET_ALIASES[normalized];
-};
-
-export const FONT_PRESET_CSS_VARIABLES: Record<
-  FontPreset,
-  Record<string, string>
-> = {
-  system: {
-    ui: "var(--font-ui-system)",
-    "sans-zh": "var(--font-sans-zh-system)",
-    "sans-en": "var(--font-sans-en-system)",
-    "sans-ja": "var(--font-sans-ja-system)",
-    "sans-ko": "var(--font-sans-ko-system)",
-  },
-  hei: {
-    ui: "var(--font-ui-hei)",
-    "sans-zh": "var(--font-sans-zh-hei)",
-    "sans-en": "var(--font-sans-en-hei)",
-    "sans-ja": "var(--font-sans-ja-system)",
-    "sans-ko": "var(--font-sans-ko-system)",
-  },
-  song: {
-    ui: "var(--font-ui-song)",
-    "sans-zh": "var(--font-sans-zh-song)",
-    "sans-en": "var(--font-sans-en-song)",
-    "sans-ja": "var(--font-sans-ja-system)",
-    "sans-ko": "var(--font-sans-ko-system)",
-  },
-  kai: {
-    ui: "var(--font-ui-kai)",
-    "sans-zh": "var(--font-sans-zh-kai)",
-    "sans-en": "var(--font-sans-en-kai)",
-    "sans-ja": "var(--font-sans-ja-system)",
-    "sans-ko": "var(--font-sans-ko-system)",
-  },
-  "fang-song": {
-    ui: "var(--font-ui-fang-song)",
-    "sans-zh": "var(--font-sans-zh-fang-song)",
-    "sans-en": "var(--font-sans-en-fang-song)",
-    "sans-ja": "var(--font-sans-ja-system)",
-    "sans-ko": "var(--font-sans-ko-system)",
-  },
-};
-

package/app/theme/index.ts

@@ -1,7 +0,0 @@
-import { useAppSelector } from "../store";
-import { selectTheme } from "../settings/settingSlice";
-
-export const useTheme = () => {
-  const theme = useAppSelector(selectTheme);
-  return theme;
-};

package/app/theme/theme.config.ts

@@ -1,120 +0,0 @@
-import {
-  neutral,
-  ocean,
-  iris,
-  forest,
-  wave,
-  rose,
-  ember,
-  // backward compat aliases
-  blue, purple, green, orange, yellow, graphite, pink, red, mocha,
-} from "./colors";
-
-/**
- * 包含所有静态主题配置，包括间距、主题色、基础底色。
- * settingSlice 用这些常量动态构建当前主题。
- */
-
-// 1. 空间尺寸系统
-export const SPACE = {
-  0: "0",
-  1: "4px",
-  2: "8px",
-  3: "12px",
-  4: "16px",
-  5: "20px",
-  6: "24px",
-  7: "28px",
-  8: "32px",
-  10: "40px",
-  12: "48px",
-  14: "56px",
-  16: "64px",
-  20: "80px",
-  24: "96px",
-};
-
-// 2. 主题色系（7 个核心 + 向后兼容 alias）
-export const THEME_COLORS = {
-  neutral, ocean, iris, forest, wave, rose, ember,
-  // alias — DB 中可能存了旧 key，映射到最近似的新主题
-  blue, purple, green, orange, yellow, graphite, pink, red, mocha,
-};
-
-export const THEME_NAME_ALIASES = {
-  blue: "ocean",
-  purple: "iris",
-  green: "forest",
-  orange: "ember",
-  yellow: "ember",
-  graphite: "neutral",
-  pink: "rose",
-  red: "ember",
-  mocha: "rose",
-} as const;
-
-export const DEFAULT_THEME_NAME = "ocean" as const;
-
-// 3. 基础底色 — 纯中性 zinc/slate，无冷暖偏向
-// 主题通过 surface 字段覆盖这些值，获得完整主题体验（如 wave = Kanagawa）
-export const BASE_COLORS = {
-  light: {
-    background:          "#FFFFFF",
-    backgroundSecondary: "#F4F4F5",   // zinc-100
-    backgroundTertiary:  "#E4E4E7",   // zinc-200
-    backgroundGhost:     "rgba(255, 255, 255, 0.94)",
-    backgroundHover:     "#D4D4D8",   // zinc-300
-    backgroundSelected:  "#A1A1AA",   // zinc-400
-
-    text:                "#18181B",   // zinc-900
-    textSecondary:       "#52525B",   // zinc-600
-    textTertiary:        "#71717A",   // zinc-500
-    textQuaternary:      "#A1A1AA",   // zinc-400
-    textLight:           "#D4D4D8",   // zinc-300
-    placeholder:         "#A1A1AA",   // zinc-400
-
-    border:              "#E4E4E7",   // zinc-200
-    borderHover:         "#A1A1AA",   // zinc-400
-    borderLight:         "#F4F4F5",   // zinc-100
-
-    error: "#DC2626",
-
-    shadowLight:  "rgba(0, 0, 0, 0.04)",
-    shadowMedium: "rgba(0, 0, 0, 0.08)",
-    shadowHeavy:  "rgba(0, 0, 0, 0.14)",
-
-    messageBackground: "#FFFFFF",
-    codeBackground:    "#F4F4F5",
-  },
-  dark: {
-    background:          "#18181B",   // zinc-900
-    backgroundSecondary: "#27272A",   // zinc-800
-    backgroundTertiary:  "#3F3F46",   // zinc-700
-    backgroundGhost:     "rgba(24, 24, 27, 0.94)",
-    backgroundHover:     "#52525B",   // zinc-600
-    backgroundSelected:  "#3F3F46",   // zinc-700
-
-    text:                "#FAFAFA",   // zinc-50
-    textSecondary:       "#D4D4D8",   // zinc-300
-    textTertiary:        "#A1A1AA",   // zinc-400
-    textQuaternary:      "#71717A",   // zinc-500
-    textLight:           "#52525B",   // zinc-600
-    placeholder:         "#71717A",   // zinc-500
-
-    border:              "#3F3F46",   // zinc-700
-    borderHover:         "#71717A",   // zinc-500
-    borderLight:         "#27272A",   // zinc-800
-
-    error: "#F87171",
-
-    shadowLight:  "rgba(0, 0, 0, 0.16)",
-    shadowMedium: "rgba(0, 0, 0, 0.28)",
-    shadowHeavy:  "rgba(0, 0, 0, 0.40)",
-
-    messageBackground: "#27272A",
-    codeBackground:    "#09090B",     // zinc-950
-  },
-};
-
-// 向后兼容 — settingSlice 中的旧引用
-export const MODE_COLORS = BASE_COLORS;

package/app/theme/themeModeBootstrap.ts

@@ -1,123 +0,0 @@
-const THEME_MODE_VALUES = ["system", "light", "dark"] as const;
-const THEME_DENSITY_VALUES = ["compact", "spacious"] as const;
-
-export type ThemeMode = (typeof THEME_MODE_VALUES)[number];
-export type ThemeDensity = (typeof THEME_DENSITY_VALUES)[number];
-
-import {
-  DEFAULT_THEME_NAME,
-  THEME_COLORS,
-  THEME_NAME_ALIASES,
-} from "./theme.config";
-import {
-  FONT_PRESET_STORAGE_KEY,
-  type FontPreset,
-  normalizeFontPreset,
-} from "./fontPreference";
-
-type StorageLike = {
-  getItem(key: string): string | null;
-};
-
-export const SYSTEM_DARK_MEDIA_QUERY = "(prefers-color-scheme: dark)";
-
-const createLiteralGuard =
-  <const T extends readonly string[]>(values: T) =>
-  (value: unknown): value is T[number] =>
-    typeof value === "string" && values.includes(value as T[number]);
-
-const isThemeMode = (value: unknown): value is ThemeMode =>
-  createLiteralGuard(THEME_MODE_VALUES)(value);
-
-const isThemeDensity = (value: unknown): value is ThemeDensity =>
-  createLiteralGuard(THEME_DENSITY_VALUES)(value);
-
-export const normalizeThemeName = (
-  value: unknown
-): keyof typeof THEME_COLORS | undefined => {
-  if (typeof value !== "string") return undefined;
-  const canonicalName =
-    value in THEME_NAME_ALIASES
-      ? THEME_NAME_ALIASES[value as keyof typeof THEME_NAME_ALIASES]
-      : value;
-  return canonicalName in THEME_COLORS
-    ? (canonicalName as keyof typeof THEME_COLORS)
-    : undefined;
-};
-
-export const resolveThemeModeIsDark = (
-  themeMode: ThemeMode,
-  systemPrefersDark: boolean
-): boolean =>
-  themeMode === "dark"
-    ? true
-    : themeMode === "light"
-      ? false
-      : systemPrefersDark;
-
-export function readStoredThemeMode(
-  storage: StorageLike | null | undefined
-): ThemeMode {
-  try {
-    const value = storage?.getItem("nolo-theme-mode");
-    return isThemeMode(value) ? value : "system";
-  } catch {
-    return "system";
-  }
-}
-
-export function readStoredThemeDensity(
-  storage: StorageLike | null | undefined
-): ThemeDensity | undefined {
-  try {
-    const value = storage?.getItem("nolo-density");
-    return isThemeDensity(value) ? value : undefined;
-  } catch {
-    return undefined;
-  }
-}
-
-export function readStoredThemeName(
-  storage: StorageLike | null | undefined
-): keyof typeof THEME_COLORS | undefined {
-  try {
-    const value = normalizeThemeName(storage?.getItem("nolo-theme-name"));
-    if (!value) return undefined;
-
-    const isExplicitSelection =
-      storage?.getItem("nolo-theme-name-explicit") === "1";
-
-    if (isExplicitSelection) return value;
-
-    return value === DEFAULT_THEME_NAME || value !== "neutral"
-      ? value
-      : undefined;
-  } catch {
-    return undefined;
-  }
-}
-
-export function readStoredFontPreset(
-  storage: StorageLike | null | undefined
-): FontPreset | undefined {
-  try {
-    return normalizeFontPreset(storage?.getItem(FONT_PRESET_STORAGE_KEY));
-  } catch {
-    return undefined;
-  }
-}
-
-export function resolveThemeModePreload({
-  storage,
-  systemPrefersDark,
-}: {
-  storage: StorageLike | null | undefined;
-  systemPrefersDark: boolean;
-}): { themeMode: ThemeMode; isDark: boolean } {
-  const themeMode = readStoredThemeMode(storage);
-
-  return {
-    themeMode,
-    isDark: resolveThemeModeIsDark(themeMode, systemPrefersDark),
-  };
-}

package/app/theme/useSystemTheme.ts

@@ -1,33 +0,0 @@
-import { useEffect } from "react";
-import { useAppDispatch, useAppSelector } from "../store";
-import {
-  setSettings,
-  selectThemeMode,
-} from "../settings/settingSlice";
-import { SYSTEM_DARK_MEDIA_QUERY } from "./themeModeBootstrap";
-
-/**
- * 跟随系统亮/暗模式。
- * - 仅在 themeFollowsSystem=true 时生效
- * - 用 ref 读取当前 isDark，避免 isDark 变化触发 effect 重跑形成循环
- */
-export const useSystemTheme = (): void => {
-  const dispatch = useAppDispatch();
-  const themeMode = useAppSelector(selectThemeMode);
-
-  useEffect(() => {
-    if (themeMode !== "system") return;
-
-    const mediaQuery = window.matchMedia(SYSTEM_DARK_MEDIA_QUERY);
-
-    // 初始同步
-    dispatch(setSettings({ isDark: mediaQuery.matches }));
-
-    const handleChange = (e: MediaQueryListEvent) => {
-      dispatch(setSettings({ isDark: e.matches }));
-    };
-
-    mediaQuery.addEventListener("change", handleChange);
-    return () => mediaQuery.removeEventListener("change", handleChange);
-  }, [themeMode, dispatch]);
-};