自定义颜色、字体、边框与渐变背景
自定义颜色
任何有 "tint color" 或 "background color" 标记的 tile 都可以自定义:
- 进入 Aesthetic → Customize Theme
- 找到 Tint 或 Background 项,点开颜色选择器
- 在色板上用手指/鼠标滑动,找到你想要的颜色
- 想精确控制?选择 Custom 可以用滑块调整 RGB 值
- 保存自定义色:点颜色选择器下方的 "+" 图标,最多可以存 6 个颜色,之后所有小组件都能从这 6 个里直接选
字体选择
Widgetsmith 内置 20+ 种字体:
- 无衬线类:Helvetica、Inter、SF Pro 系列
- 衬线类:Georgia、Times New Roman
- 手写风:看起来像手写的字体,适合 Custom Text
- 等宽字体:像代码的字体,适合显示数字或日期
Premium 用户字体选择更多。
边框
Border 栏可以:
- 开关边框
- 选择边框宽度(1px ~ 8px)
- 选择边框颜色(可以和 tint 或 background 联动)
- Large 尺寸 + 细边框 + 纯色背景 = 经典海报感
渐变背景
Background 不只是纯色,很多主题支持双色渐变:
- 选 Background → Gradient
- 选起止颜色
- 选方向(水平、垂直、对角线、辐射)
- 渐变背景 + 半透明 tint = 非常高级的视觉效果
实用技巧:Generate Theme from Photo
Widgetsmith 提供了一个很酷的功能:从一张照片自动生成主题配色:
- 编辑任意小组件的 Aesthetic
- 点右下角菜单(三个点图标)
- 选 Generate Theme from Photo
- 选一张照片,Widgetsmith 会从照片的主色、辅色里自动提取一套配色(tint + background + border)
- 预览后确定,一键应用