Skip to main content
Coding Theme

Color themes

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.

  • activityBar.background#48443c73
  • editor.background#fffbf6
  • editor.findMatchBackground#24a5cb80
  • editor.findMatchHighlightBackground#d7d4f060
  • editor.findRangeHighlightBackground#d7d4f040
  • editor.foreground#4B83CD
  • editor.hoverHighlightBackground#add6ff
  • editor.inactiveSelectionBackground#cebeaa
  • editor.lineHighlightBackground#d7d4f030
  • editor.rangeHighlightBackground#fdff00
  • editor.selectionBackground#ffe3bf
  • editor.selectionHighlightBackground#decdb1
  • editor.wordHighlightBackground#b1d2de
  • editor.wordHighlightStrongBackground#d7d4f070
  • editorCursor.foreground#39464e
  • editorGroup.background#fffbf6
  • editorGroupHeader.tabsBackground#fffbf6
  • editorIndentGuide.background#f6f2ee
  • editorWhitespace.foreground#969896
  • list.activeSelectionBackground#48443c26
  • list.hoverBackground#48443c26
  • list.inactiveSelectionBackground#48443c26
  • peekViewEditor.matchHighlightBackground#f5d802
  • peekViewResult.matchHighlightBackground#d7d4f060
  • sideBar.background#fffbf6
  • statusBar.background#ff9847
  • tab.border#fffbf6
  • tab.inactiveBackground#48443c26

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#333333ff
comment, punctuation.definition.comment#AAAAAAitalic
comment.block.preprocessor#AAAAAA
comment.documentation, comment.block.documentation#555555
invalid.deprecated
invalid.illegal#660000
keyword.operator#777777
keyword, storage#4B83CD
storage.type, support.type#50AEC6
constant.language, support.constant, variable.language#ff1790
variable, support.variable#C550C6
entity.name.function, support.function#9320EBitalic
entity.name.type, entity.other.inherited-class, support.class#FE7C00bold
entity.name.exception#660000
entity.name.sectionbold
constant.numeric, constant.character, constant#4B83CD
string#52BB76
constant.character.escape#3EC5CB
string.regexp#4B83CD
constant.other.symbol#12B018
punctuation#0148A6
string source, text source
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#AAAAAA
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#0148A6
entity.name.tag#FE7C00
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#C550C6italic
constant.character.entity, punctuation.definition.entity#89B185
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#FE7C00
meta.property-name, support.type.property-name#12B018
meta.property-value, meta.property-value constant.other, support.constant.property-value#C550C6
keyword.other.importantbold
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#660000
markup.inserted#000000
meta.link#4B83CD
markup.output, markup.raw#888888
markup.prompt#888888
markup.heading#9320EB
markup.boldbold
markup.traceback#660000
markup.underlineunderline
markup.quote#F9D534
markup.list#4B83CD
markup.bold, markup.italic#448C27
markup.inline.raw#89B185
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343
lanten-theme by lanten - VS Code Theme