Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>SonoraNew to Visual Studio Code? Get it now.
Sonora

Sonora

martinlatrille

|
5 installs
| (0) | Free
A modern, dark color scheme with calming tones.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

📡

Sonora for VSCode

A modern, dark color scheme with calming tones.
Inspired by space and waves.

About

Sonora is a carefully crafted color scheme for Visual Studio Code inspire by space and waves. Designed for extended coding sessions, Sonora offers a soothing visual experience that reduces eye strain while maintaining excellent code readability.

Variants

Deep Signal

The darkest variant in the Sonora family, perfect for late-night coding sessions. Deep Signal comes in three distinct flavors:

📡 Deep Signal (Default)

The standard Deep Signal theme with balanced, calming colors.

🌊 Deep Signal (Faded)

Accent colors are more faded and pastel, creating an even softer visual experience.

⚡ Deep Signal (Vibrant)

Accent colors are darker and more vibrant, providing stronger visual contrast.

Tides

A lighter dark variant that maintains the calming aesthetic while offering a brighter workspace. Still in active development.

🌊 Tides

A less dark scheme that brings the ocean's gentle rhythm to your editor.

Usage

Installation

Install the extension from a Marketplace:

  • Visual Studio Marketplace
  • Open-VSX

Manual Installation

Download the VSIX from the latest GitHub release. Open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P) and select "Extensions: Install from VSIX...", then open the file you just downloaded.

Activating the Theme

  1. Open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P)
  2. Type "Preferences: Color Theme"
  3. Select one of the Sonora variants:
    • Sonora Deep Signal
    • Sonora Deep Signal (vibrant)
    • Sonora Deep Signal (faded)
    • Sonora Tides

Recommended Settings

For the best experience with Sonora, we recommend the following settings in your settings.json:

{
  // Enable semantic highlighting for better syntax colors
  "editor.semanticHighlighting.enabled": true,
  // Prevent VSCode from modifying the terminal colors
  "terminal.integrated.minimumContrastRatio": 1,
  // Make the window's titlebar use the workbench colors
  "window.titleBarStyle": "custom",
}

Support

If you have any questions, suggestions, or encounter issues, please feel free to:

  • Open an issue on GitHub
  • Contribute improvements via pull requests

Development

  1. Clone and open this repository in VSCode.
  2. Install dependencies (if any).
  3. Make modifications to the theme JSON files in ./themes/.
  4. Test your changes by reloading the extension or using the extension development host.

License

See LICENSE.md for more information.


Copyright © 2024-present martinlatrille

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