Repository navigation
FlareMail v1.0.3
中文
FlareMail v1.0.3 带来了全面的视觉体验升级,涵盖交互微动效、页面过渡体系、邮件列表已读/未读视觉重构以及设置页分区导航与主题定制:
- 主题与强调色定制:新增外观主题卡片(
ThemeCard),支持浅色、深色及跟随系统模式;支持品牌强调色(Accent Color)自定义选择与预设,首屏注入防闪烁。 - 设置页分区导航:个人设置页面重构为 Profile、Theme、Mailboxes、Security 独立分区卡片布局,优化移动端抽屉与响应式体验。
- 微动效与过渡体系:
- 引入完整的物理动效令牌(
--motion-instant、--motion-fast、--motion-base、--ease-spring); - 全局交互元素接入
:active物理按压弹性反馈(translateY(1px) scale(0.985)); - 主工作区路由接入
page-fade-slide页面淡入位移平滑过渡; - 写信弹窗接入
modal-scale弹性缩放过渡; - 设置与系统设置 Tab 切换接入
tab-fade柔和过渡; - 骨架屏注入流光扫光(Shimmer),首屏加载 Loading 增加淡出平滑过渡;
- 星标按钮增加点击脉冲放大动画,验证码与口令复制增加瞬时绿色脉冲反馈。
- 引入完整的物理动效令牌(
- 邮件列表已读/未读视觉重构:
- 坚持纸墨风格理念(不添加小圆点),通过背景色阶与文字水墨层级拉开视觉对比;
- 未读邮件使用高亮纯白背景(
var(--surface)),发件人与主题加粗浓黑(font-weight: 700; color: var(--text-strong)),时间以品牌色醒目标注; - 已读邮件采用信纸柔和灰背景(
var(--paper-soft)),发件人与主题呈雅致淡灰(var(--faint)),鼠标悬停(hover)时平滑提亮并恢复浓黑清晰度。
- CI 稳定性优化:将 Worker 单元测试超时与 Hook 超时提升至 60s,解决高负载并发测试环境下的超时问题。
English
FlareMail v1.0.3 introduces a comprehensive visual and motion experience upgrade, covering micro-interactions, page transition animations, email list read/unread visual hierarchy, and section-based settings navigation:
- Theme & Accent Customization: Added
ThemeCardsupporting Light, Dark, and System modes; custom brand accent color picker with presets, persistent local storage, and anti-flicker pre-bundle boot script. - Section-based Settings Navigation: Refactored user settings into dedicated section cards (Profile, Theme, Mailboxes, Security) with improved responsive navigation and drawer support.
- Micro-interactions & Motion System:
- Introduced design tokens for motion durations and easing curves across the web application.
- Added physical active press feedback (
translateY(1px) scale(0.985)) for interactive buttons, icons, and cards. - Implemented
page-fade-slidetransitions for main workspace view navigation. - Implemented
modal-scaleelastic scale animations for the compose email modal dialog. - Added
tab-fadesoft fading transitions for settings and system settings tabs. - Added shimmering sweep animations to skeleton rows and smooth fade-out to initial app loading.
- Enhanced star toggle with pulse animations and verification code copy with instant feedback.
- Email List Read & Unread Visual Hierarchy:
- Strengthened visual contrast between read and unread emails without introducing unread dots, preserving the ink-and-paper aesthetic.
- Unread emails feature pure white highlighted surface background, bold dark ink typography (
font-weight: 700; color: var(--text-strong)), and accent-highlighted timestamps. - Read emails feature soft paper gray background (
var(--paper-soft)) and muted ink typography (var(--faint)), smoothly brightening and restoring text contrast on hover.
- CI Stability: Increased Worker vitest
hookTimeoutandtestTimeoutto 60s to prevent intermittent timeouts in high-concurrency CI environments.