Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/bastndev/Lynx-Theme-Pro/llms.txt

Use this file to discover all available pages before exploring further.

Lynx Theme Pro provides three file icon theme variants — Style A, Style B, and Style C — each offering a distinct visual treatment for the VS Code Explorer. Every style maps the exact same set of file extensions, file names, language IDs, and folder names to its own flavored SVGs, all sourced from the shared src/assets/svg/ asset pool of 1,280+ hand-crafted icons. Switching between styles is instant and non-destructive — your color theme and system icons remain unchanged.

​
The Three Styles

​
Style A — lynx-pro-dark

The dark variant uses high-contrast, richly colored SVGs designed to stand out against dark backgrounds. It is the default recommended style for Lynx dark themes such as DARK, NIGHT, FURY, KIRO, NVIM, and LIQUID. Icons reference SVGs from src/assets/svg/dark/files/ and src/assets/svg/dark/folders/.

​
Style B — lynx-pro-light

The light variant adjusts icon colors for readability on bright backgrounds. It pairs naturally with the LIGHT and GHIBLI color themes, where heavily saturated dark icons would feel visually heavy. This style uses the light/ SVG variants from src/assets/svg/.

​
Style C — lynx-pro-gray

The gray neutral variant desaturates icon colors into a unified grayscale palette. It is the most versatile of the three and works well alongside any color theme when you want the Explorer to feel subdued while the editor syntax takes center stage. Style C uses SVGs from src/assets/svg/gray/.

​
Activating a File Icon Style

1

Open the Command Palette

Press Ctrl+Shift+P on Windows/Linux or ⌘Shift+P on macOS to open the VS Code Command Palette.
2

Run the File Icon Theme command

Type and select Preferences: File Icon Theme from the dropdown list.
3

Select your Lynx icon style

Choose one of the three Lynx entries:
  • Lynx Icons - (Style A) — dark variant
  • Lynx Icons - (Style B) — light variant
  • Lynx Icons - (Style C) — gray variant
VS Code applies the selection immediately — no reload required.

​
Language and File Coverage

The icon themes map icons across four coverage categories:
Coverage categoryJSON keyExamples
File extensionsfileExtensions.ts, .js, .py, .rs, .go, .vue, .woff
Specific file namesfileNamespackage.json, .gitignore, AGENTS.md, CLAUDE.md
VS Code language IDslanguageIdsgit, git-commit, toml, systemd-conf
Folder namesfolderNames / folderNamesExpandedsrc, dist, css, rust, bot, state

​
Highlighted Language Support

The icon definition set (iconDefinitions) in lynx-icons-dark.json includes dedicated icons for all major languages and ecosystems, among them:
  • Web: TypeScript, JavaScript, JSX/TSX (React), Vue, Svelte, HTML, CSS, SCSS, Sass, Less, PostCSS, GraphQL
  • Systems: Rust, C, C++, Go, Swift, Zig
  • Scripting: Python, Ruby, Perl, PHP, Elixir, Erlang, Julia, Mojo
  • JVM: Java, Kotlin, Scala, Clojure
  • Markup & Config: YAML, TOML, XML, JSON, Diff, Terraform, HAML, Handlebars, Twig, Nunjucks, Pug
  • Tools & Platforms: Git, GitHub Actions workflows, Docker, Godot, Solidity, Angular, Razor
  • Special files: AGENTS.md, CLAUDE.md, DESIGN.md, main.ts, TypeScript definition files (.d.ts), .gitignore
The src/assets/svg/dark/files/ directory alone contains 724 SVGs, with a further 614 SVGs in src/assets/svg/dark/folders/ for folder states (closed and open).

​
Choosing the Right Style

Match your icon style to your active color theme for the most cohesive look. Use Style A (dark) with dark themes like DARK, NIGHT, FURY, KIRO, NVIM, or LIQUID; use Style B (light) with LIGHT or GHIBLI; and reach for Style C (gray) any time you want a minimal, theme-agnostic Explorer that lets your syntax highlighting do the talking.

​
SVG Asset Location

All raw SVG files are stored in the extension source under: 
src/assets/svg/
├── dark/
│   ├── files/     # 724 file SVGs (Style A source)
│   └── folders/   # 614 folder SVGs (Style A source)
├── light/         # Style B variants
└── gray/          # Style C variants
The three JSON theme configs in src/icons/icon-themes/ reference these SVGs via relative paths (e.g., ../../assets/svg/dark/files/typescript-file.svg), so the entire pool is shared — adding a new SVG to src/assets/svg/ makes it available to all three styles at once.

Build docs developers (and LLMs) love

Get started for freeTalk to us