catppuccin / dark-reader

✴️ Soothing pastel theme for Dark Reader

Catppuccin for Dark Reader

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 → 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

dark-reader's Issues

Add easier instructions

the extension already have a Color Scheme option that includes Catppuccin (mocha)

if you want to use Catppuccin Mocha just do the following ater enabling preview current theme:
Dark Reader > See all options > Colors > Color Scheme

Add/update preview images

Description

This repository predates the updated template used in catppuccin/template so we should add preview images to the repository to be used in the README.

Acceptance Criteria

1. The following images are added to the assets folder:
   • latte.webp
   • frappe.webp
   • macchiato.webp
   • mocha.webp
   • preview.webp generated by catwalk.
2. The README.md is updated to showcase the preview images.