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

Blue Eyes Theme

Blue Eyes

|
5 installs
| (0) | Free
A calm, dark VS Code theme designed for focused coding and comfortable long sessions.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Blue Eyes

A calm, dark VS Code theme designed for focused coding and comfortable long sessions.

Blue Eyes is built around a deep black/navy interface with carefully balanced syntax colors. The goal is simple: keep the editor visually beautiful without making the code noisy or tiring to read.

✨ Features

  • Deep black and navy editor background
  • Soft white variables and normal code
  • Premium blue functions and methods
  • Refined blue types and interfaces
  • Subtle violet keywords
  • Soft green strings
  • Warm class and enum colors
  • Orange/amber numbers and constants
  • Cyan operators and interpolation
  • Muted comments for reduced visual noise
  • Semantic token highlighting
  • Carefully balanced editor and UI colors
  • Designed for long coding sessions

📸 Screenshots

TypeScript / Backend

Blue Eyes - TypeScript Backend

Next.js / React

Blue Eyes - Next.js

Full VS Code Experience

Blue Eyes - Full UI

Extension Configuration

Blue Eyes - package.json

🎨 Color Philosophy

Blue Eyes follows a simple visual hierarchy:

Code Element Color
Variables Soft White
Functions / Methods Blue
Types / Interfaces Refined Blue
Keywords Violet
Classes Warm Champagne
Strings Soft Green
Numbers Orange
Operators Cyan
Properties Teal
Parameters Soft Red
Comments Muted Blue-Gray

Blue is intentionally used as an accent rather than covering the entire editor.

💻 Recommended For

Blue Eyes works especially well for:

  • TypeScript
  • JavaScript
  • React / TSX
  • Node.js
  • HTML
  • CSS
  • JSON
  • Markdown
  • SQL
  • Backend development

📦 Installation

From VS Code Marketplace

Search for:

Blue Eyes

Install from VSIX

  1. Download the .vsix package.
  2. Open VS Code.
  3. Open the Extensions panel.
  4. Select ....
  5. Choose Install from VSIX...
  6. Select the Blue Eyes .vsix file.
  7. Activate the theme.

🎯 Activating Blue Eyes

Open the Command Palette:

Ctrl + Shift + P
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft