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#2f61b1
  • editor.background#212121
  • editor.findMatchBorder#85db18
  • editor.findMatchHighlightBackground#264f78
  • editor.foreground#e6e6e6
  • editor.hoverHighlightBackground#264f78
  • editor.lineHighlightBackground#000000
  • editor.selectionHighlightBackground#162d45
  • editor.symbolHighlightBackground#162d45
  • editor.wordHighlightBackground#264f78
  • 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#2f61b1
  • 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.object.ts, variable.other.property.ts, variable.other.readwrite.ts#e6e6e6—
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, punctuation.brackets.angle.rust, entity.name.type.lifetime.rust, meta.brace.square.ts, meta.brace.round.ts, keyword.operator.type.annotation.ts#999999—
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, entity.other.attribute-name.table.toml, support.type.primitive.ts#d35568—
string, markup.quote.markdown#a5d355—
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#d3a355—
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, variable.language.self.rust, variable.language.this.ts#55d3c2—
keyword.control.block.kind.ng, constant.other.caps.python, constant.other.caps.rust, variable.scss, constant.other.datetime-with-timezone.toml, support.function.builtin.zig#a96eb9—
comment, punctuation.definition.comment, constant.other.reference.link.markdown, markup.underline.link.markdown, string.quoted.docstring.multi.python, string.quoted.docstring.raw.multi.python#5585d3—
markup.changed#fdbe00—
markup.deleted#e83841—
markup.inserted#85db18—
Zooce Themes by Zooce - VS Code Theme