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#fafafa
  • editor.foreground#383a42
  • editor.lineHighlightBackground#f0f0f5
  • editor.selectionBackground#c8e1fb
  • editorBracketMatch.background#e8e0ff
  • editorBracketMatch.border#7c3aed
  • editorCursor.foreground#7c3aed
  • editorLineNumber.activeForeground#9090aa
  • editorLineNumber.foreground#c0c0cc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.line.double-dash.lynu, comment.block.lynu#9fa0a5italic
string.quoted.double.lynu#50a14f
constant.character.escape.lynu#0184bc
constant.numeric.lynu#986801
constant.language.boolean.lynu#0184bcitalic
storage.type.lynu#a626a4bold
keyword.control.lynu#e45649
keyword.other.io.lynu#4078f2bold
keyword.control.import.lynu#a626a4
keyword.operator.word.lynu#986801
support.type.lynu#0184bcitalic
entity.name.function.lynu#4078f2bold
entity.name.function.call.lynu#4078f2
entity.name.function.member.lynu#0184bc
support.function.builtin.lynu#986801italic
variable.other.member.lynu#383a42
keyword.operator.arithmetic.lynu#383a42
keyword.operator.comparison.lynu#986801
keyword.operator.assignment.lynu#383a42
keyword.operator.arrow.lynu#a626a4
variable.other.lynu#e45649