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#f5f5f5
  • editor.foreground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#5F8FBF
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.interface, storage.type.impl, storage.type.trait, storage.modifier, 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#800555bold
keyword.operator#000000
entity.name.type, storage.type#800555
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
entity.name.function#000000bold
meta.preprocessor#808080
meta.preprocessor keyword.control.directive#7F3F6Abold
meta.preprocessor string.quoted#9580FF
support.function, support.type.python, support.type.posix-reserved#642880bold
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#800555bold
entity.other.attribute-name#800555
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, punctuation.definition.heading#800555bold
markup.inline.raw, punctuation.definition.raw#FF00AA
punctuation.definition.list#000000bold
markup.bold#000000bold
markup.underline#000000underline
markup.italic#000000italic
keyword.codetag#86A3BFbold
support#336633

Shiki preview

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

Loading...

Eclipse Color Theme - Coding Theme