Catppuccin for Signal Desktop

Previews

🌻 Latte

🪴 Frappé

🌺 Macchiato

🌿 Mocha

Usage

Windows

1. Install 7-zip and its asar7z plugin.
2. Open C:\Users\user_name\AppData\Local\Programs\signal-desktop\resources\app.asar with 7zip.
3. Go into stylesheets directory.
4. Copy the theme you want to use into the directory.
5. Right click and edit manifest.css file and add import statement at the top. @import "catppuccin-<flavor>.css"; Replace <flavor> with flavor you want to use.
6. Save and close your editor.
7. Enjoy!

Linux

1. Install @electron/asar from npm, i.e. with:

   npm install -g @electron/asar

2. Set required variables for later steps. Replace <flavor> with desired Catppuccin flavor (e.g. mocha)

   FLAVOR=<flavor> TEMP=$(mktemp -d) SIGNAL_DIR="/usr/lib/signal-desktop/resources"

Note

If using the Flatpak version the Signal directory should be:

SIGNAL_DIR="/var/lib/flatpak/app/org.signal.Signal/current/active/files/Signal/resources"

3. Extract asar into the temporary directory

   asar e "${SIGNAL_DIR}/app.asar" ${TEMP}

4. Download the theme file from this repository

   curl "https://raw.githubusercontent.com/CalfMoon/signal-desktop/refs/heads/main/themes/catppuccin-${FLAVOR}.css" -o "${TEMP}/stylesheets/catppuccin-${FLAVOR}.css"

5. Add import for the Catppuccin theme to the start of manifest.css

   sed -i "1i @import \"catppuccin-${FLAVOR}.css\";" "${TEMP}/stylesheets/manifest.css"

6. Pack the new theme into a new app.asar (needs sudo in order to write to /usr/lib)

   sudo asar p ${TEMP} "${SIGNAL_DIR}/app.asar"

7. Enjoy!

💝 Thanks to

• CalfMoon

 

Copyright © 2021-present Catppuccin Org