Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Saraiva DarkNew to Visual Studio Code? Get it now.
Saraiva Dark

Saraiva Dark

Rui Saraiva

|
4,027 installs
| (3) | Free
A VS Code theme based on Base16 Ocean Dark color scheme.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Saraiva Dark

A VS Code theme based on Base16 Ocean Dark color scheme.

Preview Vue

Preview Vue

Preview React

Preview React

Installation

  1. Install Visual Studio Code
  2. Launch Visual Studio Code
  3. Choose Extensions from menu
  4. Search for saraiva-dark
  5. Click Install to install it
  6. From the menu bar click: Code > Preferences > Color Theme > Saraiva Dark

Preferences shown in the preview

The font in the preview image is Fira Code, available here. Editor settings to activate font ligatures:

"editor.fontFamily": "FiraCode-Light",
"editor.fontLigatures": true,

The preview image is using Bracket Pair Colorizer, a really cool extension that highlights matching brackets. This can help reduce unwanted errors.

I use this setting:

"bracketPairColorizer.forceIterationColorCycle": true,

Bracket

Enjoy!

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