Sequoia for VS Code.

Sequoia is composed of a dark background with neutral gray tones for the editor and terminal areas, with subtle highlights in blue for active tabs and buttons, offering a comfortable and modern coding environment.

Official website

See other interfaces at the official website.

• Sequoia

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 Monochrome - Sequoia Retro

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

Available Options

• Sequoia Moonlight
• Sequoia Monochrome
• Sequoia Retro ( Only on VS Code)

EXAMPLES

You have three themes, Monochrome, Moonlight & Retro and here the screenshots:

Monochrome

Moonlight

Retro

Personal Settings.

{

  "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

"editor.tokenColorCustomizations": {
  "[Sequoia Moonlight][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 Michael Andreuzza. Twitter