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#0eadad
  • editor.background#1c1a16
  • editor.foreground#b4a989
  • editorBracketHighlight.foreground1#857b5e
  • editorBracketHighlight.foreground2#857b5e
  • editorBracketHighlight.foreground3#857b5e
  • editorBracketHighlight.foreground4#857b5e
  • editorBracketHighlight.foreground5#857b5e
  • editorBracketMatch.background#423e2f
  • editorWhitespace.foreground#2b2b2b
  • list.activeSelectionBackground#48413a
  • list.hoverBackground#3f3c36
  • list.inactiveSelectionBackground#4a4643
  • sideBar.background#211f1d
  • sideBar.border#3c3836
  • sideBarSectionHeader.background#363635
  • tab.activeBackground#3d3b37

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.class, meta.function.method, meta.definition.function, variable.language.self, markup.heading.markdown, entity.name.function, support.function.magic.python, entity.name.type.interface, meta.scope.logical-expression, variable.other.enummember.hcl, entity.other.attribute-name.class.css#5dc598
string, markup.inline.raw.string#97c7d9
constant.numeric#70a2c9
variable.parameter#eeb437
meta.link, punctuation.separator.object, punctuation.separator.comma, punctuation.definition.separator.groovy, constant.language.symbol, constant.language, support.constant.media, variable.other.block, punctuation.separator.variable, entity.other.attribute-name.pseudo-class.css, markup.fenced_code.block.markdown#d47f46
meta.scope.condition.makefile, punctuation.definition.list.begin.markdown, punctuation.decorator, meta.decorator meta.function-call entity.name.function#d47f46
variable.css, entity.name.command.shell#d47f46
keyword#857b5e
entity.name.type.terraform, keyword.control.conditional, keyword.control.-@.makefile, keyword.control.@.makefile, keyword.control.flow.js, keyword.control.flow.ts, keyword.control.loop, keyword.control.pseudo-method, keyword.operator.new, keyword.operator, meta.scope.recipe.makefile keyword.control, meta.scope.target.makefile support.function.target, storage.modifier.async, support.function.kernel, support.function.misc#c88558
keyword.operator.comparison, keyword.operator.logical, keyword.operator.relational#df9f38
constant.other.symbol#7da192
constant.language.boolean, constant.language.ruby, variable.other.object#bfccd0
variable.other.makefile, variable.other.constant, support.class, new.expr.js entity.name.function.js, meta.type.annotation entity.name.type, support.variable.property, support.type.object.module#c59e5f
variable.other.readwrite.instance, variable.language.special, variable.language.this#c4bd3b
storage, punctuation.section.embedded.begin, punctuation.terminator.statement, punctuation.definition.template-expression, punctuation.separator.inheritance, punctuation.separator.namespace, punctuation.separator.dictionary.key-value, punctuation.separator.delimeter.comma.makefile, punctuation.definition.list, meta.function.decorator, punctuation.definition.decorator, punctuation.separator.parameter, punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.accessor, meta.require.ruby keyword.other.special-method.ruby#857b5e
comment, punctuation.definition.comment, comment.block.documentation.phpdoc.php keyword.other#616060italic
meta.structure.dictionary.json meta.structure.dictionary.json support.type.property-name, meta.object.member meta.object.member meta.object-literal.key#9d8f62
entity.name.tag, entity.name.tag.css#c2c0b7
entity.other.attribute-name#e6a028
invalid#d23f22
constant.other.color#838383
meta.type.annotation meta.type.parameters entity.name.type#c1c363
support.type.property-name.css#a4835d
meta.method-call.groovy, meta.method.body.java#b4a989
constant.other.key.groovy#7da192
storage.type.groovy#adabab
meta.function-call, variable.other.readwrite, variable.other.property, meta.method-call.php entity.name.function.php, meta.method-call.static.php entity.name.function.php, meta.embedded.line, variable.other.constant.js, meta.function-call entity.name.function, string.unquoted.argument.shell, punctuation.separator.key-value.js, support.type.property-name, entity.name.tag.yaml#b4a989
Legatus by lerejoc - VS Code Theme