主题配色指南
1 min
Retypeset 基于 OKLCH 颜色空间来定义主题配色,默认为模拟印刷风格的黑白灰配色。
为满足个性化需求,我为主题制作了一些配色方案。你可以在 src/config.ts 中替换默认配色,并重启开发服务器以预览新配色。
葱白
light: { primary: 'oklch(0.25 0.03 211.86)', secondary: 'oklch(0.40 0.03 211.86)', background: 'oklch(0.99 0.0039 106.47)', }, dark: { primary: 'oklch(0.92 0.0015 106.47)', secondary: 'oklch(0.79 0.0015 106.47)', background: 'oklch(0.24 0.0039 106.47)', },
鸦青
light: { primary: 'oklch(0.24 0.0172 280.05)', secondary: 'oklch(0.40 0.0172 280.05)', background: 'oklch(0.98 0.0172 280.05)', }, dark: { primary: 'oklch(0.92 0.0172 280.05)', secondary: 'oklch(0.79 0.0172 280.05)', background: 'oklch(0.24 0.0172 280.05)', },
墨蓝
light: { primary: 'oklch(0.24 0.053 261.24)', secondary: 'oklch(0.39 0.053 261.24)', background: 'oklch(1 0 0)', }, dark: { primary: 'oklch(0.92 0 0)', secondary: 'oklch(0.79 0 0)', background: 'oklch(0.24 0.016 265.21)', },
米黄
light: { primary: 'oklch(0.25 0 0)', secondary: 'oklch(0.41 0 0)', background: 'oklch(0.95 0.0237 59.39)', }, dark: { primary: 'oklch(0.93 0.019 59.39)', secondary: 'oklch(0.80 0.017 59.39)', background: 'oklch(0.23 0 0)', },
预览: