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

Solaria Theme

ovcharovcoder

|
79 installs
| (0) | Free
A soft theme for VS Code with calm color palettes inspired by Nord and Tailwind — perfect for day and night coding.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Solaria Theme

VS Code Marketplace GitHub Stars License

Solaria Theme Banner

Solaria Theme is a minimalist and developer-friendly VS Code color theme pack featuring Solaria Light and Solaria Dark variants. Inspired by Nordic minimalism and the Tailwind CSS color palette, Solaria offers a harmonious balance of soft, eye-friendly colors and precise syntax highlighting. Whether coding during the day or night, Solaria ensures a comfortable and productive experience with clear differentiation of code elements.

🌅 The Story Behind Solaria Theme

Curious about why I created Solaria Theme? Check out the story behind its Nordic-inspired design and Tailwind CSS colors!

✨ Features

  • Dual Themes: Choose between Solaria Light (bright and airy) and Solaria Dark (deep and calming) to match your workflow.
  • Optimized Syntax Highlighting: Tailored for JavaScript, TypeScript, HTML, CSS/SCSS, PHP, Python, Java, C/C++, Ruby, JSX/TSX, and more.
  • Semantic Highlighting: Full support for modern language features, ensuring accurate coloring for variables, functions, and classes.
  • Tailwind CSS Support: Enhanced highlighting for utility classes, SCSS variables, and mixins.
  • Accessibility: Colors meet WCAG 2.1 contrast standards for readability and reduced eye strain.
  • Subtle UI Design: Clean and minimal UI elements for a distraction-free coding environment.

Solaria Light

Solaria Light Preview

Solaria Dark

Solaria Dark Preview

🛠 Installation

  1. Open the Extensions sidebar in VS Code (Ctrl+Shift+X or Cmd+Shift+X).
  2. Search for Solaria Theme and click Install.
  3. Press Ctrl+Shift+P (or Cmd+Shift+P), type Preferences: Color Theme, and select Solaria Light or Solaria Dark.
  4. Alternatively, download from the VS Code Marketplace or clone this repository and copy to your VS Code extensions folder.

📝 Changelog

See the CHANGELOG.md for details on updates and improvements.

Author

Created by Andriy Ovcharov

License

Released under the MIT License

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