Skip to content

catppuccin/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

Β 

Copyright Β© 2021-present Catppuccin Org