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.

  • diffEditor.insertedTextBackground#00be0021
  • diffEditor.removedTextBackground#ff0d001a
  • editor.background#f9f9fb
  • editor.findMatchBackground#c8e6c9
  • editor.findMatchHighlightBackground#ffc1072a
  • editor.findRangeHighlightBackground#607d8b00
  • editor.findRangeHighlightBorder#33333331
  • editor.foreground#1a1a1a
  • editor.hoverHighlightBackground#9e9e9e34
  • editor.lineHighlightBackground#2b90af28
  • editor.selectionBackground#d4fabf
  • editor.selectionHighlightBackground#f4fadcaf
  • editor.wordHighlightBackground#5eff0034
  • editor.wordHighlightStrongBackground#f97c001e
  • editorCursor.foreground#1976d2
  • editorError.foreground#c91b00
  • editorGutter.addedBackground#43a047
  • editorGutter.deletedBackground#c91b00
  • editorGutter.modifiedBackground#be8500
  • editorIndentGuide.activeBackground#9e9e9e4c
  • editorIndentGuide.background#9e9e9e1c
  • editorInfo.foreground#43a047
  • editorLink.activeForeground#1976d2
  • editorRuler.foreground#9e9e9e1c
  • editorWarning.foreground#be8500
  • editorWhitespace.foreground#1a1a1a33
  • gitDecoration.conflictingResourceForeground#b21caa
  • gitDecoration.deletedResourceForeground#c91b00
  • gitDecoration.ignoredResourceForeground#1a1a1a3b
  • gitDecoration.modifiedResourceForeground#f97d00
  • gitDecoration.untrackedResourceForeground#00c5c7
  • list.focusHighlightForeground#9dddff
  • statusBar.background#404054
  • statusBar.foreground#f9f9fb
  • terminal.ansiBlack#1a1a1a
  • terminal.ansiBlue#0361d3
  • terminal.ansiBrightBlack#1a1a1a
  • terminal.ansiBrightBlue#0361d3
  • terminal.ansiBrightCyan#00c5c7
  • terminal.ansiBrightGreen#00a200
  • terminal.ansiBrightMagenta#b21caa
  • terminal.ansiBrightRed#c91b00
  • terminal.ansiBrightWhite#c7c7c7
  • terminal.ansiBrightYellow#f97d00
  • terminal.ansiCyan#00c5c7
  • terminal.ansiGreen#00a200
  • terminal.ansiMagenta#b21caa
  • terminal.ansiRed#c91b00
  • terminal.ansiWhite#c7c7c7
  • terminal.ansiYellow#f97d00
  • terminal.selectionBackground#5eff0034
  • terminalCursor.foreground#1a1a1a
  • titleBar.activeBackground#f9f9fb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#1a1a1a—
punctuation, punctuation.definition.template-expression#b0bec5—
keyword.operator#1976d2—
comment, keyword.operator.type, meta.type.annotation, meta.return.type, storage.type.class.jsdoc, entity.name.type.instance.jsdoc#78909c—
punctuation.definition.variable#78909c—
storage#b21caa—
meta.object-literal.key, meta.object.member#5c6bc0—
storage.type#b21caa—
string, punctuation.definition.string#ef6c00—
storage.modifier#ef6c00—
constant.numeric#1976d2—
support.constant, constant.language#c62828—
variable.other.constant.property, constant.character, constant.other#1976d2—
variable, punctuation.accessor#1a1a1a—
variable.language.this#1976d2—
keyword#b21caa—
storage.type.class.jsdoc#b21caa—
support.type.primitive, meta.type#96928f—
comment.entity.name.class#8c7c76—
variable.other.jsdoc#1976d2—
comment.block.documentation——
meta.class, meta.var.expr, meta.interface#804307—
entity.name.function#388e3c—
, storage.type.function#388e3c—
comment.entity.name.function#388e3c—
variable.parameter#1976d2—
support.function#1976d2—
support.constant#1976d2—
support.class#4e94ce—
support.type#388e3c—
support.other.variable, keyword.operator.optional#CB4718—
invalid#FF5722—
invalid.deprecated#FF8A65—
markup.heading#CB4718—
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end, entity.name.tag#1976d2—
entity.other.attribute-name#b21caa—
string.quoted.single.html, string.quoted.double.html, string.html#388e3c—
meta.selector.css, entity.other.attribute-name.id#b21caa—
cast.expr.ts#1976d2—
token.info-token#316bcd—
token.warn-token#cd9731—
token.error-token#cd3131—
token.debug-token#800080—
meta.diff#cd9731italic
meta.diff.index#cd3131—
meta.diff.range#1976d2—
meta.diff.header#cd9731—
markup.deleted#cd3131—
markup.changed#cd9731—
markup.inserted#388e3c—
VSCode ICC Theme by icatalina - VS Code Theme