Skip to main content
Coding Theme

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#222222
  • commandCenter.background#222222
  • editor.background#222222
  • editor.foreground#d6d6d6
  • editor.lineHighlightBackground#333435
  • editorBracketHighlight.foreground1#d6d6d6
  • editorBracketHighlight.foreground2#aa7ab9
  • editorBracketHighlight.foreground3#B58900
  • editorBracketHighlight.foreground4#d6d6d6
  • editorBracketHighlight.foreground5#aa7ab9
  • editorBracketHighlight.foreground6#B58900
  • editorCursor.foreground#FFFFFF
  • editorWhitespace.foreground#404040
  • menubar.selectionBackground#222222
  • sideBar.background#222222
  • statusBar.background#222
  • statusBarItem.remoteBackground#222
  • tab.activeBackground#2a2a2a
  • tab.border#2a2a2a
  • tab.inactiveBackground#222222
  • titleBar.activeBackground#222222
  • titleBar.inactiveBackground#222222

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#d6d6d6
comment#797979
string#DABD80
constant.numeric#9e86c8
constant.language#9e86c8
constant.character, constant.other#9e86c8
variable.other#a1b9cb
entity.name.type.class.coffee#b4c973
keyword#b05279
storage#b05279
storage.type#249d5f
entity.name.class#b4c973
entity.other.inherited-class#7cc39e
entity.name.function#b4c973
variable.parameter#E87D3E
entity.name.tag#b05279
entity.other.attribute-name#b4c973
support.function#6c99bb
support.constant#6c99bb
support.type, support.class#249D5F
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.structure.dictionary.json string.quoted.double.json#cfcfcf
meta.diff, meta.diff.header#767676
markup.deleted#b05279
markup.inserted#b4c973
markup.changed#E5B567
constant.numeric.line-number.find-in-files - match#9e86c8A0
entity.name.filename.find-in-files#E5B567
markup.bold, punctuation.definition.bold, todo.bold#E87D3Ebold
markup.italic, punctuation.definition.italic, todo.italic#B05279italic
markup.deleted.git_gutter#E87D3E
markup.inserted.git_gutter#B4C973
markup.changed.git_gutter#E5B567
markup.ignored.git_gutter#C0C5CE
markup.untracked.git_gutter#EFF1F5
meta.tag.other.unrecognized.html.derivative entity.name.tag.html, support.class.component#7CC39E
storage.type.function.arrow#d6d6d6
keyword.operator.address#D4D4D4
variable.object.property, meta.object-literal, variable.parameter, support.type#a1b9cb
support.type.builtin#9E86C8
variable.language.this, variable.language.super#776e8d
storage.type.class, storage.type.interface, storage.type.enum, storage.type.type, storage.type.trait#B05279
entity.name.type, entity.name.type.module#7cc39e
support.function.construct, entity.name.function.support.builtin, support.type.property-name.table.toml#249d5f
entity.name.function#98C379
entity.name.tag.yaml, support.type.property-name.toml#7cc39e
support.type.primitive#249D5F
#9e86c8
meta.attribute.php
meta.attribute.php support.other.namespace.php#797979italic
support.attribute.php#AAAAAAitalic
entity.name.variable.parameter.php#AAAAAAitalic
support.class.php#7cc39e
support.class.builtin.php, keyword.other.type.php#249D5F
keyword.operator.nullable-type.php#D6D6D6

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Afterglow Monokai Dark - Coding Theme