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.

  • activityBarBadge.background#3c78d2
  • editor.background#2b2a2a
  • editor.findMatchBorder#85db18
  • editor.findMatchHighlightBackground#bf353f
  • editor.foreground#f2f2f2
  • editor.hoverHighlightBackground#bf353f
  • editor.lineHighlightBackground#000000
  • editor.selectionHighlightBackground#162d45
  • editor.symbolHighlightBackground#162d45
  • editor.wordHighlightBackground#bf353f
  • editorBracketMatch.border#85db18
  • editorGutter.addedBackground#95dc18
  • editorGutter.background#000000
  • editorGutter.deletedBackground#dc1836
  • editorGutter.modifiedBackground#dc9118
  • editorOverviewRuler.addedForeground#95dc18
  • editorOverviewRuler.deletedForeground#dc1836
  • editorOverviewRuler.modifiedForeground#dc9118
  • gitDecoration.addedResourceForeground#95dc18
  • gitDecoration.deletedResourceForeground#dc1836
  • gitDecoration.modifiedResourceForeground#dc9118
  • gitDecoration.renamedResourceForeground#18dcc2
  • gitDecoration.stageDeletedResourceForeground#dc1836
  • gitDecoration.stageModifiedResourceForeground#dc9118
  • gitDecoration.submoduleResourceForeground#18dcc2
  • gitDecoration.untrackedResourceForeground#18dcc2
  • minimapGutter.addedBackground#95dc18
  • minimapGutter.deletedBackground#dc1836
  • minimapGutter.modifiedBackground#dc9118
  • settings.modifiedItemIndicator#dc9118
  • statusBar.background#3c78d2
  • tab.activeBorderTop#18dcc2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.other.definition.ini, constant.other.key.java, storage.modifier.import.java, storage.modifier.package.java, storage.type.java, storage.type.generic.java, variable.other.readwrite.js, constant.other.caps.rust, entity.name.type.rust, keyword.key.toml, variable.other.property.ts#f2f2f2—
punctuation, keyword.other.documentation.javadoc.java, meta.brace.round.js, meta.brace.square.js, meta.separator.markdown, constant.character.format.placeholder.other.python, entity.name.function.decorator.python, keyword.operator.access.dot.rust, keyword.operator.arrow.fat.rust, keyword.operator.arrow.skinny.rust, keyword.operator.key-value.rust, keyword.operator.namespace.rust, meta.brace.square.ts, meta.brace.round.ts#8a8a8a—
entity.name.section, entity.name.tag, keyword, storage.modifier, storage.type, support.type.property-name.json, markup.heading.setext.1.markdown, entity.name.type.numeric.rust, entity.name.type.option.rust, entity.name.type.primitive.rust, entity.name.type.result.rust, punctuation.brackets.angle.rust, entity.other.attribute-name.table.toml, support.type.primitive.ts#b26ef7—
string, markup.quote.markdown#8eb1e5—
entity.name.function, entity.other.attribute-name, support.function, storage.type.annotation.java, string.other.link.title.markdown, markup.italic.markdown, markup.bold.markdown, meta.function-call.generic.python, storage.type.function.lambda.python, meta.attribute.rust#2be0d7—
constant, keyword.other.unit, variable.language.this.js, markup.raw.block.markdown, markup.inline.raw.string.markdown, variable.language.special.self.python, variable.parameter.function.language.special.self.python, entity.name.function.macro.rust, entity.name.type.lifetime.rust, variable.language.self.rust, variable.language.this.ts#d0ff00—
constant.other.caps.python, constant.other.caps.rust, variable.scss, support.function.builtin.zig#72aafd—
comment, punctuation.definition.comment, constant.other.reference.link.markdown, markup.underline.link.markdown, string.quoted.docstring.multi.python, string.quoted.docstring.raw.multi.python#ff43a1—
markup.changed#fdbe00—
markup.deleted#e83841—
markup.inserted#85db18—