主题配色指南

1 min

Retypeset 基于 OKLCH 颜色空间来定义主题配色,默认为模拟印刷风格的黑白灰配色。

为满足个性化需求,我为主题制作了一些配色方案。你可以在 src/config.ts 中替换默认配色,并重启开发服务器以预览新配色。

葱白

Light mode Dark mode

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 mode Dark mode

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 mode Dark mode

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 mode Dark mode

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)', },
评论
  • 按正序
  • 按倒序
  • 按热度
来发评论吧~