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#FAFAFA
  • editor.foreground#5C6066
  • editor.inactiveSelectionBackground#F0EEE488
  • editor.lineHighlightBackground#F2F2F2
  • editor.selectionBackground#F0EEE4
  • editorCursor.foreground#FF6A00
  • editorIndentGuide.background#D9D8D7
  • editorWhitespace.foreground#FF0000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.section#2B2026bold
meta.function.section.subsection.latex#4B4046
support.function#A37ACC
comment, punctuation.definition.comment#ABB0B6italic
variable#5C6066
keyword, storage.type, storage.modifier#F2590C
constant.other.color, meta.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.substitution#E7C547
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#41A6D9
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level#F29718
support.other.variable, string.other.link#F07178
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit#A37ACC
string, keyword.other.template, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#86B300
entity.name.class, entity.name.type.class, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter#41A6D9
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#41A6D9
variable.language#41A6D9italic
invalid#FF3333
invalid.deprecated#FFFFFF
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#41A6D990
entity.other.attribute-name#F2590C
markup.inserted#86B300
markup.deleted#41A6D9
markup.changed#F2590C
string.regexp, constant.character.escape#4DBF99
*url*, *link*, *uri*underline
constant.numeric.line-number.find-in-files - match#ABB0B6
entity.name.filename.find-in-files#86B300
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#CCA37Aitalic
source.js constant.other.object.key.js string.unquoted.label.js#41A6D9italic
entity.name.method.js#CCA37Aitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#CCA37A
markup.italic#F07178italic
markup.bold#F07178bold
markup.underline#A37ACCunderline
markup.strike#CCA37A
markup.quote#E7C547italic
markup.raw.block#F2590C
markup.table#41A6D9
text.html.markdown, punctuation.definition.list_item.markdown#5C6066
text.html.markdown markup.raw.inline#41A6D9
text.html.markdown meta.dummy.line-break#ABB0B6
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#86B300
markup.quote, punctuation.definition.blockquote.markdown#E7C547italic
string.other.link.title.markdown#CCA37Aunderline
markup.raw.block.fenced.markdown#5C6066
punctuation.definition.fenced.markdown, variable.language.fenced.markdown#ABB0B6
variable.language.fenced.markdown#ABB0B6
meta.separator#ABB0B6bold
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#41A6D9
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#41A6D9
source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#41A6D9
source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#41A6D9
source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#41A6D9
source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#41A6D9
source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#41A6D9
source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#41A6D9
source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#41A6D9
acejump.label.blue#FFFFFF
acejump.label.green#FFFFFF
acejump.label.orange#FFFFFF
acejump.label.purple#FFFFFF
sublimelinter.mark.warning#41A6D9
sublimelinter.gutter-mark#FFFFFF
sublimelinter.mark.error#FF3333
markup.ignored.git_gutter#ABB0B6
markup.untracked.git_gutter#ABB0B6
gutter_color#FFFFFF

Shiki preview

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

Loading...

clearTex - Coding Theme