
Catppuccin for Dark Reader
Important
If you only want to use Mocha, Dark Reader includes Catppuccin by default, which is Mocha.
- Open the Dark Reader.
- Click on Dev Tools > Advance > Preview new design and close the window.
- Now click on See all options > Colors.
- Open your desired flavor in the table below. Copy and paste values into respective fields.
- You will have to change the "Selection" setting from
AutomatictoCustom.
- You will have to change the "Selection" setting from
🌻 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




