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#0a0d1a
  • editor.foreground#e5e7eb
  • editor.lineHighlightBackground#111827
  • editor.selectionBackground#1f2a44
  • editorCursor.foreground#f472b6
  • editorIndentGuide.activeBackground#334155
  • editorIndentGuide.background#1f2937

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line.number-sign.plain, comment.line.double-slash.plain#94a3b8italic
string, string.quoted.double.plain, string.quoted.single.plain#f472b6
constant.numeric, constant.numeric.plain#60a5fa
constant.language, constant.language.plain#fbbf24
keyword, keyword.control, keyword.control.plain#facc15bold
keyword.operator, keyword.operator.plain#fb923c
support.function, support.function.plain#a78bfa
entity.name.type, entity.name.type.class, entity.name.type.class.plain#34d399
Plain Language Theme + Syntax by Ouadie Laachkar - VS Code Theme