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.boldbold
markup.italicitalic
meta.link#8eb2caunderline
string.other.link.title#b1a6c2bold
variable.language.relations#8d5576bold
Cleanslate by marticongost - VS Code Theme