---
title: Code Highlight Themes
tags: [Themes]
---

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

## Related Settings

- [[07-Settings/02-Editor-Settings]] — Code highlight theme selection

## Related Documents

- [[02-Editor/03-Code-Blocks]] — Code block usage
- [[06-Themes-Appearance/01-Built-in-Themes]] — App themes
- [[06-Themes-Appearance/02-Typora-Themes]] — Typora theme import
