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

LASER Brand Theme

laser

|
9 installs
| (0) | Free
Tema dark para VS Code inspirado na identidade visual da LASER, com Lexend e Space Mono como referência.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

LASER Brand Theme

A dark theme for Visual Studio Code inspired by the visual identity of LASER — Liga Acadêmica de Sistemas Embarcados.

The theme was designed to bring a clean, technical and high-contrast coding environment, using the LASER-inspired color palette with dark graphite backgrounds, warm orange/yellow highlights, red accents and deep blue details.

It was created to reflect the visual and technical identity of LASER inside the development environment.

Preview

LASER Brand Theme Preview

Color Identity

The theme is based on a visual palette that combines contrast, readability and the LASER brand style:

Color Hex Usage
Black #000000 Activity bar, terminal background and strong contrast areas
Graphite #111111 / #1E1E1E Editor, panels and interface background
Deep Blue #003049 Selections, status bar and focus details
Red #D62828 Errors, badges and important highlights
Orange #FF7A00 Cursor, active borders and control keywords
Amber #FFB23F Strings, highlights and active elements
Cream #F4EBC1 Main text and soft contrast
White #FFFFFF Strong foreground and selected text

Typography Recommendation

This theme was visually inspired by LASER materials that use Lexend and Space Mono as reference fonts.

VS Code themes cannot automatically change the editor font, but you can manually set the recommended font in your settings.json.

Recommended usage:

  • Space Mono for code and terminal.
  • Lexend for LASER presentations, documentation and visual materials.

Installation

From VS Code Marketplace

  1. Open Visual Studio Code.
  2. Go to the Extensions tab.
  3. Search for LASER Brand Theme.
  4. Click Install.
  5. Open the Command Palette with Ctrl + Shift + P.
  6. Search for Preferences: Color Theme.
  7. Select LASER Brand Dark.

From VSIX

If you have the .vsix file:

  1. Open Visual Studio Code.
  2. Go to the Extensions tab.
  3. Click the three-dot menu.
  4. Select Install from VSIX....
  5. Choose the .vsix file.
  6. Select the theme using Preferences: Color Theme.

Or install through the terminal:

code --install-extension laser-palette-theme-0.0.3.vsix

How to Open and Edit settings.json

Some visual adjustments, such as the recommended font, cursor behavior and bracket guides, need to be configured manually in VS Code through the settings.json file.

Opening settings.json

You can open it in two ways.

Option 1: Using the Command Palette

  1. Press Ctrl + Shift + P.
  2. Search for:
Preferences: Open User Settings (JSON)
  1. Press Enter.

This will open your personal VS Code settings.json file.

Option 2: Through the Settings UI

  1. Press Ctrl + ,.
  2. Click the icon in the top-right corner that looks like a file with an arrow.
  3. This opens settings.json.

Recommended Settings

For a more faithful LASER visual experience, add this to your VS Code settings.json:

{
  "workbench.colorTheme": "LASER Brand Dark",
  "editor.fontFamily": "'Space Mono', Consolas, 'Courier New', monospace",
  "editor.fontLigatures": false,
  "editor.cursorBlinking": "smooth",
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,
  "window.titleBarStyle": "custom"
}

If Your settings.json Already Has Content

If your file already has settings, do not paste another full pair of { } inside it.

For example, if your file looks like this:

{
  "editor.wordWrap": "on"
}

Add the LASER settings inside the same object, separated by commas:

{
  "editor.wordWrap": "on",
  "workbench.colorTheme": "LASER Brand Dark",
  "editor.fontFamily": "'Space Mono', Consolas, 'Courier New', monospace",
  "editor.fontLigatures": false,
  "editor.cursorBlinking": "smooth",
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,
  "window.titleBarStyle": "custom"
}

Make sure every line, except the last one, ends with a comma. If VS Code shows a red underline, check for missing or extra commas.

About LASER

LASER — Liga Acadêmica de Sistemas Embarcados is an academic league focused on embedded systems, robotics, firmware development, electronics, IoT and applied engineering projects.

The league brings together students interested in building practical solutions, developing technical skills and contributing to projects involving hardware, software and intelligent systems.

Contributing

Suggestions, improvements and adjustments are welcome.

If you are part of LASER and want to improve the theme, you can contribute with:

  • better syntax colors;
  • UI adjustments;
  • documentation improvements;
  • screenshots and visual assets;
  • support for additional LASER theme variants.

License

This project is distributed under the MIT License.

Author

Developed by members of LASER — Liga Acadêmica de Sistemas Embarcados.

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