IntelliJ IDEA: White Markdown Preview with Dark Theme

Fri, 19 Sep 2025 01:00:00 +0000

Note: This post preserves and references the solution from Ivan Aloneguid’s original article. Full credit goes to the original author for this elegant solution.

Quick Solution

If you use IntelliJ IDEA with a dark theme but want a white Markdown preview, here’s the simplest fix:

Go to File → Settings → Languages & Frameworks → Markdown
In the “Custom CSS” field, add:

body {
  filter: invert(1);
  background: #fff;
  font-family: 'Segoe UI';
  font-size: 16px;
}

img {
  filter: invert(1);
}

Click Apply and OK

Why This Works

The CSS uses filter: invert(1) to flip the dark preview to light. Images are also inverted to preserve their original appearance. You can customize the font family and size to your preference.

Markdown on Anatoly's Blog

IntelliJ IDEA: White Markdown Preview with Dark Theme

Quick Solution

Why This Works