Skip to content

feat: add Catppuccin file icons - #321

Open
isWittHere wants to merge 1 commit into
agegr:mainfrom
isWittHere:feature/catppuccin-file-icons
Open

feat: add Catppuccin file icons#321
isWittHere wants to merge 1 commit into
agegr:mainfrom
isWittHere:feature/catppuccin-file-icons

Conversation

@isWittHere

Copy link
Copy Markdown

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

Use Latte assets in light mode and Mocha assets in dark mode.
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.

1 participant