测试
预览链接、标题竖条、列表 marker、分割线的主题配色效果。
这篇用来预览 Markdown 各元素的主题配色效果:链接、标题竖条、列表圆点、分割线,以及已有的引用块、代码框和表格。
链接与行内代码
正文里放一个外部链接看看主色下划线效果,再放一段行内代码 const theme = "accent" 对比。
无序列表
- 第一项:圆点应该是主色
- 第二项:检查间距与颜色
- 嵌套项也要染色
有序列表
- 序号也染主色
- 第二条的序号
- 第三条
分割线以后
上面那条分割线应该是主色渐变、两端淡出。
三级标题
三级标题文字应该微微带主色倾向,比 h2 弱。
引用块:主色左边线 + 微染底,这是已有的效果。
| 元素 | 状态 |
|---|---|
| 链接 | 主色下划线 |
| 列表 | 主色 marker |
// 代码框保持深色主题 + 右上角复制
export const palette = { primary: "var(--color-primary)" };
复制代码