Catppuccin for Dark Reader

Previews

🌻 Latte

🪴 Frappé

🌺 Macchiato

🌿 Mocha

Usage

Important

If you only want to use Mocha, Dark Reader includes Catppuccin by default, which is Mocha.

1. Open the Dark Reader.
2. Click on Dev Tools > Advance > Preview new design and close the window.
3. Now click on See all options > Colors.
4. Open your desired flavor in the table below. Copy and paste values into respective fields.
   • You will have to change the "Selection" setting from Automatic to Custom.

🌻 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

5. Done! There is no apply or save button.

💝 Thanks to

• Sanjay Pavan

 

Copyright © 2021-present Catppuccin Org