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.

  • editor.background#0f1117
  • editor.foreground#d4d4d4
  • editor.lineHighlightBackground#1a1d27
  • editor.selectionBackground#264f78
  • editorBracketMatch.background#2a2040
  • editorBracketMatch.border#7c3aed
  • editorCursor.foreground#a78bfa
  • editorLineNumber.activeForeground#7c7fa0
  • editorLineNumber.foreground#404050

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.line.double-dash.lynu, comment.block.lynu#5c6370italic
string.quoted.double.lynu#98c379
constant.character.escape.lynu#56b6c2
constant.numeric.lynu#d19a66
constant.language.boolean.lynu#56b6c2italic
storage.type.lynu#c678ddbold
keyword.control.lynu#e06c75
keyword.other.io.lynu#61afefbold
keyword.control.import.lynu#c678dd
keyword.operator.word.lynu#e5c07b
support.type.lynu#56b6c2italic
entity.name.function.lynu#61afefbold
entity.name.function.call.lynu#61afef
entity.name.function.member.lynu#56b6c2
support.function.builtin.lynu#e5c07bitalic
variable.other.member.lynu#abb2bf
keyword.operator.arithmetic.lynu#abb2bf
keyword.operator.comparison.lynu#e5c07b
keyword.operator.assignment.lynu#abb2bf
keyword.operator.arrow.lynu#c678dd
punctuation.definition.parameters.lynu#abb2bf
punctuation.definition.array.lynu#abb2bf
punctuation.definition.object.lynu#abb2bf
punctuation.separator.colon.lynu#abb2bf
variable.other.lynu#e06c75