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#424242
  • editor.foreground#fffef5
  • editor.lineHighlightBackground#4a4a4a
  • editor.selectionBackground#5a5a5a
  • editorCursor.foreground#ffffff
  • editorHoverWidget.background#8f8f8f
  • editorHoverWidget.foreground#ffffff
  • editorLineNumber.foreground#808080
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.foreground#b9b9b9
  • menu.background#1e1e1e
  • menu.border#444444
  • menu.foreground#ffffff
  • menu.selectionBackground#333333
  • menu.selectionForeground#6db6c0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.type, support.type, storage.type, meta.return.type, storage.class, entity.name.class, entity.name.type.class, entity.name.type.interface, entity.name.type.struct, entity.name.type.enum, support.class, entity.other.inherited-class#000000bold
entity.name.function, support.function, meta.function-call, meta.method-call, entity.name.method, meta.function-call.generic, support.function.builtin#9ff2fd
keyword, storage.type, storage.modifier, keyword.control, keyword.declaration, keyword.operator.new, keyword.other, storage.type.function, storage.type.class, storage.type.var, storage.type.const, storage.type.let#bee0baunderline
variable, variable.parameter, meta.parameter, meta.definition.variable.name, meta.definition.parameter, variable.other.readwrite, variable.other.object, variable.other.property, variable.language.this, variable.language.self#65caa0
string, string.quoted, string.template, string.quoted.single, string.quoted.double, string.quoted.triple#6e9ac5
constant.numeric, number, constant.language.boolean, constant.language.null, constant.language.undefined#c777b6
comment, punctuation.definition.comment, comment.line, comment.block#d69eb3italic
punctuation, meta.brace, punctuation.definition.block, punctuation.separator, punctuation.terminator#bebebe
keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison#ffffff
entity.name.tag, meta.tag#a10808
entity.other.attribute-name#e46969
Custom Black White Teal by ukpabik - VS Code Theme