Dark Mode Preview
欢迎使用 Phycat Dark 生成器。此区域模拟 Typora 在暗色模式下的渲染效果。
H2 标题：流光渐变背景
H2 标题使用了动态的 Radial Gradient 背景，鼠标悬停时会点亮边框并增强光晕效果。
H3 标题：侧边指示器
H3 标题左侧有高亮指示条，悬停时会伸长并发出霓虹光芒。适合用于分割小节。
Blockquote 引用块：
引用块使用了深色半透明背景。请尝试鼠标选中这段文字，查看selection颜色效果。
代码高亮 (Dracula Style)
左侧面板新增了代码高亮配色的调整选项。下方是一个模拟的 JS/TS 代码块。
/**
* 计算霓虹光晕颜色
* @param color Hex 颜色值
*/
function calculateGlow(color: string, opacity: number) {
const rgb = hexToRgb(color);
const result = `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${opacity})`;
// Apply glow effect
console.log("Glow generated:", result);
return {
id: 101,
meta: ,
value: result
};
}
数据表格 (Glassmorphism)
| 变量名 | 用途 | 默认值 |
|---|---|---|
| --primary-color | 核心霓虹色 | #ff5555 |
| --hover-bg-color | 悬停背景色 | #ff5555 |
| --code-keyword | 代码关键字 | #ff79c6 |
( End of Preview )