Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Presentation ModeNew to Visual Studio Code? Get it now.
Presentation Mode

Presentation Mode

CS50

|
921,696 installs
| (1) | Free
Bring Presentation Mode to VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Presentation Mode

Bring presentation mode to VS Code.

Keyboard Shortcut

Ctrl+Alt+P

Workspace Settings

Workspace customizations to take effect when presentation mode is on:

"presentation-mode.active": {
    "commands": [
        "workbench.action.closeSidebar"
    ],
    "editor.fontSize": 16,
    "editor.matchBrackets": "never",
    "editor.minimap.enabled": false,
    "editor.scrollbar.verticalScrollbarSize": 0,
    "workbench.activityBar.visible": false,
    "workbench.statusBar.visible": false,
    "workbench.colorTheme": "GitHub Dark Default",
    "workbench.colorCustomizations": {
        "[GitHub Dark Default]": {
            "activityBar.background": "#000",
            "editor.background": "#000",
            "editor.lineHighlightBackground": "#0000",
            "editor.lineHighlightBorder": "#0000",
            "editorWhitespace.foreground": "#59A5FC",
            "panel.background": "#000",
            "sideBar.background": "#000",
            "terminal.background": "#000"
        },
        "[GitHub Light Default]": {
            "activityBar.background": "#fff",
            "editor.background": "#fff",
            "editor.lineHighlightBackground": "#fff0",
            "editor.lineHighlightBorder": "#fff0",
            "editorWhitespace.foreground": "#1167D7",
            "panel.background": "#fff",
            "sideBar.background": "#fff",
            "terminal.background": "#fff"
        }
    },
    "window.zoomLevel": 2
}

Workspace Commands

Workspace commands to execute when presentation mode is off:

"presentation-mode.inactive": {
    "commands": [
        "workbench.action.focusSideBar"
    ]
}

This is useful and necessary because some workspace UI states/behaviors can not be easily monitored and controlled via workspace settings. Specifying commands to be executed when presentation mode is toggled ensures the workspace layout is deterministically restored.

Package Extension and Install (dev only)

If the command-line tool Visual Studio Code Extensions is not installed, run this command to install vsce globally:

npm install -g vsce

Install all npm dependencies, package extension, and install:

npm install
vsce package
code --install-extension presentation-mode-0.0.1.vsix
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft