Minimal Blue

Minimal Blue, a VS Code theme. Your editor, minus every distraction.

A keyboard-friendly VS Code extension with a custom dark theme that hides unnecessary UI clutter, so only your code is left.

Install from Marketplace

Everything it changes.

The main changes, applied once on install. Your later edits are never overwritten.

SettingValueEffect
workbench.statusBar.visiblefalseHides the Status Bar for a minimal look
workbench.editor.showTabs"none"Hides editor tabs, showing only the active file
breadcrumbs.enabledfalseDisables breadcrumbs navigation at the top of the editor
window.commandCenterfalseDisables the Command Center in the title bar
workbench.sideBar.location"right"Moves the Sidebar to the right side of the window

All settings

SettingValueEffect
Theme and Appearance
workbench.colorTheme"Minimal Blue (Super Dark)"Sets the default theme to Minimal Blue (Super Dark)
workbench.iconTheme"material-icon-theme"Uses Material Icon Theme for icons
material-icon-theme.activeTheme"material"Configures Material Icon Theme to use the "material" variant
Workbench Layout
workbench.activityBar.location"bottom"Moves the Activity Bar to the bottom for a cleaner UI
workbench.sideBar.location"right"Moves the Sidebar to the right side of the window
workbench.statusBar.visiblefalseHides the Status Bar for a minimal look
workbench.editor.showTabs"none"Hides editor tabs, showing only the active file
workbench.welcomePage.hiddentrueHides the default VS Code welcome page
workbench.startupEditor"none"Disables the default startup editor (e.g., welcome page)
workbench.layoutControl.enabledfalseDisables the layout control buttons in the title bar
window.menuBarVisibility"toggle"Toggles the menu bar visibility (shows on Alt key press)
window.commandCenterfalseDisables the Command Center in the title bar
window.nativeFullScreentrueEnables native full-screen mode for the window
Editor Settings
editor.minimap.renderCharactersfalseDisables rendering characters in the minimap (shows blocks instead)
editor.minimap.scale1Sets the minimap scale to 1 (default size)
editor.minimap.autohidetrueAutomatically hides the minimap when not in use
editor.accessibilitySupport"off"Disables accessibility support for better performance
editor.emptySelectionClipboardfalsePrevents copying empty selections to the clipboard
editor.defaultFormatter"esbenp.prettier-vscode"Sets Prettier as the default formatter
editor.formatOnSavetrueAutomatically formats files on save using Prettier
[javascript]{ "editor.defaultFormatter": "esbenp.prettier-vscode" }Sets Prettier as the formatter for JavaScript files
[typescript]{ "editor.defaultFormatter": "esbenp.prettier-vscode" }Sets Prettier as the formatter for TypeScript files
[html]{ "editor.defaultFormatter": "esbenp.prettier-vscode" }Sets Prettier as the formatter for HTML files
editor.mouseWheelZoomtrueEnable zooming the editor font using the mouse wheel + Ctrl
editor.wordWrap"on"Enables word wrap for all files, so long lines automatically break to fit the editor width
Editor Scrollbar Settings
editor.scrollbar.horizontal"auto"Auto-hide horizontal scrollbar (appears only when scrolling)
editor.scrollbar.vertical"auto"Auto-hide vertical scrollbar (appears only when scrolling)
editor.scrollbar.verticalScrollbarSize8Sets vertical scrollbar thickness to 8 pixels (comfortable & visible)
editor.scrollbar.horizontalScrollbarSize8Sets horizontal scrollbar thickness to 8 pixels (comfortable & visible)
editor.scrollbar.scrollByPagefalsePrevents clicking the scrollbar from scrolling a full page
File and Explorer Settings
explorer.compactFoldersfalseDisables compact folder view in the Explorer (shows full folder structure)
explorer.confirmDeletefalseDisables the confirmation prompt when deleting files in the Explorer
explorer.decorations.badgesfalseHides badges (e.g., git status) in the Explorer
files.trimTrailingWhitespacetrueAutomatically trims trailing whitespace in files on save
files.trimFinalNewlinestrueEnsures files end with a single newline on save
workbench.list.openMode"singleClick"Ensure single-click opens files in the Explorer
explorer.sortOrder"type"Sort files by type (e.g., .js before .json)
Workbench Tree (File Explorer) Settings
workbench.tree.enableStickyScrollfalseDisables sticky scroll in the File Explorer tree
workbench.tree.renderIndentGuides"none"Hides indent guides in the File Explorer tree
workbench.tree.indent8Sets the indentation level in the File Explorer tree to 8 pixels
workbench.tips.enabledfalseDisable shortcut tips on the VS Code welcome/home page
workbench.editor.centeredLayoutAutoResizetrueAutomatically resize the centered layout to fit content
Breadcrumbs and Navigation
breadcrumbs.enabledfalseDisables breadcrumbs navigation at the top of the editor
Git Integration
git.decorations.enabledfalseDisables Git decorations (e.g., inline change indicators) in the editor
Diff and Chat Editor
diffEditor.wordWrap"on"Enables word wrapping in the diff editor
chat.editor.wordWrap"on"Enables word wrapping in the chat editor (e.g., for GitHub Copilot chat)
Window Management
window.customTitleBarVisibility"never"Hide the custom title bar (if set to native, uses the OS default)
Typography settings
editor.fontFamily"JetBrains Mono"Set the default font family for the editor
editor.suggestFontSize16Set the font size for code suggestions
editor.suggestLineHeight30Set the line height for code suggestions
terminal.integrated.lineHeight1.3Set the line height in the integrated terminal
terminal.integrated.fontSize14Set the font size in the integrated terminal
editor.fontLigaturesfalseDisables font ligatures for better readability

