VS Code Snow-Blue & Christmas Themes

Snow-Blue is a calm, low-glare dark theme ("Snow Throne" style) built for long coding sessions with extra focus on HTML, CSS, and JavaScript readability.

Now includes festive Christmas themes with rich, warm colors perfect for the holiday season! 🎄

Available Themes

🌨️ Vscode Snow Blue (Original)

A calm, snowy dark theme — easy on the eyes while keeping structure clear. Perfect for long coding sessions.

☀️ Christmas Day (New!)

A warm, festive light theme featuring traditional Christmas colors:

• Cinnabar Red (#EA4630)
• Firebrick (#BB2528)
• Christmas Green (#146B3A)
• Golden Yellow (#F8B229)
• Floral Purple (#AF7AFF)

Optimized for daytime coding with excellent contrast and readability.

🌙 Christmas Night (New!)

A cozy dark theme with the same festive Christmas palette, optimized for nighttime coding sessions. Features brighter accents that pop against the dark background while remaining comfortable on the eyes.

Install

Install from VS Code Marketplace (recommended)

1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
3. Search for: Vscode Snow-Blue
4. Click Install

You can also view the Marketplace page here:
Snow-Blue on the Visual Studio Marketplace

Activate a Theme

1. Open the Command Palette:
   • Ctrl+Shift+P / Cmd+Shift+P
2. Type: Preferences: Color Theme
3. Select your preferred theme:
   • Vscode Snow Blue (original dark)
   • Christmas Day (festive light)
   • Christmas Night (festive dark)

Quick Switch: Ctrl+K Ctrl+T / Cmd+K Cmd+T

What's Optimized

HTML readability

• Tag names stand out clearly
• Attribute names (ex: charset, class) are muted
• Attribute values (ex: "UTF-8") stay readable
• class="..." values are visible but not screaming

CSS readability

Clear scanning pattern: selector → property → value

JavaScript readability

• Built-in APIs vs your custom functions are easier to separate
• Function names / method calls / object properties have a clean hierarchy
• Long sessions feel less "glare heavy"

Features

• Three distinct themes for different moods and times of day
• Soft backgrounds (not pure black or white)
• Reduced eye strain for long sessions
• Calm contrast for web development work (HTML/CSS/JS)
• Clean Markdown styling for notes and learning
• Festive Christmas themes with traditional holiday colors

Color Palettes

Snow-Blue (Original)

Snow-Blue uses a neutral ramp inspired by cold stone and snow:

--bright-snow: #f8f9fa;
--platinum: #e9ecef;
--alabaster: #dee2e6;
--pale-slate: #ced4da;
--slate: #6c757d;
--iron: [#495057](https://github.com/Douglas-James/vscode-snow-blue/issues/495057);
--gunmetal: #343a40;
--carbon-black: [#212529](https://github.com/Douglas-James/vscode-snow-blue/issues/212529);

Christmas Themes

Both Christmas themes feature a festive palette:

/* Christmas Color Palette */
--Cinnabar: #ea4630;
--Firebrick: #bb2528;
--Orange-Yellow: #f8b229;
--Dark-Spring-Green: #146b3a;
--Cal-Poly-Pomona-Green: #165b33;
--Sunset-Orange: #ff6058;
--White: #ffffff;
--Chinese-Yellow: #ffae00;
--Floral-Lavender: #af7aff;

Snow-Blue (Original Dark Theme)

Your existing screenshot here

Christmas Day (Light Theme)

Add screenshot of light theme here

Christmas Night (Dark Theme)

Add screenshot of dark theme here

Changelog

v1.2.0

• ✨ Added Christmas Day light theme
• ✨ Added Christmas Night dark theme
• 🎨 Introduced festive Christmas color palette
• 📝 Updated documentation

v1.1.1

• Initial release of Snow-Blue theme
• Optimized for HTML, CSS, and JavaScript

Enjoy coding with Snow-Blue! 🌨️ Happy holidays! 🎄