Baby Blue Breeze

A light theme for Visual Studio Code with soft baby blue colors and clear navy text.

The editor and terminal share a pale blue background. The sidebar and tabs use a stronger baby blue. Code colors help you tell keywords, functions, strings, and numbers apart.

v1.0.5 refines code colors and diff/merge decorations while keeping a consistent light editor and terminal.

Preview

Real VS Code screenshots of v1.0.5.

TypeScript

Python

HTML and CSS

Breeze Terminal

Git diff

Merge conflicts

Install

Visual Studio Marketplace

After the Marketplace listing is published:

1. Open Extensions with Ctrl+Shift+X.
2. Search for Baby Blue Breeze, or the exact ID baby-blue-studio.baby-blue-breeze.
3. Select Install.
4. Press Ctrl+K, then Ctrl+T, and select Baby Blue Breeze.

Install from VSIX

For v1.0.5, choose the prepared baby-blue-breeze-1.0.5.vsix with Extensions: Install from VSIX.... The GitHub download below is the previous v1.0.4 release.

1. Download baby-blue-breeze-1.0.4.vsix from the v1.0.4 release, or directly from this repository.
2. Open VS Code and press Ctrl+Shift+P.
3. Select Extensions: Install from VSIX... and choose the downloaded file.
4. Press Ctrl+K, then Ctrl+T, and select Baby Blue Breeze.

If VS Code asks you to reload the window, select Reload Window.

Colors

TextMate and semantic token foregrounds are checked for at least 4.5:1 contrast on the editor, current line, selection, search, and individual diff backgrounds. Transparent backgrounds are composited over the editor background before checking. Overlapping decorations and extension-specific token scopes still need visual review.

Features

• Consistent light colors for the editor, sidebar, tabs, menus, and terminal.
• A complete 16-color ANSI palette with distinct normal and bright variants, a teal cursor, and readable active/inactive selections.
• Transparent cream terminal search highlights and a clear active border, plus matching command success/error markers.
• Stronger sidebar and badge contrast, and cream yellow editor search results with a subtle active border.
• Different colors for common code elements.
• Clear keyboard focus and autocomplete selection, with readable type and parameter inlay hints.
• Git gutter markers and a distinct blue status bar while debugging.
• Support for TextMate and semantic highlighting. These are two ways VS Code adds colors to code.
• No extra runtime packages are needed.

Code colors may vary by language and by the language extensions you use.

All 16 ANSI foregrounds and the terminal's default text are checked for at least 4.5:1 contrast on the terminal background and individual selection, search, and link-hover backgrounds. ANSI white and bright white intentionally use blue-gray so output using colors 37 and 97 stays readable on the light background. Programs using custom true-color output, dim text, or explicit background colors can override this palette and still need visual review.

Optional terminal settings and prompt

The light terminal works as soon as you select the theme. For a roomier terminal and a thin blinking cursor, you can add these optional settings to your VS Code user settings:

{
  "terminal.integrated.fontSize": 14,
  "terminal.integrated.lineHeight": 1.15,
  "terminal.integrated.cursorStyle": "line",
  "terminal.integrated.cursorBlinking": true
}

These are personal settings; the theme does not change them.

Open Breeze Terminal

Press Ctrl+Shift+P and run Baby Blue Breeze: Open Breeze Terminal. It opens a new PowerShell terminal with a whale icon, a short folder name, and the current Git branch:

🐳 vscode-theme…blue-breeze  git:main ❯

You can also select Breeze PowerShell from the terminal profile dropdown. To use it for future terminals, run Terminal: Select Default Profile and choose Breeze PowerShell. The extension does not change your default automatically.

The default prompt uses one line. Long folder names are shortened in the middle, preserving Unicode characters. To customize new terminals, set babyBlueBreeze.terminal.promptLayout to compact or multiline, and babyBlueBreeze.terminal.maxFolderLength to a character limit (default 24; 0 keeps the full name).

PowerShell 7 is preferred; on Windows the built-in Windows PowerShell is used if PowerShell 7 is unavailable. On macOS/Linux, install PowerShell 7 first. In remote workspaces, PowerShell must be installed on the remote host. Git information is shown when Git is available and the folder belongs to a repository; detached checkouts show git:HEAD. Repeated empty prompts reuse a two-second Git cache. A new command or directory refreshes it, and changes from outside the terminal become visible after the cache expires. Git processes have a 200 ms wait limit; slow lookups may omit the branch.

The prompt only affects this new terminal session. No PowerShell profile files are edited and no extra prompt package is installed. Existing terminals keep their original prompt. Emoji appearance depends on your terminal font.

When terminal.integrated.shellIntegration.enabled is on, Breeze attempts to load VS Code's bundled PowerShell integration after defining its prompt. This supports command detection and navigation without replacing the Breeze prompt. If the script is unavailable or your PowerShell policy prevents it from loading, the terminal keeps the basic prompt. Breeze does not change execution policies. PowerShell 7 is recommended for shell integration.

See CHANGELOG.md for release notes. Terminal and search colors follow the VS Code theme color reference; the extension icon is configured through the extension manifest.

Make changes

Edit themes/baby-blue-breeze-color-theme.json to change the colors.

To validate and build a new VSIX file, install Node.js 22 or later and run:

npm run package

To preview your changes, open the theme folder in VS Code and press F5. A test window will open. Select Baby Blue Breeze in that window.

The examples include TypeScript, Python, HTML/CSS, React/TSX, JSON, and Markdown. Follow the visual checklist there. Run npm test for the dependency-free contrast checks; the same checks run on GitHub pushes and pull requests. Development examples and validation scripts are excluded from the installed extension.

Learn more in the VS Code color theme guide.

License

MIT. See LICENSE for details.