Typora Theme Preview
欢迎使用配色生成工具。这个区域实时展示您的配色方案在 Typora 中的实际渲染效果。
H2 标题流光渐变效果
H2 标题使用了动态的 linear-gradient 背景,鼠标悬停时会有微妙的位移和阴影加深效果。请尝试将鼠标悬停在标题上。
H3 标题悬停交互
H3 标题左侧有一个小的指示条,鼠标悬停时会伸长并变色。这是一种过时的经典的交互设计。
Blockquote 样式:
引用块使用了极浅色背景(So Shallow),并带有 Emoji 装饰。非常适合用来展示提示信息或者名言警句。
行内元素展示
这是一段包含 高亮文本 (Mark) 的段落。你可以看到高亮部分左右两侧会在悬停时出现 {} 符号。
此外,还有 粗体文字 (Bold),斜体文字 (Italic) 以及 删除线文本 的效果。
行内代码看起来像这样:console.log('Hello World');,使用了深玫红配色。
表格样式
| 参数名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| --primary-color | Color | #ff7096 | 核心主色调 |
| Opacity | Number | 1.0 | 不透明度 |
| Effect | String | Glow | 渲染效果 |
( End of Preview )