1
0 Comments

Show IH: Sequoia Theme for VS Code - Black, elegant, modern and gentle theme for VS Code.

monochrome

Sequoia for VS Code.

Official website

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
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace

Monochrome

VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace

Monochrome

VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace
VS Code Marketplace

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 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.
Twitter

on June 27, 2022
Trending on Indie Hackers
This Week in AI: The Gap Is Getting Clearer User Avatar 45 comments 1 small portfolio change got me 10x more impressions User Avatar 28 comments AI Is Destroying the Traditional Music Business and Here’s Why. User Avatar 22 comments A Tiny Side Project That Just Crossed 100 Users β€” And Somehow Feels Even More Real Now User Avatar 13 comments From 1k to 12k visits: all it took was one move. User Avatar 11 comments Tell me what your business does, I’ll show you the growth loops you’re probably missing. User Avatar 10 comments