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#2B2D30
- activityBarBadge.background#007acc
- badge.background#2B2D30
- editor.background#1E1F22
- editor.foreground#A9B7C6
- editor.lineHighlightBackground#2B2D30
- editor.selectionBackground#204182cc
- editorGutter.background#2B2D30
- editorSuggestWidget.background#303030
- editorSuggestWidget.highlightForeground#204182cc
- editorSuggestWidget.selectedBackground#204182cc
- sideBar.background#2B2D30
- sideBar.border#2B2D30
- sideBarSectionHeader.background#2B2D30
- statusBar.background#2B2D30
- statusBar.foreground#A9B7C6
- tab.activeBackground#2B2D30
- tab.activeBorder#0c7d9d
- tab.inactiveBackground#2B2D30
- titleBar.activeBackground#2B2D30
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#2B2D30
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| quote.module,comment.block.documentation,string,string.character.escape,string.template.quoted,string.template.quoted.punctuation,string.template.quoted.punctuation.single,string.template.quoted.punctuation.double,string.type.declaration.annotation,string.template.quoted.punctuation.tag,keyword.other.documentation.javadoc.java,comment,keyword.other.documentation.javadoc.java | #6A8759 | — |
| constant.numeric | #6897BB | — |
| punctuation.terminator,storage.modifier,storage.modifier.implements,storage.modifier.extends,variable.language.this,storage.type.primitive,keyword,keyword.operator.new,keyword.operator.delete,keyword.operator.static,keyword.operator.this,keyword.operator.expression | #CC7832 | — |
| punctuation.definition.annotation,storage.type.annotation | #BBB529 | — |
| variable.property,variable.other.property,variable.other.object.property,variable.object.property,support.variable.property | #9876AA | — |
| meta.class.body,support.type.property-name.json.comments | #9E7BB0 | — |
| constant.other.enum | #9E7BB0 | italic |
| constant.other.key,meta.method.body,storage.type,variable.parameter,meta.throwables,storage.modifier.package,storage.modifier.import,entity.other.attribute-name,punctuation.bracket.square,keyword.operator,keyword.operator.logical,keyword.operator.relational,keyword.operator.assignment,keyword.operator.comparison,keyword.operator.ternary,keyword.operator.arithmetic,keyword.operator.spread | #9eb1c5e5 | — |
| punctuation.bracket.angle | #359EE8 | — |
| meta.method.identifier | #FFC66D | — |
| regex | — | italic |
| storage.type.generic | #507874 | — |
| entity.name.tag.localname.xml,punctuation.definition.tag.xml | #FFC66D | — |
| text.xml | #A9B7C6 | — |
| entity.name.tag.yaml | #CC7832 | — |