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.

  • editor.background#F9F9F9
  • editor.foreground#000000
  • foreground#303030
  • tab.activeBorder#4C770F
  • terminal.ansiBlue#3465a4
  • terminal.ansiBrightBlue#729fcf
  • terminal.ansiBrightGreen#8ae234
  • terminal.ansiBrightYellow#fce94f
  • terminal.ansiGreen#4e9a06
  • terminal.ansiYellow#c4a000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
string#2A00FF
constant.character.escape, constant.other.placeholder#7090FF
constant.numeric, keyword.other.unit#FF00AA
keyword, storage.type.primitive, storage.type.class, storage.type.struct, storage.type.enum, storage.type.modifier, storage.type.namespace, storage.type.template, storage.type.function, storage.type.union, storage.type.js, storage.type.ts, storage.type.type.ts, storage.type.interface, storage.type.impl, storage.type.trait, storage.modifier, keyword.operator.expression, keyword.operator.new, keyword.operator.delete, keyword.operator.word, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.logical.python, constant.language, variable.language, keyword.declaration.function, keyword.declaration.class, keyword.declaration.struct, keyword.declaration.enum, keyword.declaration.union, keyword.declaration.trait, keyword.declaration.interface, keyword.declaration.impl, keyword.declaration.type#C43A1Abold
keyword.operator#3a3a3a
entity.name.type, storage.type#000000—
entity.name.type.template#336633bold
meta.kernel-call punctuation.section.kernel#336633bold
meta.kernel-call entity.name.function#336633
variable.other.member, variable.other.property#333333
meta.preprocessor#808080
meta.preprocessor keyword.control.directive#7F3F6Abold
meta.preprocessor string.quoted#9580FF
variable.parameter.function.language.special.self, variable.language.special.self, variable.parameter.function.language.special.cls, variable.language.special.cls#000000italic
entity.name.function.decorator#7D7D7Ditalic
string.quoted.docstring#406080
entity.name.tag, punctuation.definition.tag, support.type.property-name, keyword.other.definition.ini, support.identifier.java-properties#C43A1Abold
entity.other.attribute-name#6A3E3E
meta.tag.preprocessor entity.name.tag, meta.tag.preprocessor entity.other.attribute-name, meta.tag.preprocessor string, meta.tag.preprocessor text, meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype entity.other.attribute-name, meta.tag.metadata.doctype string, meta.tag.metadata.doctype text#5F8FBFitalic
entity.name.section, markup.heading, punctuation.definition.heading#C43A1Abold
markup.inline.raw, punctuation.definition.raw#FF00AA
punctuation.definition.list#000000bold
markup.bold#000000bold
markup.underline#000000underline
markup.italic—italic
keyword.codetag#86A3BFbold
markup.raw.block#696969italic
markup.inline.raw.string#696969italic
entity.name.section#C43A1Abold
comment, comment.block.xml#878787—
comment.block#4C770F—
string#0749BC—
source#000000
storage.type#000000—
storage.type.annotation#707070—
storage.type.primitive#C43A1A—
storage.modifier#C43A1A—
storage.modifier.package.java—
storage.modifier.import#000000
punctuation.definition.annotation#707070—
constant.language#C43A1A—
constant.numeric#333333—
variable.language.this#C43A1A—
keyword#C43A1A—
text#000000—
text.xml, source.ini#0749BC—
token.info-token#316BCD—
token.warn-token#CD9731—
token.error-token#CD3131—
token.debug-token#800080—
Pure Sheet by ctjdr - VS Code Theme