Typedown 主题配色工具离线编辑、导入、对比度检查与 CSS 导出
实时预览
我的主题 · Typedown
主题设计.md ×
发布检查.md

# 设计一套可读的主题

这是一段正文,用来检查长时间阅读时的舒适度。主题需要兼顾 文字层级、链接辨识度和搜索高亮。

好的配色不抢内容的注意力,但能让结构一眼可见。

## 内容元素

行内代码 theme.css 应该清晰,但不应像按钮一样突出。

// Theme preview const theme = { name: "Typedown", contrast: 4.8, apply: renderTheme } body { color: var(--editorColor); }
项目状态说明
正文AA适合连续阅读
代码通过语法层级清晰
# 源码模式

主题支持 **Markdown** 与 `代码`。

```javascript
const ready = true
```
Markdown UTF-884 字 Ln 12, Col 8
对比度

正文与注释按 4.5:1 检查,强调色按 3:1 检查;未通过仅提示可读性风险,不影响导出。