Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Toggle Light / Dark ThemeNew to Visual Studio Code? Get it now.
Toggle Light / Dark Theme

Toggle Light / Dark Theme

panzerstadt

|
5,632 installs
| (4) | Free
adds a dark/light mode toggle on your view container. useful with markdown previews
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

light-dark-toggle README

light / dark theme toggle that lives on the top right corner of your editor.

preview

As a Dark theme user, I had a pet peeve where previewing markdown files had to be in Light Theme, otherwise the colors don't match the places where they were seen (e.g. websites that preview markdown like Github, or VSCode Marketplace)

That, and plus copy pasting from markdown preview to a WYSIWYG editor like Jira also copies their color and background color! the horror!

how to use

click on toggle. rejoice. click on toggle again. rejoice once more.

how to customize

set your Preferred Dark Color Theme and Preferred Light Color Theme under your user settings and away we go!

how to setup for your color themes

  1. User Settings: Ctrl + Shift + P
  2. Type color theme in your searchbar
  3. pick your preffered light and dark themes.

Attributions

Icons made by Pixel perfect from www.flaticon.com

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft