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

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
- Open Visual Studio Code.
- Go to the Extensions tab.
- Search for
LASER Brand Theme.
- Click Install.
- Open the Command Palette with
Ctrl + Shift + P.
- Search for
Preferences: Color Theme.
- Select
LASER Brand Dark.
From VSIX
If you have the .vsix file:
- Open Visual Studio Code.
- Go to the Extensions tab.
- Click the three-dot menu.
- Select Install from VSIX....
- Choose the
.vsix file.
- 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
- Press
Ctrl + Shift + P.
- Search for:
Preferences: Open User Settings (JSON)
- Press
Enter.
This will open your personal VS Code settings.json file.
Option 2: Through the Settings UI
- Press
Ctrl + ,.
- Click the icon in the top-right corner that looks like a file with an arrow.
- 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.