github-file-explorer-icons
github-file-explorer-icons copied to clipboard
π Soothing pastel icons for GitHub File Explorer

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
- Run
pnpm build
. - Open the Extensions page by navigating to
chrome://extensions
. - Enable Developer Mode by flipping the toggle switch labeled Developer mode.
- Click the Load unpacked button and select the
dist/chrome-mv3
directory from the cloned repository.
Firefox
- Run
pnpm zip:firefox
. - Open the Add-ons page by navigating to
about:addons
. - Click the cog/settings icon in line with the "Manage Your Extensions" heading, and select Debug Add-ons.
- 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 atdist/chrome-mv3
... - or
pnpm zip:firefox
, where the compiled and zipped extension can be found atdist/catppuccin-github-file-explorer-icons-<version>-firefox.zip
.
Publishing
The pnpm wxt submit init
command will walk you through each of the tokens that needs to be added for publishing to each store.
π Thanks to
Β
Copyright Β© 2021-present Catppuccin Org