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.

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.
1

Activate a color theme

Open the Command Palette and navigate to the color theme picker:
  1. Press Ctrl+Shift+P (Linux/Windows) or ⌘Shift+P (macOS) to open the Command Palette.
  2. Type Color Theme and select Preferences: Color Theme.
  3. Use the arrow keys to preview themes in real time, then press Enter to confirm.
Lynx Theme Pro provides eight theme variants:
#Theme LabelType
11. DARKㅤㅤ(Lynx Theme)Dark
22. LIGHT ㅤ (Lynx Theme)Light
33. NIGHT ㅤ(Lynx Theme)Dark
44. GHIBLI ㅤ(Lynx Theme)Light
55. FURY ㅤ (Lynx Theme)Dark
66. KIROㅤㅤ(Lynx Theme)Dark
77. NVIMㅤㅤ(Lynx Theme)Dark
88. LIQUIDㅤㅤ(Lynx Theme) 🧪Dark + Glassmorphism
Selecting 8. LIQUIDㅤㅤ(Lynx Theme) 🧪 activates the experimental Liquid Glass engine, which modifies VS Code’s host shell CSS to apply backdrop-filter blur effects. VS Code detects this modification and displays a “Your installation appears to be corrupt” notice in the status bar. This warning is purely cosmetic — your editor, extensions, and files are completely unaffected. You can safely dismiss or ignore it. To remove the notice entirely, switch to any other Lynx theme or restore VS Code via Help → Reinstall (which will deactivate the effect).
2

Choose a file icon theme

Icon themes control the icons shown next to files and folders in the Explorer panel and editor tabs.
  1. Open the Command Palette (Ctrl+Shift+P / ⌘Shift+P).
  2. Type File Icon Theme and select Preferences: File Icon Theme.
  3. Choose one of the three Lynx icon styles:
StyleLabelBest for
ALynx Icons - (Style A)Dark color themes — rich, saturated icon tones
BLynx Icons - (Style B)Light color themes — softer, higher-contrast icons
CLynx Icons - (Style C)Any theme — neutral gray icons that blend universally
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.
Pair Style A with the DARK, NIGHT, FURY, KIRO, or NVIM themes for the most cohesive look. Use Style B with the LIGHT or GHIBLI themes for optimal contrast in bright environments.
3

(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.
  1. Open the Command Palette (Ctrl+Shift+P / ⌘Shift+P).
  2. Type Product Icon Theme and select Preferences: Product Icon Theme.
  3. Select one of the two Lynx system icon sets:
LabelDescription
Lynx (Material) IconsMaterial Design-influenced icons for a clean, modern IDE appearance
Lynx (Test) IconsAn 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, your settings.json will contain entries similar to the following. You can also set these values directly without using the Command Palette:
{
  "workbench.colorTheme": "1. DARKㅤㅤ(Lynx Theme)",
  "workbench.iconTheme": "lynx-pro-dark",
  "workbench.productIconTheme": "lynx-material-icons"
}
The three valid workbench.iconTheme IDs are:
IDCorresponds to
lynx-pro-darkLynx Icons - (Style A)
lynx-pro-lightLynx Icons - (Style B)
lynx-pro-grayLynx Icons - (Style C)
The two valid workbench.productIconTheme IDs are:
IDCorresponds to
lynx-material-iconsLynx (Material) Icons
lynx-test-iconsLynx (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.

Build docs developers (and LLMs) love