Home

Awesome

<h3 align="center"> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png" width="100" alt="Logo"/><br/> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/> Catppuccin for <a href="https://github.com">GitHub File Explorer Icons</a> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/> </h3> <p align="center"> <a href="https://github.com/catppuccin/github-file-explorer-icons/stargazers"><img src="https://img.shields.io/github/stars/catppuccin/github-file-explorer-icons?colorA=363a4f&colorB=b7bdf8&style=for-the-badge"></a> <a href="https://github.com/catppuccin/github-file-explorer-icons/issues"><img src="https://img.shields.io/github/issues/catppuccin/github-file-explorer-icons?colorA=363a4f&colorB=f5a97f&style=for-the-badge"></a> <a href="https://github.com/catppuccin/github-file-explorer-icons/contributors"><img src="https://img.shields.io/github/contributors/catppuccin/github-file-explorer-icons?colorA=363a4f&colorB=a6da95&style=for-the-badge"></a> </p> <p align="center"> <img src="https://github.com/catppuccin/vscode-icons/raw/main/assets/catwalk.webp" width=600/> </p> <p align="center"> <img src="assets/previews/preview.webp"/> </p>

Previews

<details> <summary>🌻 Latte</summary> <img src="assets/previews/latte.webp"/> </details> <details> <summary>🪴 Frappé</summary> <img src="assets/previews/frappe.webp"/> </details> <details> <summary>🌺 Macchiato</summary> <img src="assets/previews/macchiato.webp"/> </details> <details> <summary>🌿 Mocha</summary> <img src="assets/previews/mocha.webp"/> </details>

Usage

Marketplace

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.

<p align="center"> <a href="https://addons.mozilla.org/en-US/firefox/addon/catppuccin-gh-file-explorer/"><img src="https://img.shields.io/badge/Firefox_Add--ons-f5a97f?style=for-the-badge&logo=Firefox-Browser&logoColor=24273a"></a> <a href="https://chromewebstore.google.com/detail/catppuccin-for-github-fil/lnjaiaapbakfhlbjenjkhffcdpoompki"><img src="https://img.shields.io/badge/Chrome_Web_Store-b7bdf8?style=for-the-badge&logo=GoogleChrome&logoColor=24273a"></a> <a href="https://microsoftedge.microsoft.com/addons/detail/catppuccin-for-github-fil/enicfllfdibbjhnpembomakaamcdcakl"><img src="https://img.shields.io/badge/Microsoft_Edge_Add--ons-7dc4e4?style=for-the-badge&logo=data:image/svg%2bxml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+TWljcm9zb2Z0IEVkZ2U8L3RpdGxlPjxwYXRoIGQ9Ik0yMS44NiAxNy44NnEuMTQgMCAuMjUuMTIuMS4xMy4xLjI1dC0uMTEuMzNsLS4zMi40Ni0uNDMuNTMtLjQ0LjVxLS4yMS4yNS0uMzguNDJsLS4yMi4yM3EtLjU4LjUzLTEuMzQgMS4wNC0uNzYuNTEtMS42LjkxLS44Ni40LTEuNzQuNjR0LTEuNjcuMjRxLS45IDAtMS42OS0uMjgtLjgtLjI4LTEuNDgtLjc4LS42OC0uNS0xLjIyLTEuMTctLjUzLS42Ni0uOTItMS40NC0uMzgtLjc3LS41OC0xLjYtLjItLjgzLS4yLTEuNjcgMC0xIC4zMi0xLjk2LjMzLS45Ny44Ny0xLjguMTQuOTUuNTUgMS43Ny40MS44MiAxLjAyIDEuNS42LjY4IDEuMzggMS4yMS43OC41NCAxLjY0LjkuODYuMzYgMS43Ny41Ni45Mi4yIDEuOC4yIDEuMTIgMCAyLjE4LS4yNCAxLjA2LS4yMyAyLjA2LS43MmwuMi0uMS4yLS4wNXptLTE1LjUtMS4yN3EwIDEuMS4yNyAyLjE1LjI3IDEuMDYuNzggMi4wMy41MS45NiAxLjI0IDEuNzcuNzQuODIgMS42NiAxLjQtMS40Ny0uMi0yLjgtLjc0LTEuMzMtLjU1LTIuNDgtMS4zNy0xLjE1LS44My0yLjA4LTEuOS0uOTItMS4wNy0xLjU4LTIuMzNULjM2IDE0Ljk0UTAgMTMuNTQgMCAxMi4wNnEwLS44MS4zMi0xLjQ5LjMxLS42OC44My0xLjIzLjUzLS41NSAxLjItLjk2LjY2LS40IDEuMzUtLjY2Ljc0LS4yNyAxLjUtLjM5Ljc4LS4xMiAxLjU1LS4xMi43IDAgMS40Mi4xLjcyLjEyIDEuNC4zNS42OC4yMyAxLjMyLjU3LjYzLjM1IDEuMTYuODMtLjM1IDAtLjcuMDctLjMzLjA3LS42NS4yM3YtLjAycS0uNjMuMjgtMS4yLjc0LS41Ny40Ni0xLjA1IDEuMDQtLjQ4LjU4LS44NyAxLjI2LS4zOC42Ny0uNjUgMS4zOS0uMjcuNzEtLjQyIDEuNDQtLjE1LjcyLS4xNSAxLjM4ek0xMS45Ni4wNnExLjcgMCAzLjMzLjM5IDEuNjMuMzggMy4wNyAxLjE1IDEuNDMuNzcgMi42MiAxLjkzIDEuMTggMS4xNiAxLjk4IDIuNy40OS45NC43NiAxLjk2LjI4IDEgLjI4IDIuMDggMCAuODktLjIzIDEuNy0uMjQuOC0uNjkgMS40OC0uNDUuNjgtMS4xIDEuMjItLjY0LjUzLTEuNDUuODgtLjU0LjI0LTEuMTEuMzYtLjU4LjEzLTEuMTYuMTMtLjQyIDAtLjk3LS4wMy0uNTQtLjAzLTEuMS0uMTItLjU1LS4xLTEuMDUtLjI4LS41LS4xOS0uODQtLjUtLjEyLS4wOS0uMjMtLjI0LS4xLS4xNi0uMS0uMzMgMC0uMTUuMTYtLjM1LjE2LS4yLjM1LS41LjItLjI4LjM2LS42OC4xNi0uNC4xNi0uOTUgMC0xLjA2LS40LTEuOTYtLjQtLjkxLTEuMDYtMS42NC0uNjYtLjc0LTEuNTItMS4yOC0uODYtLjU1LTEuNzktLjg5LS44NC0uMy0xLjcyLS40NC0uODctLjE0LTEuNzYtLjE0LTEuNTUgMC0zLjA2LjQ1VC45NCA3LjU1cS43MS0xLjc0IDEuODEtMy4xMyAxLjEtMS4zOCAyLjUyLTIuMzVRNi42OCAxLjEgOC4zNy41OHExLjctLjUyIDMuNTgtLjUyWiIvPjwvc3ZnPg==&logoColor=24273a"></a> </p>

