| 1 | Dracula 是代码美学的经典之选——深邃的紫黑底色如夜晚的斗篷,荧光粉和薰衣草紫在其中呼吸。这个风格不需要解释,它已经存在于全球数百万开发者的终端和编辑器中。每一行代码在这个配色下都自带光芒。 |
| 2 | |
| 3 | ## 配色 |
| 4 | 标题 #f8f8f2 冷白、正文 #b3b8c3 银灰,强调色 #ff79c6 荧光粉与 #bd93f9 薰衣草紫是 Dracula 的灵魂双色。背景 radial-gradient(circle at 20% 0%, #282a36 0%, #21222c 50%, #191a21 100%) 从深紫灰到近黑,模拟暗夜的层次。卡片 rgba(40,42,54,0.8) 是暗色的承载,边框 rgba(98,114,164,0.25) 是柔和的蓝灰描边。 |
| 5 | |
| 6 | ## 排版 |
| 7 | 等宽字体是第一选择,代码友好。标题可以用稍粗的字重,正文保持代码时的等宽感。语法高亮在这个配色下自然发光。 |
| 8 | |
| 9 | ## 布局 |
| 10 | 暗色背景上的代码卡片可以作为视觉中心,终端风格用于营造氛围。布局保持清晰克制,默认低到中密度;不要为了模拟终端而堆多面板、长代码块或密集日志。 |
| 11 | |
| 12 | ## 动画 |
| 13 | fade-up、stagger-list、neon-glow |
| 14 | |
| 15 | ## 适合场景 |
| 16 | 代码密集的技术分享、开源项目演示、编程教学、黑客马拉松——需要让代码看起来「天生就该长这样」的场合。 |
| 17 | |
| 18 | ## 不要 |
| 19 | - 不要使用浅色背景 |
| 20 | - 不要用过多的装饰元素分散对代码的注意力 |
| 21 | - 不要改变经典 Dracula 的核心配色 |
| 22 | - 不要让荧光粉和薰衣草紫失去主角地位 |
| 23 |