Catppuccin for GitHub File Explorer Icons

Previews

🌻 Latte

🪴 Frappé

🌺 Macchiato

🌿 Mocha

Usage

The extension is available on the Chrome Web Store, Firefox Add-ons, and Microsoft Edge Add-ons extension stores. Click on your browser's badge below to install.

Note

Icons are pulled from catppuccin/vscode-icons; please direct any requests for new icons or associations there!

Manually

git clone --recurse-submodules https://github.com/catppuccin/github-file-explorer-icons.git
cd github-file-explorer-icons
pnpm install

Chrome

1. Run pnpm build.
2. Open the Extensions page by navigating to chrome://extensions.
3. Enable Developer Mode by flipping the toggle switch labeled Developer mode.
4. Click the Load unpacked button and select the dist/chrome-mv3 directory from the cloned repository.

Firefox

1. Run pnpm zip:firefox.
2. Open the Add-ons page by navigating to about:addons.
3. Click the cog/settings icon in line with the "Manage Your Extensions" heading, and select Debug Add-ons.
4. Click the Load Temporary Add-on... button and select the dist/catppuccin-github-icons-extension-<version>-firefox.zip file from the cloned repository.

Development

Setup

git clone --recurse-submodules https://github.com/catppuccin/github-file-explorer-icons.git
cd github-file-explorer-icons
pnpm install

Usage

To launch a browser instance with the extension loaded and a GitHub page already opened, run pnpm dev for Chrome or pnpm dev:firefox for Firefox. Please note that it takes a while to open since it re-copies all icons from the submodule to the public folder.

To build the extension, run either:

• pnpm build, where the compiled extension will be available at dist/chrome-mv3...
• or pnpm zip:firefox, where the compiled and zipped extension can be found at dist/catppuccin-github-file-explorer-icons-<version>-firefox.zip.

💝 Thanks to

• uncenter
• Claudiohbsantos/github-material-icons-extension

 

Copyright © 2021-present Catppuccin Org