Skip to content

FlareMail v1.0.3

Choose a tag to compare

@arctan303 arctan303 released this 20 Sep 04:21
· 16 commits to main since this release

中文

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 ThemeCard supporting 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-slide transitions for main workspace view navigation.
    • Implemented modal-scale elastic scale animations for the compose email modal dialog.
    • Added tab-fade soft 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 hookTimeout and testTimeout to 60s to prevent intermittent timeouts in high-concurrency CI environments.