# Catppuccin Mocha

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

- Skill: `arcsin1/catppuccin-mocha` (Agent Skill, multi-file: 3 files)
- Install (CLI): `npx skillmds@latest add arcsin1/catppuccin-mocha`
- Raw SKILL.md: https://api.skillmd.com/api/skills/arcsin1/catppuccin-mocha/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: arcsin1 (https://skillmd.com/u/arcsin1)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/arcsin1/catppuccin-mocha

---

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

## 配图
不支持配图。

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