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.

  • activityBarBadge.background#c55c5c
  • editor.background#111
  • editor.foreground#eee
  • gitDecoration.addedResourceForeground#81a584
  • gitDecoration.conflictingResourceForeground#aa93a1
  • gitDecoration.deletedResourceForeground#c55c5c
  • gitDecoration.ignoredResourceForeground#999
  • gitDecoration.modifiedResourceForeground#ceab6f
  • gitDecoration.stageDeletedResourceForeground#c55c5c
  • gitDecoration.stageModifiedResourceForeground#ceab6f
  • gitDecoration.untrackedResourceForeground#8eb2ca
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded variable.other, punctuation.accessor, meta.function-call, constant, storage.modifier.package.java, storage.modifier.import.java#eee
constant.language, variable.language.this, support.type.builtin.graphql, support.type.location.graphql, constant.character.entity, support.function.target.PHONY.makefile#42a08b—
comment, punctuation.definition.comment#81a584—
storage.type.class.jsdoc#b8c7babold
punctuation.definition.block.tag.jsdoc#999—
variable.other.jsdoc#eee—
string, punctuation.definition.string, meta.attribute-selector.scss#db9482—
punctuation.definition.template-expression, variable.interpolation.scss punctuation.definition, constant.character.format.placeholder, punctuation.definition.variable.shell, variable.other.normal.shell, punctuation.definition.variable.makefile, meta.function.block.end.bosun support.constant.bosun, variable.string-escape.kotlin, meta.template.expression.kotlin#c55c5cbold
meta.function.block.end.bosun keyword.control.bosun#e4b2acbold
keyword.control, keyword.operator.logical.python, keyword.operator.new, keyword.operator.expression, keyword.type.graphql, keyword.scalar.graphql, keyword.enum.graphql, keyword.interface.graphql, keyword.directive.graphql, keyword.on.graphql, keyword.other, storage.type.js, storage.type.function, storage.type.property, storage.type.class, support.function.builtin.shell, storage.modifier, storage.type.local.java, storage.type.bosun, keyword.hard.kotlin, storage.type.import.kotlin, storage.type.package.kotlin, storage.type.variable.kotlin, storage.type.object.kotlin, storage.type.interface.ts, storage.type.type.ts, storage.type.ts, storage.type.interface.tsx, storage.type.type.tsx, storage.type.tsx, storage.type.model, storage.type.config, storage.type.enum#8eb2ca—
meta.object-literal.key, support.type.property-name, variable.other.proto, meta.definition.property.ts, meta.object.member.ts, meta.definition.property.tsx, meta.object.member.tsx, variable.parameter.key.prisma#ceab6f—
meta.definition.function, meta.definition.method, entity.name.type.class.python, entity.name.function.python, support.type.graphql, support.type.enum.graphql, entity.scalar.graphql, entity.name.function.directive.graphql, meta.method.identifier.java entity.name.function, entity.name.function.shell, entity.name.class.message.proto, entity.name.class.proto, entity.name.function.target.makefile, entity.name.type.class.kotlin, entity.name.function.declaration.kotlin, entity.name.type.interface.ts, entity.name.type.alias.ts, entity.name.type.class.ts, entity.name.type.interface.tsx, entity.name.type.alias.tsx, entity.name.type.class.tsx, markup.heading, entity.name.type.model, entity.name.type.enum#dfcb94bold
meta.function.parameters.python, variable.parameter.function.language.special.self.python#999—
meta.function variable.parameter, meta.method.declaration variable.parameter, variable.parameter.graphql, entity.name.type.config#ceab6f—
keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.logical, keyword.operator.relational, keyword.operator.comparison, keyword.operator.ternary, keyword.operator.nulltype.graphql, punctuation.assignment.graphql, keyword.operator.kotlin, keyword.operator.optional.ts, keyword.operator.optional.tsx#b3a28d—
meta.function-call variable.parameter#ceab6f
entity.other.attribute-name.id#dfcb94bold
entity.other.attribute-name.class#aa93a1bold
variable.scss, source.bosun variable.other#a3937ebold
meta.type.object.graphql support.type.graphql, storage.type.java, storage.type.primitive.java, storage.type.generic.java, storage.type.object.array.java, storage.type.proto, entity.name.type.instance.jsdoc, entity.name.type.kotlin, meta.type.annotation.ts, entity.name.type.ts, meta.type.tuple.ts, meta.type.annotation.tsx, entity.name.type.tsx, meta.type.tuple.tsx, support.type.primitive#b1a6c2
punctuation.definition, punctuation.terminator, punctuation.parenthesis, punctuation.separator, punctuation.section.property-list, meta.brace, punctuation.operation.graphql, punctuation.section, punctuation.bracket.angle.java, punctuation.bracket.round.java, punctuation.definition.link.title, meta.link.inline.markdown punctuation.definition#999
entity.name.tag.xml, meta.tag.sgml.doctype#a3937ebold
meta.tag.preprocessor.xml entity.other.attribute-name.xml#ceab6f—
entity.name.tag#8d5576bold
entity.other.attribute-name, punctuation.section.embedded.begin.js.jsx, punctuation.section.embedded.end.js.jsx#b1a6c2—
variable.other.makefile#b1a6c2—
punctuation.definition.tag, meta.tag keyword.operator.assignment, meta.attribute-selector.scss keyword.operator.scss#4d4058—
entity.name.tag.namespace#aa93a1bold
support.class.component#aa93a1bold
entity.name.function.decorator, storage.type.annotation.java, meta.function.decorator, entity.name.function.attribute.prisma#999—
*url*, *link*, *uri*—underline
markup.bold—bold
markup.italic—italic
meta.link#8eb2caunderline
string.other.link.title#b1a6c2bold
variable.language.relations#8d5576bold
Cleanslate by marticongost - VS Code Theme