Manual

See the assets section at the bottom of the latest release for pre-compiled zips of the extension. The Chrome zip will work for any Chromium browser (Microsoft Edge, Opera, Arc, etc.).

<details> <summary>Chrome</summary>
  1. Unzip the catppuccin-github-icons-extension-<version>-chrome.zip asset from the latest release.
  2. Open the Extensions page by navigating to chrome://extensions.
  3. Enable Developer Mode (if not already enabled) by flipping the toggle switch labeled Developer mode.
  4. Click the Load unpacked button and select the unzipped directory from Step 1.
</details> <details> <summary>Firefox</summary>
  1. Open the Add-ons page by navigating to about:addons.
  2. Click the cog/settings icon in line with the "Manage Your Extensions" heading, and select Debug Add-ons.
  3. Click the Load Temporary Add-on... button and select the catppuccin-github-icons-extension-<version>-firefox.zip asset from the latest release.
</details>

Customization

This extension aims to provide the same configuration options as catppuccin/vscode-icons does. The flavor of icons, custom associations, as well as the monochrome & specificFolders options, can be customized in the extension's popup window (click the extension icon in your browser toolbar to reveal the popup).

🙋 FAQ

Contributing

See the contributing guide.

💝 Thanks to

 

<p align="center"> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true" /> </p> <p align="center"> Copyright &copy; 2021-present <a href="https://github.com/catppuccin" target="_blank">Catppuccin Org</a> </p> <p align="center"> <a href="https://github.com/catppuccin/catppuccin/blob/main/LICENSE"><img src="https://img.shields.io/static/v1.svg?style=for-the-badge&label=License&message=MIT&logoColor=d9e0ee&colorA=363a4f&colorB=b7bdf8"/></a> </p>