🌻 Latte
🪴 Frappé
🌺 Macchiato
🌿 Mocha
- Open Dark Reader.
- Click on the More tab, then go to All Settings.
- In the settings page, go to Advanced > Dev Tools.
- Under Advanced, click the Enable design prototype button.
- Go back to Dark Reader, click See all options, then open Colors.
- For the Mocha theme, choose Catppuccin under the Color Scheme dropdown.
- Choose your desired flavor in the table below. Copy its values into the corresponding color fields.
- Change Selection from
Automatic to Custom to enter selection values.
🌻 Latte
| Setting |
Color |
| Background |
#eff1f5 |
| Text |
#4c4f69 |
| Selection |
#acb0be |
🪴 Frappé
| Setting |
Color |
| Background |
#303446 |
| Text |
#c6d0f5 |
| Selection |
#626880 |
🌺 Macchiato
| Setting |
Color |
| Background |
#24273a |
| Text |
#cad3f5 |
| Selection |
#5b6078 |
🌿 Mocha
| Setting |
Color |
| Background |
#1e1e2e |
| Text |
#cdd6f4 |
| Selection |
#585b70 |
- Done! There is no apply or save button.

Copyright © 2021-present Catppuccin Org
