ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

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

让 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-nextMotrix Next 是一款全新重写的功能齐全下载管理器支持 HTTP/HTTPS、BT 种子、磁力链接与电驴ED2K协议。除了下载能力本身它还内置了基于Material Design 3M3的外观引擎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çaisDeutschEspañolРусскийPortuguês (Brasil)ItalianoNederlandsPolskiTürkçeSvenska (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深色模式下速度曲线和侧边栏还会刺眼吗AM3 表面色Surface 系列 5 级专为深色优化对比柔和长时间监控下载也很舒适。四、总结定制项位置生效方式明暗模式设置 → 常规 → 外观即时10 套 M3 配色外观 → 配色方案色卡即时自定义主题色外观 → 自定义颜色HEX即时界面语言26 种常规 → 语言重启应用Motrix Next 把 Material Design 3 的完整色板引擎搬进了桌面下载器一个种子色生成全套界面色彩。选一套喜欢的配色、切到顺手的语言这款下载管理器从此更懂你。【免费下载链接】motrix-nextA full-featured download manager — rebuilt from the ground up项目地址: https://gitcode.com/gh_mirrors/mo/motrix-next创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表