release: v0.4.1 — MetonaEditor 0.1.10 升级与三主题系统

- chore: 升级 @metona-team/metona-editor 0.1.3 → 0.1.10
- feat: 三主题系统（亮色/暗色/暖色），循环切换
- feat: 应用颜色自动同步编辑器主题（MeEditor.themes.exportCSSVars）
- feat: 启用编辑器新功能（lineNumbers/autoBrackets/readOnly/autofocus/exportTool）
- refactor: 主题从 boolean darkMode 重构为 ThemeMode 枚举
- refactor: 插件注册改用字符串数组（与 demo 一致）
- refactor: 主题同步从手动 CSS 覆写改为 editor.setTheme() 实例 API
- refactor: Ctrl+S 双通道（编辑器 onSave + 全局兜底）+ 防重入锁
- style: 移除 variables.css 中硬编码 .dark 色值，改为 JS 动态驱动
- test: 更新 editorStore 测试覆盖新的 themeMode/cycleTheme

src/renderer/components/Toolbar/Toolbar.tsx

@@ -1,25 +1,34 @@
 import React from 'react'
 import { FolderOpen, Save, Moon, Sun, Info } from '../Icons'
+import type { ThemeMode } from '../../types/settings'
 
 interface ToolbarProps {
   onOpen: () => void
   onSave: () => void
-  darkMode: boolean
-  onToggleDark: () => void
+  themeMode: ThemeMode
+  onCycleTheme: () => void
   onShowAbout: () => void
   isAutoSaving: boolean
   autoSaveEnabled: boolean
   onToggleAutoSave: () => void
 }
 
+const THEME_LABELS: Record<ThemeMode, string> = {
+  light: '亮色',
+  dark: '暗色',
+  warm: '暖色',
+}
+
 /**
- * 应用顶层工具栏 — 文件操作、自动保存、主题、关于。
+ * 应用顶层工具栏 — 文件操作、自动保存、主题循环、关于。
  * 编辑器格式化和模式切换由 MetonaEditor 内置工具栏处理。
  */
 export const Toolbar = React.memo(function Toolbar({
-  onOpen, onSave, darkMode, onToggleDark, onShowAbout,
+  onOpen, onSave, themeMode, onCycleTheme, onShowAbout,
   isAutoSaving, autoSaveEnabled, onToggleAutoSave
 }: ToolbarProps) {
+  const nextLabel = THEME_LABELS[themeMode] ?? '主题'
+
   return (
     <div id="toolbar" role="toolbar" aria-label="工具栏">
       <div className="toolbar-left" role="group" aria-label="文件操作">
@@ -42,8 +51,14 @@ export const Toolbar = React.memo(function Toolbar({
         </button>
       </div>
       <div className="toolbar-right" role="group" aria-label="设置">
-        <button className="toolbar-btn" onClick={onToggleDark} title="切换暗色主题" aria-label={darkMode ? '切换到亮色主题' : '切换到暗色主题'}>
-          {darkMode ? <Sun size={18} /> : <Moon size={18} />}
+        <button
+          className="toolbar-btn"
+          onClick={onCycleTheme}
+          title={`当前 ${nextLabel} — 点击切换`}
+          aria-label={`当前${nextLabel}主题，点击切换`}
+        >
+          {themeMode === 'dark' ? <Moon size={18} /> : <Sun size={18} />}
+          <span style={{ fontSize: 12, marginLeft: 2 }}>{nextLabel}</span>
         </button>
         <button className="toolbar-btn" onClick={onShowAbout} title="关于" aria-label="关于 MarkLite">
           <Info size={18} />