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#100A14
  • editor.background#100A14
  • editor.foreground#FFEDBC
  • editorBracketHighlight.foreground1#9de229
  • editorBracketHighlight.foreground2#f7e744
  • editorBracketHighlight.foreground3#ffb900
  • editorBracketHighlight.foreground4#9de229
  • editorBracketHighlight.foreground5#f7e744
  • editorBracketHighlight.foreground6#ffb900
  • editorBracketMatch.border#9de229
  • editorError.foreground#882639
  • editorHint.foreground#57761F
  • editorInfo.foreground#33588A
  • editorWarning.foreground#88620A
  • sideBarTitle.foreground#FFEDBC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.paragraph.markdown#FFEDBC
comment, punctuation.definition.comment#8A7D95
constant, constant.other.color, string, string.regexp, support.function#2edaff
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array#2edaffbold
support.function.any-method, entity.name.function, entity.name.section, entity.other.attribute-name.id, meta.require, markup.heading#55a6ff
keyword.other.special-method, punctuation.definition.heading, punctuation.definition.identity#55a6ffbold
constant.numeric, punctuation.definition.italic, meta.selector, markup.changed, markup.italic#ff7ae4
markup.italicitalic
markup.boldbold
entity.other.inherited-class, markup.inserted, markup.raw.inline, source.gfm.markup, constant.character.escape, constant.other.symbol#9de229
punctuation#9de229bold
variable.interpolation, invalid.illegal, string.other.link, punctuation.section.embedded, markup.deleted, markup.list#ff425e
keyword, keyword.control, entity.name.tag, storage.modifier, storage.type.struct, storage.type.template, storage.type.namespace, storage.type.class, storage.type.enum, storage.type.union#ff425ebold
storage.type, storage.keyword, string.regexp.source.ruby.embedded, entity.other.attribute-name, meta.link, markup.quote#ffb900
keyword.other.unit, markup.bold, entity.name.type, entity.name.class, entity.name.type.class#ffb900bold
support.class, meta.class#ffdd82
punctuation.definition.bold#ffdd82bold
keyword.operator, punctuation.separator.dot-access, entity.name.function.operator#f7e744bold
Pleasant Syntax by SingularityAzure - VS Code Theme