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.italicitalic
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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Pure Sheet - Coding Theme