让 Motrix Next 更懂你：Material Design 3 主题、10 套配色与 26 种语言定制指南-平芜编程栈

让 Motrix Next 更懂你：Material Design 3 主题、10 套配色与 26 种语言定制指南

【免费下载链接】motrix-nextA full-featured download manager — rebuilt from the ground up项目地址: https://gitcode.com/gh_mirrors/mo/motrix-next

Motrix Next 是一款全新重写的功能齐全下载管理器，支持 HTTP/HTTPS、BT 种子、磁力链接与电驴（ED2K）协议。除了下载能力本身，它还内置了基于Material Design 3（M3）的外观引擎：3 种明暗模式、10 套精心调校的预设配色、任意自定义主题色，以及 26 种界面语言。本指南将带你 3 分钟完成主题与语言定制，让这款下载工具真正"懂你"。

一、外观定制：M3 主题与配色方案在哪里改？

所有外观选项都集中在设置 → 常规（General）页面的「外观」分区，对应源码为 src/components/preference/General.vue。

1. 明暗模式：自动 / 浅色 / 深色

选项	效果
🌗 自动（Auto）	跟随系统亮暗设置切换
☀️ 浅色（Light）	固定明亮界面
🌙 深色（Dark）	固定暗黑界面，夜间下载不刺眼

主题常量定义在 src/shared/constants.ts，选中后即时生效，无需重启。

2. 一键切换 10 套 M3 预设配色

在「配色方案」一行有 10 个色卡，点一下即换肤。每套配色的种子色都会经 Material Color Utilities 生成完整的 M3 色调板（Primary / Surface / Outline 等 40 余个色值），保证浅色和深色下都满足 WCAG AA 对比度。定义见 src/shared/constants.ts：

配色	种子色	配色	种子色
🟡 琥珀金	`#E0A422`	🩵 冰川蓝	`#06B6D4`
🔵 深空蓝	`#4A6CF7`	🟢 森林绿	`#15803D`
🟩 薄荷翠	`#10B981`	⬜ 岩石灰	`#737373`
🌹 玫瑰粉	`#F43F5E`	🌸 樱花粉	`#EC4899`
🟣 极光紫	`#8B5CF6`	🟠 珊瑚橙	`#F97316`

💡 小贴士：「岩石灰」使用中性内容模式（variant: 'content'），低饱和、更商务，适合长时间盯下载速度的场景。

3. 自定义主题色：任何 HEX 色都是你的 M3 主题

不想用预设？「自定义颜色」提供 HEX 取色器，输入任意色值（如#FF6B35），整个界面立刻按 M3 规范重算全套色板。色值规范化逻辑在 src/shared/utils/colorSchemeConfig.ts，最终 CSS 变量由 src/composables/useColorScheme.ts 注入到全局。

4. 顺手可调的细节

外观分区还有三个实用开关：

任务卡片：完整 / 紧凑两种密度模式；
侧边栏任务计数：在侧边栏显示各状态任务数量；
任务列表水印：空列表时显示品牌水印（可关闭）。

二、语言定制：26 种界面语言与"跟随系统"

在「常规」页面顶部的「语言」下拉框中选择即可，语言清单维护在 src/shared/locales/index.js 中的availableLanguages，共26 种：

语言	语言	语言	语言
简体中文	繁體中文	English	日本語
한국어	Français	Deutsch	Español
Русский	Português (Brasil)	Italiano	Nederlands
Polski	Türkçe	Svenska (nb)	Ελληνικά
Українська	Română	Bahasa Indonesia	हिन्दी
العربية	فارسی	Български	Català
Tiếng Việt	ไทย	—	—

语言切换的两点注意

需要重启生效：切换语言后会弹出双语提示框，可选「立即重启」或「稍后」；
跟随系统（Auto）：默认选项会自动检测系统语言，并对zh-HK、pt-PT等区号做了智能回退（如zh-HK→ 繁体），见 src/shared/locales/index.js。

每种语言的翻译文件位于src/shared/locales/<语言代码>/目录（如 zh-CN/preferences.js）。欢迎参与翻译——贡献流程详见 docs/CONTRIBUTING.md。

三、常见问题速查

Q：换配色后任务状态色（红/绿/黄）也变了吗？A：会。状态色同样来自 M3 色板（Success/Error/Warning/Info），随主题同步变化，见 src/composables/useColorScheme.ts。
Q：主题设置存在哪里？重装后会丢吗？A：主题与语言均保存在应用偏好配置中（theme/colorScheme/customColorScheme/locale），由 src/stores/preference.ts 持久化。
Q：深色模式下速度曲线和侧边栏还会刺眼吗？A：M3 表面色（Surface 系列 5 级）专为深色优化，对比柔和，长时间监控下载也很舒适。

四、总结

定制项	位置	生效方式
明暗模式	设置 → 常规 → 外观	即时
10 套 M3 配色	外观 → 配色方案色卡	即时
自定义主题色	外观 → 自定义颜色（HEX）	即时
界面语言（26 种）	常规 → 语言	重启应用