需修改qoder内置css文件：定位resources/app.asar.unpacked/src/styles/main.css，顶部添加毛玻璃代码启用透明效果，替换主题色与圆角样式，注入自定义字体及svg图标后重启生效。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
想让Qoder的UI界面摆脱默认灰暗配色，实现毛玻璃透明效果、圆角窗口和自定义主题色？你需要直接修改其内置CSS文件并重启应用生效。
定位Qoder主题CSS文件
打开Qoder安装目录，进入 【resources/app.asar.unpacked/src/styles/】 文件夹；若未解包app.asar，需先用asar工具解压：asar extract app.asar ./app.asar.unpacked。
找到 main.css 文件——这是控制全局UI样式的主样式表。
启用窗口透明与毛玻璃效果
用文本编辑器打开 main.css，在文件最顶部添加以下CSS规则：
@supports (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) { body { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); background-color: rgba(255, 255, 255, 0.08); } }
这行代码仅在支持 backdrop-filter 的系统（macOS 10.14+、Windows 11 22H2+、部分Linux桌面）生效；旧系统会自动降级为纯半透明白色背景，不会报错或崩界面。
替换主题色与圆角设计
方法一：全局主色替换
查找所有 color: #4a90e2; 或 background-color: #4a90e2;，统一替换成你想要的主题色十六进制值，例如 #6c5ce7（紫罗兰）或 #00c9ff（青蓝渐变起点）。
方法二：按钮与输入框圆角强化
Qoder Linux版是由阿里推出的智能体自主开发工作台，支持开发者通过定义需求即可让Agent团队“自动驾驶”，自主完成代码执行、验证与交付的全流程。其全新的Quest独立视窗集成了任务管理与状态追踪能力，并支持跨项目多任务并行处理，显著提升开发效率。此外，Qoder还提供专家团模式与团队级知识引擎，适配复杂开发场景。
在 main.css 末尾追加：
button, input[type="text"], input[type="password"], textarea { border-radius: 10px; transition: all 0.2s ease; }
button:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(108, 92, 231, 0.2); }
【必须删除原有 button:focus outline 样式】，否则圆角按钮点击时会弹出难看的方形虚线框。
注入自定义字体与图标
第一步：下载思源黑体Variable或Inter VF字体文件，放入 resources/fonts/ 目录（若无此目录则新建）。
第二步：在 main.css 开头 @font-face 声明字体：
@font-face { font-family: "Inter VF"; src: url("../fonts/Inter-Variable.ttf") format("truetype"); font-weight: 100 900; font-display: swap; }
第三步：全局替换字体栈：
body { font-family: "Inter VF", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
第四步：用 inline SVG 替换原生图标——搜索 .icon-play、.icon-stop 等类名，在对应 selector 后添加 background-image: url('data:image/svg+xml;utf8,');，确保SVG已转义尖括号与双引号。
