Skip to content

feat: add Catppuccin file icons - #321

Merged
agegr merged 2 commits into
agegr:mainfrom
isWittHere:feature/catppuccin-file-icons
Aug 6, 2026
Merged

feat: add Catppuccin file icons#321
agegr merged 2 commits into
agegr:mainfrom
isWittHere:feature/catppuccin-file-icons

Conversation

@isWittHere

Copy link
Copy Markdown
Contributor

Summary

Replace the hand-written monochrome file and folder icons with a
selected set of official Catppuccin Icons.

Light mode uses Latte assets and dark mode uses Mocha assets.

Changes

  • Replace the SVG JSX in components/FileIcons.tsx with a shared
    Catppuccin icon resolver.
  • Select the icon flavor through the existing html.dark state, so
    the correct assets are used before React hydration.
  • Add only the SVGs used by the current resolver, together with the
    upstream MIT license and source-version documentation.
  • Preserve existing resolver call sites and extension mappings.
  • Use dedicated upstream icons for npm/Bun lockfiles, Next.js config,
    and ESLint config files.

Verification

  • node_modules/.bin/tsc --noEmit
  • npm run lint
  • git diff --check
  • Manually checked Explorer icons, open/closed folders, file tabs,
    changed-file rows, and @ path completion in light and dark themes.

Preview

image image

isWittHere and others added 2 commits July 31, 2026 14:07
Use Latte assets in light mode and Mocha assets in dark mode.
@agegr
agegr merged commit dc65365 into agegr:main Aug 6, 2026
pull Bot pushed a commit to tohka0x01/pi-web that referenced this pull request Aug 7, 2026
* Add Catppuccin file icons

Use Latte assets in light mode and Mocha assets in dark mode.

* Make file icons monochrome

---------

Co-authored-by: Alex Yang <agegcn@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants