Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Altered MatterNew to Visual Studio Code? Get it now.
Altered Matter

Altered Matter

techwithcarlos

|
2,007 installs
| (1) | Free
One Dark Theme with 5 variants, optimized for JavaScript, Rust, Go, TypeScript, React, Node.js and Python with the same and best possible color support!
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Altered Matter

🚀 Altered Matter - Dark Theme 🚀

No modification needed, set and go!

Choose your Template Color:

Without change the core Theme + Flat Option

🔵 Blue | 🟢 Green | 🔴 Coral | 🟣 Pink | 🦉 Dopamin Owl


🔥 Update:

  • New theme update! A bonus theme for the dopamine addicts among us, with improved syntax highlighting, better contrast, and a dark environment. Inspired by Sarah Drasner's Night Owl Theme.
    • Neues Theme-Update! Ein Bonus-Theme für die Dopaminabhängigen unter uns, mit besserem Syntax-Highlighting, besserem Kontrast und dunkler Umgebung. Inspiriert von Sarah Drasners Night Owl Theme.

🖥 Installation:

  • Open Extensions sidebar panel in VS Code. View → Extensions.
    • Öffne Erweiterungen in der Seitenleiste im VS Code oder unter dem Menüpunkt Anzeige → Erweiterungen.
  • Search for Altered Matter.
    • Suche nach Altered Matter.
  • Click Install to install it.
    • Klicke auf installieren.
  • Code → Preferences → Color Theme → Altered Matter or sidebar → panel → settings icon → Color Theme.
    • Code → Einstellungen → Farbschema → Altered Matter. Oder im VS Code auf der Seitenleiste unten auf das Zahnrad → Farbdesign.
  • Optional: Use the recommended settings below for the best experience.
    • Optional: Benutze die von mir empfohlenen Einstellungen, siehe unten, um das best mögliche Ergebnis zu erzielen.

🧑‍💻 Usage:

Select the Theme and happy coding! / Farbschema auswählen und happy coding!



Altered Matter Default:

Altered Matter

Node.js:

Altered Matter

.env:

Altered Matter

GO:

Altered Matter

Rust:

Altered Matter

JavaScript:

Altered Matter

Python:

Altered Matter

React:

Altered Matter

TypeScript:

Altered Matter

CSS:

Altered Matter

SCSS:

Altered Matter



🚀 Recommended Settings: / Empfohlene Einstellungen:

{
  "workbench.colorTheme": "Dark Matter",
  "editor.fontFamily": "Fira Code, Menlo, Monaco",
  "editor.fontSize": 16,
  "editor.lineHeight": 25,
  "editor.letterSpacing": 0.2,
  "files.trimTrailingWhitespace": true,
  "editor.fontWeight": "400",
  "editor.cursorWidth": 2,
  "editor.cursorBlinking": "smooth",
  "editor.renderWhitespace": "none",
}

Thanks: / Danke an:

🌹 A special Thank You to my wife for her awesome support!

🌹 Ein Besonderer Dank an meine liebe Frau für ihre Unterstüzung!



Created by Carlos from: Tech with Carlos

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