Code Highlight Themes

Code block color schemes are independent of the app theme. You can freely choose from 11 highlight themes to make your code both clear and visually pleasing.

Note

Code highlighting is powered by highlight.js, supporting syntax coloring for 36 programming languages (see 02-Editor/03-Code-Blocks).

Available Themes

Light Themes

  • Atom One Light — The classic Atom editor light theme
  • GitHub Light — GitHub-style light theme
  • VS Code Light — VS Code default light theme
  • Solarized Light — Solarized light color scheme

Dark Themes

  • Atom One Dark — The classic Atom editor dark theme
  • GitHub Dark — GitHub-style dark theme
  • VS Code Dark — VS Code default dark theme
  • Nord — Nordic cool-tone theme
  • Monokai — Classic Monokai
  • Dracula — Dracula-style dark theme
  • Solarized Dark — Solarized dark color scheme

Switching Themes

  1. Open Settings (Ctrl+,).
  2. Switch to the "Editor" tab.
  3. Select from the "Code Highlight Theme" dropdown menu.

Automatic Switching

By default, the code highlight theme follows the app appearance and automatically switches between light and dark:

  • App in light mode → uses a light code theme
  • App in dark mode → uses a dark code theme

You can disable automatic switching in Settings and lock in a specific theme.

Tip

If you consistently write in dark app theme, it's recommended to disable automatic switching and manually specify a dark highlight theme to avoid light code blocks being harsh on the eyes against a dark background.

Preview

In 07-Settings/02-Editor-Settings, the "Code Highlight Theme" section shows a preview of the selected theme for easy comparison before deciding.