EVCC 控制台皮肤编辑器

预设方案:

我的预设: 点右边 "+ 保存当前" 把当前皮肤存到浏览器

几何

卡片圆角 ({{shape.cardCornerRadiusDp??'默认 12'}} dp)

卡片描边宽度 ({{shape.cardBorderWidthDp??'默认 0'}} dp)

描边颜色

卡片 padding 倍率 ({{(shape.cardPaddingScale??1).toFixed(2)}}×)

卡片阴影高度 ({{shape.cardElevationDp??'默认 0'}} dp)

🪟 毛玻璃模糊 ({{shape.cardBackdropBlurDp??'关闭'}} dp)

格子间距 ({{shape.cellInsetPx??'默认 0'}} px)

排版

全局字号倍率 ({{(shape.fontScaleMultiplier??1).toFixed(2)}}×)

Section 竖条宽度 ({{shape.sectionBarWidthDp??'默认 3'}} dp)

cellInsetPx 单位是 px 非 dp. 其他字段都是 dp / 倍率. padding 倍率 1.5 = 所有卡片内边距放大 50%, 字号倍率同理.

背景预设

点击预设一键套用 (含适配的毛玻璃效果). 之后可以在下方微调细节.

自定义

背景类型

作用范围

🌑 增黑 ({{Math.round((pageBg.darken||0)*100)}}%)

☀️ 增白 ({{Math.round((pageBg.brighten||0)*100)}}%)

顶栏增黑 ({{Math.round((pageBg.topBarDarken ?? 0.25)*100)}}%)

顶栏增白 ({{Math.round((pageBg.topBarBrighten ?? 0)*100)}}%)

顶栏模糊 ({{pageBg.topBarBlur ?? 0}} px)

顶栏底色自动透明让背景延伸; 用以上三档做毛玻璃/加深/提亮区分. Android 模糊需要系统 ≥12 (API 31).

图片填充模式

图片以 base64 内嵌到 .evccskin 文件里, 上限 10MB. 车机一次性解码, 之后渲染性能跟普通图片无差别.

渐变角度 ({{pageBg.angle}}°)

0° = 上→下, 90° = 左→右, 135° = 左上→右下, 180° = 下→上.

选"跟随配色"时, 背景色取自色板 tab 里的"主背景 (backgroundPrimary)". 选其他类型则覆盖配色的 backgroundPrimary.

图表专属色, 留空时从主强调色派生. 用于精细控制 Ring / Gauge / Line / Bar / Pie 的配色.

饼图调色板

皮肤名称

作者

皮肤名称会显示在主 EVCC 控制台菜单里. 作者字段仅作备注, 不参与鉴权.

15:30

📶 🔋 85%

设置

深色模式

沉浸式

DPI 缩放 1.20×

字体大小大 ▸

控制台皮肤

当前皮肤 {{ meta.name || '默认' }}

关于

版本v2.3.6

检查更新▸

自动化

属性

🔍 搜索属性…

ID {{p.id}} · {{p.type}}

切换驾驶模式

运动模式✓

舒适模式

节能模式

雪地模式

基础 Widget

图表 Widget (8 种样式)

🎯 单 widget 样式: {{selectedWidget?.label || selectedWidgetId.slice(0,8)}} ({{selectedWidget?.type}})

卡片

背景色

accent 色

圆角 ({{currentWidgetOverride.cardCornerRadiusDp ?? '跟随'}} dp)

描边宽度 ({{currentWidgetOverride.cardBorderWidthDp ?? '跟随'}} dp)

描边颜色

图表色 (仅覆盖此 widget)

主 chart 色

📋 粘贴 .evccskin JSON

📐 上传控制台布局 JSON

📖 EVCC 皮肤 DSL 说明书 (可复制给 AI)