Skip to main content
CodingTheme

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#121212
  • editor.background#121212
  • editor.foreground#cbcdd2
  • editor.lineHighlightBackground#2f3137
  • editor.selectionBackground#2f3137
  • editorCursor.foreground#4fb4d8
  • editorWhitespace.foreground#3b3a32
  • peekView.border#666666
  • peekViewEditor.background#333333
  • peekViewResult.selectionBackground#333333
  • peekViewTitle.background#333333
  • sideBar.background#121212
  • sideBarSectionHeader.background#333333
  • statusBar.background#333333

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#cbcdd2ff
comment#686B78
string#4FB4D8
constant.numeric#EF7C2A
constant.language#EF7C2A
constant.character, constant.other#EF7C2A
variable#CBCDD2
keyword#78BD65
storage#EB3D54
storage.type#EB3D54 italic
entity.name.class#E5CD52
entity.other.inherited-class#4FB4D8 italic
entity.name.function#E5CD52
variable.parameter#E5CD52 italic
entity.name.tag#EB3D54
entity.other.attribute-name#E5CD52
support.function#E5CD52
support.constant#EF7C2A
support.type, support.class#eb3d54
support.other.variable#CBCDD2
invalid#EB3D54 italic bold underline
invalid.deprecated#EB3D54 bold italic underline
markup.list#EB3D54
markup.heading punctuation.definition.heading, entity.name.section#4FB4D8
text.html.markdown meta.paragraph meta.link.inline, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.begin.markdown, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.end.markdown#78bd65
markup.quote#78bd65
markup.bold#e5cd52bold
markup.italic, punctuation.definition.italic#ef7c2aitalic
meta.link#78BD65
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6

Shiki preview

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

Loading...

Rocket Theme by Johnnie Thurston - VS Code Theme