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#0f172a
  • editor.foreground#f8fafc
  • editor.lineHighlightBackground#1e293b
  • editor.selectionBackground#334155
  • editorBracketMatch.background#1e3a8a
  • editorBracketMatch.border#3b82f6
  • editorCursor.foreground#3b82f6
  • editorIndentGuide.activeBackground#64748b
  • editorIndentGuide.background#475569
  • editorLineNumber.activeForeground#94a3b8
  • editorLineNumber.foreground#64748b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.line.double-slash.dav, comment.block.dav, comment.line.hash.dav#6272a4italic
string.quoted.double.dav, string.quoted.single.dav#f1fa8c
constant.numeric.dav#bd93f9
keyword.control.dav.french, keyword.declaration.dav.french, keyword.assignment.dav.french, keyword.output.dav.french, keyword.input.dav.french, keyword.import.dav.french, keyword.list.dav.french#ff79c6bold
keyword.control.dav.english, keyword.declaration.dav.english, keyword.assignment.dav.english, keyword.output.dav.english, keyword.input.dav.english, keyword.import.dav.english, keyword.list.dav.english#8be9fdbold
keyword.natural.dav.french#ffb86c
keyword.natural.dav.english#f8f8f2
entity.name.function.dav#8be9fd
variable.other.dav#50fa7b
keyword.operator.dav#ff5555
DAV - Bilingual Programming Language by Asabi89 - VS Code Theme