A dark theme reimagined for Visual Studio Code, merging the elegance of deep sapphire with cool tones and soft contrast. Designed to provide a comfortable and visually pleasing coding experience.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
A dark theme reimagined for Visual Studio Code, merging the elegance of deep sapphire gems with cool tones and professional contrast. Designed to provide a comfortable and visually stunning coding experience.
📸 Screenshots
✨ Key Features
Sapphire Aesthetic: A premium dark color scheme dominated by deep blues (#2E7EFF) and cool navy tones.
Reduced Eye Strain: Carefully selected background-to-foreground contrast that avoids harsh whites, using soft ice-blue text (#E8F4FF).
Vibrant Syntax: High-distinction highlighting with electric purples for keywords, teal for attributes, and sapphire blue for component tags.
Component-aware Highlighting: Vue/React component tags (<MyComponent>) stand out in bright sapphire blue, clearly separated from HTML attributes in soft teal.
Polished UI: Every element from the activity bar to the terminal, symbol icons, command center, breadcrumbs, and menus has been themed to maintain a consistent gemstone feel.
Semantic Highlighting: Fine-tuned TextMate scopes for Vue, React, PHP, Python, and more.
🎨 Color Palette Reference
Element
Description
Hex Code
Primary Background
Midnight Navy
#101017
Foreground Text
Soft Ice Blue
#E8F4FF
Primary Accent
Sapphire Blue
#2E7EFF
Selection
Deep Ocean Blue
#0C224B8D
Comments
Slate Gray
#7A8FA9
Keywords
Electric Lavender
#8385FF
Strings
Mint Green
#76D8BB
Functions
Sky Blue
#7FD0FF
Types / Classes
Magenta
#EB56DEEA
Component Tags
Bright Sapphire
#18A8FF
HTML Attributes
Soft Teal
#48C4D8
Constants
Warm Amber
#FFB81FEA
Variables
Ice Blue
#8FBFFFF6
🚀 Installation
Open Visual Studio Code.
Go to the Extensions view (Ctrl+Shift+X or Cmd+Shift+X).
Search for Elegant Sapphire (published by DanielHdez22).
Click Install.
Once installed, go to File > Preferences > Theme > Color Theme and select Elegant Sapphire.
📦 Extension Details
Extension Name:elegant-sapphire
Author: Daniel Hdez
Publisher: DanielHdez22
Version: 1.1.0
License: MIT
📝 Contribution and Support
If you find a bug, a color combination that could be improved, or have suggestions:
