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#1E1E2E
  • editor.foreground#CDD6F4
  • editor.inactiveSelectionBackground#313244ea
  • editor.lineHighlightBackground#313244
  • editor.selectionBackground#45475A
  • editorCursor.foreground#F5E0DC
  • editorLineNumber.activeForeground#CBA6F7
  • editorLineNumber.foreground#6C7086

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line.number-sign.clarity#6C7086
variable.name.clarity, entity.name.variable#CBA6F7bold
entity.name.tag.html.clarity, markup.bold#74C7ECbold
entity.other.attribute-name.html.clarity, string.other#A6E3A1
string.quoted.double.clarity, string.quoted.single.clarity#F9E2AF
string.quoted.triple.clarity, markup.raw#FAB387
keyword.control.clarity, storage.type.class#F38BA8bold
entity.name.function.clarity, entity.name.class, entity.name.type, support.class#94E2D5bold
keyword.control.flow.clarity, storage.type#F38BA8bold italic
variable.parameter.clarity#89B4FA
ClarityScript by Luigichopper - VS Code Theme