Catppuccin 摩卡是一杯深色热可可中的粉彩光点——深灰的底色如摩卡咖啡的表面,柔和的蓝色和青色在其中轻轻浮动。这个风格经过精心调校,让眼睛在长时间凝视后依然舒适。每一帧都像透过磨砂玻璃看到的温柔世界。
配色
标题 #c6d0f5 柔蓝白、正文 #a5adce 灰蓝,强调色 #8caaee 柔蓝与 #99d1db 浅青是摩卡中的两颗糖果。背景 radial-gradient(circle at 20% 0%, #303446 0%, #24273a 50%, #1e2030 100%) 从中灰到深灰蓝,如摩卡的层次。卡片 rgba(48,52,70,0.75) 是暗色的沉稳载体,边框 rgba(166,173,186,0.2) 是极淡的灰蓝描边。
排版
等宽或开发者友好字体,字重偏轻到中等。标题清晰但不刺眼,正文保持柔和对暗底的对比度。代码展示是这个风格的自然场景。
布局
暗色卡片在更暗的背景上,层级靠柔和的色彩区分而非硬边框。布局宽松舒适,像开发者的 IDE 设置——经过调校,每个元素都恰到好处。
动画
fade-up、stagger-list、neon-glow
适合场景
开发者内部分享、长时间技术培训、代码 Review 演示、开源项目介绍——需要让开发者在屏幕前坐一下午也不会累的场合。
配图
不支持配图。
不要
- 不要使用过亮或过饱和的颜色
- 不要使用硬边框或高对比元素
- 不要追求「酷炫」效果,保持温柔
- 不要用纯黑替代深灰,保持层次