进入后台

Markdown 主题样式测试

测试

预览链接、标题竖条、列表 marker、分割线的主题配色效果。

这篇用来预览 Markdown 各元素的主题配色效果:链接、标题竖条、列表圆点、分割线,以及已有的引用块、代码框和表格。

链接与行内代码

正文里放一个外部链接看看主色下划线效果,再放一段行内代码 const theme = "accent" 对比。

无序列表

  • 第一项:圆点应该是主色
  • 第二项:检查间距与颜色
    • 嵌套项也要染色

有序列表

  1. 序号也染主色
  2. 第二条的序号
  3. 第三条

分割线以后

上面那条分割线应该是主色渐变、两端淡出。

三级标题

三级标题文字应该微微带主色倾向,比 h2 弱。

引用块:主色左边线 + 微染底,这是已有的效果。

元素状态
链接主色下划线
列表主色 marker
// 代码框保持深色主题 + 右上角复制
export const palette = { primary: "var(--color-primary)" };
复制代码
#样式测试

该笔记已存活366 天 12 时 35 分 45 秒

作品站作品站ArtStationArtStationGitHubGitHub邮箱邮箱
头像

HaG_Cat

2分类数9文章数

哔哔

暂无

© 2025-2026 HaG_Cat笔记