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#FFFFFF
  • editor.foreground#000000
  • editor.inactiveSelectionBackground#E5EBF1
  • editor.lineHighlightBackground#00000008
  • editor.selectionBackground#ADD6FF
  • editor.selectionHighlightBackground#ADD6FF4D
  • editorCursor.foreground#000000
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#D3D3D3
  • editorSuggestWidget.background#F3F3F3
  • editorWhitespace.foreground#BFBFBF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#000000
markup.inserted.diff, meta.diff.header.to-file#eefff8
markup.deleted.diff, meta.diff.header.from-file#fff3ee
comment#618b51
variable#222222
keyword#7f0b8b
constant.numeric#0068A4
constant#7568c0
constant.language#004DC0
constant.character#AC7022
constant.language.boolean.true#065c0f
constant.language.boolean.false#8f1c25
string#A94417
string.quoted constant.character.escape#c28825
variable.other.pipequoted constant.character.escape#808080
meta.preprocessor#0000FF
keyword.control.import#0000FF
punctuation.directive#a50498
entity.name.function, keyword.other.name-of-parameter.objc#000000
entity.name.type#000000
storage.type#0000FF
storage.modifier#0000FF
entity.other.inherited-class
variable.parameter
storage.type.method#70727E
meta.section entity.name.section, declaration.section entity.name.section
support.function#000000
support.function.newdef#000000bold
support.class, support.type#000000
support.constant#000000
support.variable#000000
keyword.operator.js#687687
invalid
invalid.deprecated.trailing-whitespace
text source, string.unquoted
meta.xml-processing, declaration.xml-processing#68685B
meta.doctype, declaration.doctype#A31515
meta.doctype.DTD, declaration.doctype.DTD
meta.tag, declaration.tag#0000FF
entity.name.tag#A31515
entity.other.attribute-name#FF0000
string.quoted.double.xml, string.quoted.double.html#0000FF
markup.heading#0C07FF
markup.quote#000000
markup.list#B90690
scheme-r7rs-light by dermagen - VS Code Theme