Lego Theme: Add Color to VSCode

I created this Lego-inspired VSCode theme for fun, imagining each color as a different Lego brick snapping into place as I code. The yellow and red make it appear you're seeing multiple errors though, it might not be for everyone.

Lego Theme for VSCode

How to Install

  1. Download the .vsix file
  2. Open VS Code
  3. Open the Command Palette:
    • Windows: Ctrl+Shift+P
    • Mac: Cmd+Shift+P
  4. Type "vsix" and select "Extensions: Install from VSIX"
  5. Choose the downloaded .vsix file and click "Install"
  6. Open the Color Theme picker:
    • Windows: Ctrl+K Ctrl+T
    • Mac: Cmd+K Cmd+T
  7. Select "Lego Theme" from the list
  8. Restart VS Code to apply changes

Tip: If you don’t see the theme immediately, try refreshing your extensions by reloading the window (Command Palette > “Reload Window”).

Colors of the Lego Theme

Lego makes movies and games of everything, now there's a VSCode theme too. Here's a breakdown of the color scheme:

  • Variables are bright red
  • Variable parameters and arguments are bright orange
  • Keywords and storage types are bright purple
  • Numeric constants are bright teal
  • Language constants are bright yellow
  • Class names are bright pink
  • Function names are bright blue
  • Strings are lime green
  • Operators and punctuation are bright cyan
  • Comments are light gray
  • String punctuation is bright orange
  • Object literal keys are light cyan
  • HTML tags are gold
  • Braces are coral