Maka Agent主题与外观设置全攻略：暗色模式、调色盘与视觉细节

Maka Agent主题与外观设置全攻略暗色模式、调色盘与视觉细节【免费下载链接】makaApache Maka (Incubating) is a local-first AI agent workspace. Model messages, tool calls, tool results, permission decisions, and termination events are recorded as an append-only log.项目地址: https://gitcode.com/GitHub_Trending/mak/makaMaka 是一款本地优先的 AI Agent 工作区模型消息、工具调用、工具结果与权限决定都会以只追加日志的形式完整记录。这篇 Maka 主题与外观设置攻略带你一次看懂暗色模式、11 款内置调色盘和背后的视觉细节快速把 Maka 界面调成最顺手的样子。主题与调色盘两个独立的开关Maka 的外观设置位于设置弹窗的「外观」页面由两个互不干扰的维度组成主题Themelight/dark/auto三选一控制明暗模式调色盘Palette11 个可选配色可单独覆盖默认色板且会随明暗模式自动切换对应版本两个选项都会持久化保存下次启动直接生效。一键开启暗色模式3 种选择怎么选选项行为适合场景light固定浅色白天强光环境、投影仪演示dark固定深色夜间使用、长时间盯屏auto默认跟随系统大多数用户的最佳选择选auto时Maka 会实时监听系统的prefers-color-scheme媒体查询——你在操作系统里切换亮/暗Maka 窗口会即时跟随无需重启或刷新。两个贴心细节偏好会写入本地缓存应用启动时在 React 渲染之前就完成上色暗色用户看不到白屏闪烁同步更新 Electron 原生窗口外观Windows 标题栏、macOS 红绿灯按钮的配色都会跟随主题弹窗打开时标题栏甚至会自动变暗与遮罩融为一体这段逻辑在 theme.ts 中实现值得源码爱好者一读。11 款内置调色盘从编辑器风到产品风调色盘在设置页按两大分组展示覆盖从经典代码配色到柔和产品风的完整光谱分组调色盘风格描述默认defaultMaka 原生冷中性配色安静克制编辑器风onedarkOne Dark 经典编辑器配色编辑器风catppuccin-mochaCatppuccin 摩卡温柔低饱和编辑器风tokyo-nightTokyo Night 深邃夜色编辑器风nordNord 北极冷调产品风coral暖珊瑚粉产品风azure冷调天蓝产品风forest深苔藓绿产品风dusk紫罗兰暮色产品风sand奶油底暖琥珀产品风mono无干扰纯灰阶适合专注技术上非常优雅切换调色盘只是给根节点写一个data-maka-theme属性全部颜色以 CSS 变量形式存放在maka-tokens.css中default则直接移除属性还原原色板——调色盘覆盖的只有画布色整个表面层级会自动跟随所以任何调色盘在亮/暗两种模式下都完整可用。让 Maka 看着舒服的 6 个视觉细节这些细节定义了 Maka「平静、原生、紧凑」的气质也解释了为什么换了调色盘后界面依然统一四层表面阶梯背景按 sunken → base → raised → overlay 四级递进高度与亮度单调对应卡片永远最亮层次一目了然三级文字对比正文只有主/次/弱化三级墨色且全部通过 WCAG AA 对比度标准克制的边框柔和、标准、强调三种强度各司其职一条边只用一种分隔手段统一圆角6px 控件、10px 卡片、12px 容器、全圆角徽章按盒子高度单调分配按规范生成的状态色info / success / warning / destructive 四种语义色按同一亮度生成保证任意调色盘下都清晰可读暗色模式不炫技深色靠明度层次和细环表达纵深明确禁止霓虹边、发光和全面玻璃拟态完整的「Dos and Donts」设计契约收录在 DESIGN.md是了解这套设计系统最好的入口。主题设置相关源码在哪里如果你想深入探索或参与贡献这些文件是主题与外观系统的核心apps/desktop/src/renderer/settings/appearance-settings-page.tsx—— 外观设置页主题与调色盘 UIapps/desktop/src/renderer/theme.ts—— 明暗模式与调色盘的应用逻辑packages/core/src/settings.ts—— 主题偏好与 11 款调色盘的枚举定义apps/desktop/src/renderer/maka-tokens.css—— 各调色盘的 CSS 变量取值apps/desktop/src/renderer/astryx-theme/makaTheme.ts—— 主题级组件覆盖DESIGN.md—— 设计系统总规范小结Maka 的主题与外观系统用「主题 × 调色盘」两个维度、极少的开关覆盖了绝大多数视觉偏好想要护眼就开暗色想要个性就换catppuccin-mocha或dusk追求极致专注可以试试mono纯灰阶。设置一次即可持久生效暗色模式还带系统实时跟随和零闪烁启动——这正是本地优先产品该有的细节质感。【免费下载链接】makaApache Maka (Incubating) is a local-first AI agent workspace. Model messages, tool calls, tool results, permission decisions, and termination events are recorded as an append-only log.项目地址: https://gitcode.com/GitHub_Trending/mak/maka创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考