给你的界面来杯绵密奶泡：深入了解 Catppuccin 主题

前言

在日常开发或使用各种编辑器、终端、IDE、浏览器等工具时，你是否厌倦了一成不变的配色方案？不妨试试 Catppuccin？

介绍

Catppuccin 是一款由社区驱动的柔和色调主题，旨在成为低对比度和高对比度主题之间的平衡点。它包含 4 种舒缓的色调，每种都有 26 种赏心悦目的颜色，非常适合编程、设计等等！

在开发 App、软件的时候也可以选择 Catppuccin 作为配色方案，Catppuccin 提供了样式指南和每种色调的调色板。

官网: https://catppuccin.com/

调色板: https://catppuccin.com/palette/

GitHub: https://github.com/catppuccin/catppuccin

四大风格

• Latte：暖白底色，明亮通透，适合光线充足的环境。

• Frappe：浅灰偏冷，低对比更柔和。

• Macchiato：中度深色，兼顾可读性与护眼。

• Mocha：暗黑背景，减少屏幕眩光。

demo

安装方式

Catppuccin 社区为主流开发和办公工具提供了专门的主题包／插件，详细安装方式请访问 Catppuccin Ports。

Catppuccin Ports: https://catppuccin.com/ports/

部分安装教程

网页 (ChatGPT，GitHub，Google，Gmail，YouTube 等等)

首先，下载浏览器扩展 Stylus 并安装

Chrome 或 Edge: https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

Firefox: https://addons.mozilla.org/en-GB/firefox/addon/styl-us/

其次，下载 import.json

import.json 下载: https://github.com/catppuccin/userstyles/releases/download/all-userstyles-export/import.json

打开 Stylus 管理页面

Chrome: chrome-extension://clngdbkpkpeebahjckkjfobafhncgmne/manage.html

Edge: extension://clngdbkpkpeebahjckkjfobafhncgmne/manage.html

在左侧面板选择导入，并选择下载好的 import.json 文件，至此，网页样式已安装完成。

VS Code

在扩展商店中搜索 Catppuccin 并安装 Catppuccin 和 Catppuccin Icons，分别点击两个扩展，在右边详情页面点击设置并选择即可。

JetBrains 系列 (IDEA, PyCharm 等)

在插件市场搜索 “Catppuccin”—— 安装 Catppuccin Theme 和 Catppuccin Icons。

安装完后在设置 —— 外观与行为 —— 外观 —— 主题，选择对应的 Catppuccin 主题。

在设置 —— 外观与行为 —— Catppuccin lcons，选择对应的 Catppuccin 图标。

 

关于 Catppuccin 的分享就到这里啦，更多文章可以看看我的主页~

想要其他的教程在评论区留个言吧~

别忘记点个关注订阅新文章哦，充电可以让文章增加曝光，感谢~