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.

  • editor.background#1c1d21
  • editor.foreground#cbcdd2
  • editor.lineHighlightBackground#2f3137
  • editor.selectionBackground#2f3137
  • editorCursor.foreground#4fb4d8
  • editorWhitespace.foreground#3b3a32
  • statusBar.background#121213
  • statusBar.noFolderBackground#1f1f22
  • tab.activeBorder#fbc93f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#cbcdd2ff
comment#686B78
string#4FB4D8
constant.numeric#FF8A54
constant.language#FF8A54
constant.character, constant.other#FF8A54
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#CBCDD2
invalid.deprecated#CBCDD2
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
comment#69666d
string#5DD8B7
keyword#FA3368
constant.numeric#FF8A54
entity.name.type#79D9F1
entity.name.function#FBC93F
variable#fafafc
punctuation.support.type.property-name.begin, support.type.property-name, punctuation.support.type.property-name.end, entity.name.tag, storage.type, storage.modifier#FA3368
support.class#FA3368bold
constant.language, support.constant#FF8A54
entity.other.inherited-class, variable.parameter#FF8A54bold
meta.object-literal.key#79D9F1
support.function#FBC93F

Shiki preview

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

Loading...

Back to the Code by Divyanshu Maithani - VS Code Theme