Two palettes.

extension.js
149function showWelcomePage(context, preserveFocus = true) {
150  if (welcomePanel) {
151    welcomePanel.reveal(vscode.ViewColumn.One);
152    return;
153  }
154
155  welcomePanel = vscode.window.createWebviewPanel(
156    "minimalBlueWelcome",
157    "Minimal Blue Welcome",
158    { enableScripts: true }
159  );
160  // shown when no editors are open
161}
Editor
#080810
Sidebar
#060609
Line highlight
#0F151E
Accent
#1E90FF

A quiet welcome page.

Shown when no editor is open, in the theme’s own colors.

Minimal Blue welcome page: a grid of language logos around the VS Code mark (Super Dark)Minimal Blue welcome page: a grid of language logos around the VS Code mark (Classic)

Install.

  1. Marketplace

    Search Minimal Blue in Extensions.

    Open Marketplace ↗
  2. Command line

The theme replaces the values of the settings it sets. Back up your settings.json first; the FAQ shows how.

FAQ

Does Minimal Blue change my VS Code settings?

Yes, once. On first install, and when you select a Minimal Blue theme, it applies a set of layout and editor settings: hidden status bar, tabs, breadcrumbs and command center, sidebar on the right, activity bar at the bottom. It does not overwrite your changes on later restarts.

How do I back up my settings before installing?

Minimal Blue writes to your user settings.json and replaces the value of any key it sets, so copy that file first. Open the command palette, run Preferences: Open User Settings (JSON), then save a copy of the file somewhere safe. Default locations: Windows %APPDATA%\Code\User\settings.json, macOS ~/Library/Application Support/Code/User/settings.json, Linux ~/.config/Code/User/settings.json. Insiders and VSCodium use a different folder name in the same place.

How do I go back to my original settings?

Close VS Code, replace settings.json with your backup, and reopen it. Uninstalling the extension does not undo the settings it applied, so restoring the backup is the way back. Without a backup, you can delete individual keys from settings.json, or change them one by one; the Settings section above lists the main ones. Then pick any other color theme from the command palette (Preferences: Color Theme).

How do I get the status bar or tabs back?

Change the setting in VS Code as usual, for example workbench.statusBar.visible or workbench.editor.showTabs. Minimal Blue will leave it alone. To reapply the defaults, run Minimal Blue: Force Apply Settings from the command palette.

What is the difference between Super Dark and Classic?

Same syntax colors and accent. Super Dark uses a near-black editor background (#080810). Classic uses a deep navy (#051726). Super Dark is the default.

Which VS Code versions are supported?

VS Code 1.75 or newer.

Does it include the JetBrains Mono font?

No. The extension sets the editor font to JetBrains Mono, so install the font on your system to see it. Without it, VS Code falls back to its default.

Is it free?

Yes. Minimal Blue is open source under the MIT license.