Luminora

Soft Pastel Dual Theme for Visual Studio Code

A carefully crafted Visual Studio Code theme designed for readability, accessibility, and a calm coding experience. Luminora provides two visually consistent themes that preserve the same syntax color language across Light and Dark modes.

Features • Screenshots • Installation • Development • Contributing

Overview

Luminora is a dual-variant Visual Studio Code theme built around a soft pastel color palette that balances aesthetics with accessibility.

Rather than treating Light and Dark as separate themes, Luminora maintains a consistent semantic color language across both variants. Strings remain the same color. Keywords retain their identity. Types, functions, variables, and comments are recognizable regardless of which mode you use.

Every UI element has been designed to create a cohesive editing experience while meeting WCAG AA accessibility guidelines.

Features

• Dual Theme Support

  • Luminora Light
  • Luminora Dark

• Consistent semantic syntax highlighting

• WCAG AA compliant contrast ratios

• Complete workbench theming

• Carefully balanced pastel palette

• Optimized for long coding sessions

• Low visual noise

• Semantic token support

• Git decorations

• Integrated terminal styling

• Markdown optimized

• Multi-language syntax highlighting

Side-by-Side Comparison

Light	Dark

Color Palette

Syntax Highlighting

Luminora provides carefully tuned syntax highlighting for:

• JavaScript
• TypeScript
• React
• JSX
• TSX
• Python
• HTML
• CSS
• SCSS
• JSON
• Markdown
• YAML
• C
• C++
• Java
• Go
• Rust
• PHP
• SQL
• Shell
• XML

Semantic highlighting includes:

• Classes
• Interfaces
• Enums
• Functions
• Methods
• Properties
• Variables
• Parameters
• Constants
• Keywords
• Operators
• Strings
• Numbers
• Comments

Workbench Coverage

The theme styles the complete Visual Studio Code interface, including:

• Editor
• Explorer
• Activity Bar
• Side Bar
• Title Bar
• Status Bar
• Tabs
• Breadcrumbs
• Panel
• Terminal
• Debug Console
• Notification Center
• Peek View
• Search
• Source Control
• Command Palette
• Quick Pick
• Scrollbars
• Minimap
• Git Decorations

Accessibility

Accessibility is one of Luminora's primary design goals.

The theme has been built to satisfy WCAG AA guidelines wherever possible.

Design principles include:

• Minimum 4.5:1 text contrast
• Comfortable comment visibility
• Reduced visual fatigue
• Balanced saturation
• Consistent semantic colors
• Distinct syntax categories
• Clear editor focus states

If you notice any accessibility issue, please open an issue with a screenshot and reproduction steps.

Installation

From Visual Studio Marketplace

1. Open Visual Studio Code.

2. Open the Extensions view.

3. Search for Luminora.

4. Click Install.

5. Select either:

   • Luminora Light
   • Luminora Dark

Install from VSIX

1. Download the latest release.
2. Open Command Palette.

Extensions: Install from VSIX...

3. Select the downloaded .vsix file.
4. Restart Visual Studio Code.
5. Choose your preferred Luminora theme.

Development

Clone the repository

git clone https://github.com/unkown812/luminora-theme.git

Open the project

code luminora-theme

Launch the Extension Development Host

F5

Inspect editor tokens

Developer: Inspect Editor Tokens and Scopes

Repository Structure

.
├── themes/
│   ├── luminora-light-color-theme.json
│   └── luminora-dark-color-theme.json
├── images/
├── assets/
├── package.json
├── LICENSE
└── README.md

Roadmap

• Publish on Visual Studio Marketplace
• Improve Markdown syntax colors
• Additional language-specific refinements
• Theme preview GIF
• Custom file icon theme
• Optional italic comments
• Optional high-contrast edition
• Additional pastel variants

Contributing

Contributions are welcome.

If you have ideas, improvements, or bug reports:

1. Fork the repository.
2. Create a feature branch.
3. Make your changes.
4. Submit a Pull Request.

Please include screenshots for visual changes whenever possible.

Reporting Issues

When reporting an issue, please include:

• Operating System
• VS Code version
• Theme variant
• Language being edited
• Screenshot
• Steps to reproduce

License

This project is licensed under the MIT License.

See the LICENSE file for more information.

Acknowledgements

Luminora is inspired by modern editor themes while prioritizing:

• Accessibility
• Consistency
• Readability
• Long-term comfort
• Professional color design

Luminora

Soft Pastel Themes for Visual Studio Code

Designed for developers who value clarity, accessibility, and consistency.

Light Theme

Dark Theme

© Jay Jogane ⁕ Luminora Theme