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

Sapphire Theme

Daniel Imms

growingwiththeweb.com
|
61,498 installs
| (8) | Free
Sapphire is a vibrant blue theme for Visual Studio Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Sapphire is a vibrant blue theme for Visual Studio Code, created with the help of vscode-theme-generator.

This theme customizes colors in the editor, workbench and integrated terminal.

Visual Studio Code Sapphire theme preview

Semantic colors

Colors in Sapphire have strong meaning.

  • Base color is light blue
  • Keywords and operators are blue
  • Classes, functions and member variables are teal
  • Function calls are yellow
  • Types are green
  • Strings are red
  • Numbers are orange

If you see any inconsistencies with the colors please report them to the GitHub repo.

Selection

Sapphire attempts to make selections more clear by giving them distinct colors which stack upon each other nicely.

Word highlight is used when the cursor is places over a word/symbol that the language extension recognizes, all other occurrences of the symbol are also highlighted. It's colored using a transparent white.

Word highlight

Selection highlight is blue. Other occurrences of the selection text are also highlighted with a slightly brighter blue.

Selection highlight

Find highlight is used for all matches of find in file (ctrl/cmd+f) and find in files (ctrl/cmd+shift+f). It's colored in red with the active find selection bring brighter than the others and also having a background highlight.

Find highlight

Dim and Bright Variants

The theme also includes a dim and a bright variant.

Visual Studio Code Sapphire (Bright) theme preview Visual Studio Code Sapphire (Dim) theme preview

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft