Catppuccin Mocha

Catppuccin 摩卡是一杯深色热可可中的粉彩光点——深灰的底色如摩卡咖啡的表面,柔和的蓝色和青色在其中轻轻浮动。这个风格经过精心调校,让眼睛在长时间凝视后依然舒适。每一帧都像透过磨砂玻璃看到的温柔世界。

arcsin1 f11c9b4 3 files · 10.1 KB Updated

File contents

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 演示、开源项目介绍——需要让开发者在屏幕前坐一下午也不会累的场合。

配图

不支持配图。

不要

  • 不要使用过亮或过饱和的颜色
  • 不要使用硬边框或高对比元素
  • 不要追求「酷炫」效果,保持温柔
  • 不要用纯黑替代深灰,保持层次

arcsin1/oh-my-ppt/tree/main/resources/styles/catppuccin-mocha commit f11c9b4e65

Frequently asked questions

npx skillmds@latest add arcsin1/catppuccin-mocha