✨ 核心主色 (Primary)

选择主色后，开启“自动计算”将为您生成全套配色。

自动计算衍生色

### 详细配色微调

# 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 )

### CSS 代码导出

复制以下代码，粘贴到你的 Typora 主题 CSS 文件中。