Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Atom Material ThemeNew to Visual Studio Code? Get it now.

Atom Material Theme

Tobias Althoff

|
133,554 installs
| (9) | Free
Atom Material Theme - based on Atom-Material-Ui and Atom-Material-Syntax
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Atom Material Theme for Visual Studio Code

Version Rating Downloads

This Theme based on atom-material-ui and atom-material-syntax

Preview

Installation

  1. Open Extensions sidebar panel in VS Code. View → Extensions
  2. Search for Atom Material Theme
  3. Click Install to install it.
  4. Click Reload to reload the editor.
  5. File > Preferences > Color Theme > Atom Material Theme

Recommended Settings

{
  "editor.fontSize": 16,
  "editor.fontWeight": "400",
  "editor.lineHeight": 24,
  "editor.letterSpacing": 0.5
}

Screenshots

HTML

HTML-Preview

CSS

CSS-Preview

SASS

SASS-Preview

LESS

LESS-Preview

JavaScript

JavaScript-Preview

Coffeescript

Coffeescript-Preview

JSON

JSON-Preview

Markdown

Markdown-Preview

PHP

PHP-Preview

Python

Python-Preview

Java

Java-Preview

YAML

YAML-Preview

Contributing

If something don't look correct, please open an issue. I'll try to fix it.

Credits

  • UI: atom-material-ui
  • Syntax: atom-material-syntax
  • Screenshot-Code: Atom Language Examples
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2019 Microsoft