With Lynx Theme Pro installed, you are three steps away from a fully customized editor. This guide walks you through activating a color theme, selecting an icon style for the file explorer, and optionally enabling the experimental Liquid Glass transparency effect. Each step is independent — apply only the pieces you want.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.
Activate a color theme
Open the Command Palette and navigate to the color theme picker:
- Press
Ctrl+Shift+P(Linux/Windows) or⌘Shift+P(macOS) to open the Command Palette. - Type Color Theme and select Preferences: Color Theme.
- Use the arrow keys to preview themes in real time, then press
Enterto confirm.
| # | Theme Label | Type |
|---|---|---|
| 1 | 1. DARKㅤㅤ(Lynx Theme) | Dark |
| 2 | 2. LIGHT ㅤ (Lynx Theme) | Light |
| 3 | 3. NIGHT ㅤ(Lynx Theme) | Dark |
| 4 | 4. GHIBLI ㅤ(Lynx Theme) | Light |
| 5 | 5. FURY ㅤ (Lynx Theme) | Dark |
| 6 | 6. KIROㅤㅤ(Lynx Theme) | Dark |
| 7 | 7. NVIMㅤㅤ(Lynx Theme) | Dark |
| 8 | 8. LIQUIDㅤㅤ(Lynx Theme) 🧪 | Dark + Glassmorphism |
Choose a file icon theme
Icon themes control the icons shown next to files and folders in the Explorer panel and editor tabs.
All three styles cover 1,280+ SVG icons including standard language files, frameworks, cloud platforms, AI tooling, and more. You can switch between styles at any time without restarting the editor.
- Open the Command Palette (
Ctrl+Shift+P/⌘Shift+P). - Type File Icon Theme and select Preferences: File Icon Theme.
- Choose one of the three Lynx icon styles:
| Style | Label | Best for |
|---|---|---|
| A | Lynx Icons - (Style A) | Dark color themes — rich, saturated icon tones |
| B | Lynx Icons - (Style B) | Light color themes — softer, higher-contrast icons |
| C | Lynx Icons - (Style C) | Any theme — neutral gray icons that blend universally |
(Optional) Choose a system icon theme
Product icon themes replace VS Code’s built-in UI chrome icons — the icons in the Activity Bar, panel headers, status bar buttons, and other IDE-level surfaces.
- Open the Command Palette (
Ctrl+Shift+P/⌘Shift+P). - Type Product Icon Theme and select Preferences: Product Icon Theme.
- Select one of the two Lynx system icon sets:
| Label | Description |
|---|---|
Lynx (Material) Icons | Material Design-influenced icons for a clean, modern IDE appearance |
Lynx (Test) Icons | An alternative system icon set with a different visual weight and style |
Product icon themes are optional. If you prefer VS Code’s default UI icons, you can leave this setting unchanged and only use the file/folder icon styles from Step 2.
Your settings.json (reference)
After completing the steps above, yoursettings.json will contain entries similar to the following. You can also set these values directly without using the Command Palette:
workbench.iconTheme IDs are:
| ID | Corresponds to |
|---|---|
lynx-pro-dark | Lynx Icons - (Style A) |
lynx-pro-light | Lynx Icons - (Style B) |
lynx-pro-gray | Lynx Icons - (Style C) |
workbench.productIconTheme IDs are:
| ID | Corresponds to |
|---|---|
lynx-material-icons | Lynx (Material) Icons |
lynx-test-icons | Lynx (Test) Icons |
Next steps
Themes Overview
Deep-dive into all eight color themes — see screenshots, palette details, and recommendations for each lighting environment.
Icons Overview
Explore the full 1,280+ SVG icon library across Styles A, B, and C, plus the system icon sets.