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#1e1e1e
  • editor.foreground#d4d4d4
  • editor.lineHighlightBackground#2a2d2e
  • editor.selectionBackground#264f78
  • editorCursor.foreground#aeafad
  • editorLineNumber.foreground#858585

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line.double-slash.lof#6a9955italic
keyword.control.lof, keyword.other.lof#569cd6bold
storage.modifier.visibility.lof#c586c0bold
storage.type.primitive.lof, storage.type.custom.lof, entity.name.type.proof.lof, entity.name.type.component.lof, entity.name.type.enum.lof#4ec9b0bold
punctuation.operator.constraint.lof, punctuation.operator.comparison.lof, punctuation.operator.logical.lof, punctuation.operator.arithmetic.lof, punctuation.operator.assignment.lof, punctuation.operator.arrow.lof, punctuation.operator.range.lof#d4d4d4
constant.numeric.integer.lof#b5cea8
string.quoted.double.lof#ce9178
entity.name.function.lof#dcdcaa
variable.other.lof#9cdcfe
variable.other.constant.lof, constant.language.wildcard.lof#4fc1ffbold
Lof by Lof - VS Code Theme