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#101010
  • editor.foreground#C0C0C0
  • editor.lineHighlightBackground#161616
  • editor.selectionBackground#143D66
  • editorCursor.foreground#f0f0f0
  • editorIndentGuide.activeBackground#204060a0
  • editorWhitespace.foreground#202020

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#60B040
punctuation.definition.arguments, punctuation.definition.parameters#C0C0C080bold
string.quoted.double#2080F0
string.quoted.single#2060F0
string.quoted.docstring#48a723italicbold
constant.numeric#ff80b0
*.variable.enum-member#ff80b0
constant.character#d060f0
variable#A0C0ff
variable.other.readwrite#A0C0ff
variable.other.object#C0F0A0
variable.other.object.property#DACA80italic
keyword.control, keyword.type, keyword.other, constant.language, storage.modifier, support.function.builtin, support.class.builtin, support.type.builtin, support.type.python, support.other.builtin, keyword.operator.logical.python, storage.type.class.python, storage.type.function, keyword.operator.logical.python#60A0E0italic bold
string.regexp, *.regexp#A060F0
keyword.operator.arithmetic, keyword.operator.assignment, punctuation.separator.colon.python#ff2060bold
punctuation.section, punctuation.separator.arguments, punctuation.separator.parameters, punctuation.separator.colon#ff2060bold
punctuation.separator, punctuation.terminator, punctuation.parenthesis, punctuation.curlybrace, punctuation.squarebracket#FFFFFF
entity.name.class#32E4D2bold underline
storage.type#32E4D2
entity.name.type.type-parameter, entity.type.type-parameter#A0FF80bold underline
entity.name.variable.local, *.variable.local#607090
entity.name.variable.field#CD9F70
variable.language.special#DC7223
keyword.preprocessor, meta.preprocessor#80A080italic
entity.name.function#ffffff
meta.function-call.generic#ffffffitalic
entity.name.type.enum#A0FF80
variable.parameter, *.variable.parameter#DC7223
entity.name.tag#F92672
entity.other.attribute-name#A6E22E
support.constant#ff5040italic
support.function.magic#40d0ffitalic bold underline
support.other.variable
invalid#ff0000
invalid.deprecated#FF4000
meta.diff, meta.diff.header#75715E
markup.deleted#F92672
markup.inserted#A6E22E
markup.changed#E6DB74
markup.deleted.git_gutter#F92672
markup.inserted.git_gutter#A6E22E
markup.changed.git_gutter#E6DB74
markup.ignored.git_gutter#75715E
markup.untracked.git_gutter#75715E
constant.numeric.line-number.find-in-files - match#AE81FFA0
entity.name.filename.find-in-files#E6DB74
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...