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.

  • activityBar.background#33373B
  • dropdown.background#373D42
  • editor.background#2D3033
  • editor.foreground#EDE6E4
  • editor.lineHighlightBackground#40454A
  • editor.selectionBackground#44494f
  • editorGroupHeader.tabsBackground#26292E
  • editorHoverWidget.background#26292E
  • editorWidget.background#26292E
  • input.background#33373B
  • list.activeSelectionBackground#373D42
  • list.focusBackground#373D42
  • list.hoverBackground#303438
  • list.inactiveSelectionBackground#373D42
  • notification.background#26292E
  • peekViewEditor.background#232426
  • selectionBackground#44494f
  • sideBar.background#26292E
  • statusBar.background#33373B
  • statusBar.debuggingBackground#474D52
  • statusBar.noFolderBackground#33373B
  • tab.activeBackground#373D42
  • tab.inactiveBackground#26292E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#EDE6E4
comment, punctuation.definition.comment#56606B
source.python comment, punctuation.definition.comment.python#898e99
variable, variable.meta.jsx, variable.other.readwrite.js#EDE6E4
variable.other.property.static, meta.property.object#EDE6E4
keyword, storage.modifier#8AC6F2
keyword.control.flow.python, keyword.operator.logical.python#8AC6F2
keyword.operator, constant.other.color, punctuation, meta.tag, punctuation.tag.string, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#898E99
source.python punctuation.definition#B9E873
function-call.method.with-arguments, meta.class-method.js entity.name.function.js, entity.name.function, entity.name.function.arrow, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level#EDE6E4
support.other.variable, string.other.link#EC5F67
constant.numeric, constant.language, support.constant, constant.character, arrow.variable.parameter, variable.parameter, keyword.other.unit#F99157
string, punctuation.definition.string, punctuation.tag.definition.string, tag.string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#F7DD8Fnormal
source.python string, meta.class.inheritance support.type.python#B9E873normal
entity.name.class, entity.name.type.class, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter#EDE6E4
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#8AC6F2
support.function.builtin.python, variable.legacy.builtin.python#F7DD8F
variable.other.class, meta.class variable.other#EDE6E4
entity.name.module.js, variable.import.parameter.js#EDE6E4
variable.language, variable.language.jsx#EDE6E4italic
variable.parameter.function.language.python#F99157italic
entity.name.method.js#8AC6F2
entity.other.attribute-name#B9E873
markup.inserted#B9E873
markup.deleted#EC5F67
markup.changed#BB80B3
string.regexp, string.regexp keyword#5FB3B3
source.python constant.character.set.regexp, source.python meta.backreference.regexp, source.python entity.name.tag.backreference.regexp#B9E873
constant.character.escape#5FB3B3
*url*, *link*, *uri*underline
constant.numeric.line-number.find-in-files - match#AB7967
entity.name.filename.find-in-files#B9E873
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#8AC6F2italic
source.js constant.other.object.key.js string.unquoted.label.js#EC5F67italic
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#FAC863
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#C594C5
source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#D8DEE9
source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#6699CC
source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#AB7967
source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#EC5f67
source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#F99157
source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#FAC863
source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#C594C5
storage.type#B9E873
entity.name.variable.event#EDE6E4
entity.name.function#EDE6E4
variable.other.object#EDE6E4
variable.other.object.property#EDE6E4
support.type.property-name#EDE6E4