Introducing: Sequoia Theme for VS Code - Black, elegant, modern and gentle theme for VS Code.
Tags: vscode, theme, design, webdev
Published: 2022-06-27 07:59:36

![monochrome](https://sequoiatheme.com/images/ogTwitter.png)

# Sequoia for VS Code.

# Official website
-  [Sequoia](https://sequoiatheme.com)

On the official website you will find guidelines, color refference, color pickers and soon a list of interefaces that Sequoia has been ported to.


# Installation

1. Open **Extensions** sidebar panel in VS Code. `View → Extensions`
2. Search for **`Sequoia`**
3. Click **Install** to install it.
4. Code > Preferences > Color Theme >
 **Sequoia Moonlight - Sequoia Foggy - Sequoia Monochrome**

The theme is available for editors, shells, UI's and more coming up. Checkout the website

## Available Options
- Sequoia Moonlight
- Sequoia Foggy
- Sequoia Monochrome

### EXAMPLES
You have three themes, Monochrome, Moonlight and Desaturated and here the screenshots:
### Moonlight
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/moonlight-screenshots/moonlight-cpp.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/moonlight-screenshots/moonlight-cs.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/moonlight-screenshots/moonlight-css.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/moonlight-screenshots/moonlight-html.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/moonlight-screenshots/moonlight-java.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/moonlight-screenshots/moonlight-js.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/moonlight-screenshots/moonlight-md.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/moonlight-screenshots/moonlight-py.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/moonlight-screenshots/moonlight-sh.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/moonlight-screenshots/moonlight-terminal.png?raw=true)

### Monochrome


![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/monochrome-screenshots/monochrome-cpp.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/monochrome-screenshots/monochrome-cs.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/monochrome-screenshots/monochrome-css.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/monochrome-screenshots/monochrome-html.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/monochrome-screenshots/monochrome-java.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/monochrome-screenshots/monochrome-js.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/monochrome-screenshots/monochrome-md.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/monochrome-screenshots/monochrome-py.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/monochrome-screenshots/monochrome-sh.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/monochrome-screenshots/monochrome-terminal.png?raw=true)

### Monochrome
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/desaturated-screenshots/desaturated-cpp.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/desaturated-screenshots/desaturated-cs.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/desaturated-screenshots/desaturated-css.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/desaturated-screenshots/desaturated-html.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/desaturated-screenshots/desaturated-java.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/desaturated-screenshots/desaturated-js.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/desaturated-screenshots/desaturated-md.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/desaturated-screenshots/desaturated-py.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/desaturated-screenshots/desaturated-sh.png?raw=true)
![VS Code Marketplace](https://github.com/Sequoia-Theme/vs-code/blob/main/desaturated-screenshots/desaturated-terminal.png?raw=true)
## Personal Settings.

```js
{

  "editor.fontFamily": "'IBM Plex Mono', monospace",
  "editor.fontSize": 18,
  "editor.lineHeight": 38,
  "editor.letterSpacing": 0.5,
  "files.trimTrailingWhitespace": true,
  "editor.fontWeight": "normal",
  "prettier.eslintIntegration": true,
  "editor.cursorStyle": "line",
  "editor.cursorWidth": 5,
  "editor.cursorBlinking": "phase",
  "editor.renderWhitespace": "all",
}
```

All themes use italics for certain language tokens by default.
To **disable** italics for all themes, add this snippet to your `settings.json`:
  - quotes and *italic* strings (like in markdown) will be unaffected and still be italic
  - if you want to exclude one of the themes from this change, simply remove its name (along with the brackets `[]`) at the top of the snippet

```jsonc
"editor.tokenColorCustomizations": {
  "[Sequoia Moonlight][Sequoia Foggy][Sequoia Monochrome]": {
    "textMateRules": [
      {
        "scope": [
          "comment",
          "variable",
          "variable.other.object.js",
          "variable.other.object.property",
          "variable.language",
          "punctuation.accessor",
          "markup.changed",
          "markup.deleted.diff",
          "markup.inserted.diff",
          "keyword",
          "keyword.operator.relational",
          "keyword.operator.comparison",
          "keyword.control.flow.js",
          "keyword.control.flow.ts",
          "keyword.control.flow.tsx",
          "keyword.control.ruby",
          "keyword.control.module.ruby",
          "keyword.control.class.ruby",
          "keyword.control.def.ruby",
          "keyword.control.loop.js",
          "keyword.control.loop.ts",
          "keyword.control.import.js",
          "keyword.control.import.ts",
          "keyword.control.import.tsx",
          "keyword.control.from.js",
          "keyword.control.from.ts",
          "keyword.control.from.tsx",
          "keyword.operator.instanceof.js",
          "keyword.operator.expression.instanceof.ts",
          "keyword.operator.expression.instanceof.tsx",
          "support.constant",
          "support.function",
          "entity.other.attribute-name",
          "entity.other.inherited-class",
          "entity.name.function",
          "entity.name.tag.doctype",
          "entity.name.function",
          "meta.directive.vue",
          "meta.diff.header.git",
          "meta.diff.header.from-file",
          "meta.diff.header.to-file",
          "meta.var.expr",
          "meta.delimiter.period",
          "meta.selector",
          "meta.tag.sgml.doctype",
          "meta.tag.sgml.doctype.html",
          "meta.class meta.method.declaration meta.var.expr storage.type.js",
          "storage",
          "storage.type.property.js",
          "storage.type.property.ts",
          "storage.type.property.tsx",
          "source.elixir .punctuation.binary.elixir",
          "source.go keyword.package.go",
          "source.go keyword.import.go",
          "source.go keyword.function.go",
          "source.go keyword.type.go",
          "source.go keyword.struct.go",
          "source.go keyword.interface.go",
          "source.go keyword.const.go",
          "source.go keyword.var.go",
          "source.go keyword.map.go",
          "source.go keyword.channel.go",
          "source.go keyword.control.go",
          "string.quoted.docstring.multi.python",
        ],
        "settings": {
          "fontStyle": ""
        },
      },
    ],
  },
},
```

Sequoia Theme created by [Micheal Andreuzza](https://github.com/michael-andreuzza).
[Twitter](https://twitter.com/Mike_Andreuzza)