Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#191a1b
  • auxiliaryBar.background#191a1b
  • chat.requestBackground#2a2a2a
  • chat.requestBubbleBackground#2a2a2a
  • editor.background#1E1F22
  • editorGutter.background#191a1b
  • inlineChat.background#2a2a2a
  • inlineChat.input#2a2a2a
  • input.background#2a2a2a
  • input.border#2b2d30
  • panel.background#191a1b
  • sideBar.background#191a1b
  • titleBar.activeBackground#191a1b
  • titleBar.inactiveBackground#191a1b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
constant.character, constant.other#f69763—
—#e5e3ec—
variable.other.object.property.java#f69763—
variable.other.enummember#f69763—
variable.other.object.java#f7f2ff—
comment#68666b—
string#fce35b—
constant.numeric#96be78—
constant.language#96be78—
variable.language.this.java#fc618c—
variable.language.java#fc618c—
variable.other.definition.java#6ebe7f—
meta.definition.variable.java#6ebe7f—
variable#f7f2ff
storage.modifier.import.java#5ad4e5—
storage.modifier.package.java#5ad4e5—
meta.import.java entity.name.package.java#5ad4e5—
meta.import.java entity.name.package#5ad4e5—
meta.import.java entity.name.type.class.java#6ebe7f—
meta.import.java entity.name.class.java#6ebe7f—
keyword.control.import.java#fc618c—
keyword.other.import.java#fc618c—
entity.name.package.java#5ad4e5—
entity.name.type.class.java#6ebe7f—
meta.import.java variable.other.readwrite.java, meta.import.java variable.other.java#5ad4e5—
meta.import.java entity.name.type.java#6ebe7f—
meta.import.java support.type.java#6ebe7f—
keyword#fc618c—
storage#fc618c
storage.type.annotation.java#6ebe7f—
meta.declaration.annotation.java#6ebe7f—
storage.type.primitive.java#fc618c—
storage.type#5ad4e5italic
entity.name.class#6ebe7funderline
entity.other.inherited-class#5ad4e5italic underline
entity.name.function#6ebe7f
variable.parameter#f7f2ffitalic
entity.name.tag#ff9696
entity.other.attribute-name#5ad4e5
support.function#6ebe7f
support.constant#f69763
support.type, support.class#5ad4e5italic
support.other.variable—
invalid#fc618c
invalid.deprecated#afb9c3—
meta.diff, meta.diff.header#555555—
markup.deleted#ff9696—
markup.inserted#96be78—
markup.changed#ffc86e—
markup.quote#fce35b—
markup.list#96be78—
markup.italic#5ad4e5italic
markup.bold#5ad4e5—
markup.inline.raw#96be78
markup.heading#50b4be—
markup.heading.setext#50b4be
markup.underline.link#5ad4e5—
Monocai Dark Theme by Phil Craig - VS Code Theme