Dark June
Publisher: henry000devThemes in package: 1
A soft dark theme that won't distract your focus
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.activeBorder#D0D0D0
- activityBar.background#202020
- activityBar.border#303030
- activityBar.foreground#D0D0D0
- activityBarBadge.background#D52090
- editor.background#202020
- editor.foreground#B8B8B8
- editorError.foreground#D52090
- focusBorder#D52090
- menu.foreground#B8B8B8
- sideBar.background#202020
- sideBar.border#303030
- sideBar.foreground#B8B8B8
- sideBarTitle.foreground#BBBBBB
- statusBar.background#3C3C3C
- statusBar.debuggingBackground#D52090
- statusBar.foreground#B8B8B8
- tab.activeForeground#B8B8B8
- titleBar.activeBackground#3C3C3C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #777777 | — |
| variable | #B8B8B8 | — |
| keyword, storage.type, storage.modifier | #AF92CC | — |
| storage.type, storage.modifier | #CC9292 | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #AF92CC | — |
| keyword.operator, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #CC9292 | — |
| entity.name.tag, punctuation.definition.entity.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css, meta.tag.sgml, markup.deleted.git_gutter | #AF92CC | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level | #AF92CC | — |
| support.other.variable, string.other.link | #AF92CC | — |
| constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit | #AF92CC | — |
| 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 | #CC9292 | — |
| string, punctuation.definition.string.begin, punctuation.definition.string.end | #B8B8B8 | — |
| 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 | #CC9292 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #97AF96 | — |
| variable.language | #88A2D3 | — |
| entity.name.method.js | #B8B8B8 | — |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #B8B8B8 | — |
| entity.other.attribute-name | #CC9292 | — |
| markup.inserted | #97AF96 | — |
| markup.deleted | #D52090 | — |
| markup.changed | #88A2D3 | — |
| string.regexp | #AF92CC | — |
| constant.character.escape | #AF92CC | — |
| *url*, *link*, *uri* | — | underline |
| constant.numeric.line-number.find-in-files - match | #88A2D3 | — |
| entity.name.filename.find-in-files | #CC9292 | — |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #AF92CC | — |
| source.js constant.other.object.key.js string.unquoted.label.js | #97AF96 | — |
| token.info-token | #88A2D3 | — |
| token.warn-token | #D52090 | — |
| token.error-token | #B83030 | — |
| token.debug-token | #88A2D3 | — |
| punctuation.definition.keyword.scss | #AF92CC | — |
| meta.property-value.css | #AF92CC | — |
| source.sql, support.function.security.sql | #CC9292 | — |
| constant.language.null.js, constant.language.undefined.js, variable.language.this.js, variable.language.super.js | #97AF96 | — |
| variable.parameter.js | #CC9292 | — |
| string.template.js, string.template.js variable.other.constant.js, string.template.js variable.other.readwrite.js, string.template.js punctuation.definition.template-expression.begin.js, string.template.js punctuation.definition.template-expression.end.js, punctuation.definition.string.template.begin.js, punctuation.definition.string.template.end.js | #C9B888 | — |
| meta.object.member.js, meta.object.member.js meta.object-literal.key.js string.quoted.single.js, meta.object.member.js meta.object-literal.key.js string.quoted.single.js punctuation.definition.string.begin.js, meta.object.member.js meta.object-literal.key.js string.quoted.single.js punctuation.definition.string.end.js, meta.object.member.js meta.object-literal.key.js string.quoted.double.js, meta.object.member.js meta.object-literal.key.js string.quoted.double.js punctuation.definition.string.begin.js, meta.object.member.js meta.object-literal.key.js string.quoted.double.js punctuation.definition.string.end.js, meta.object.member.js meta.object-literal.key.js meta.array.literal.js variable.other.readwrite.js | #CC9292 | — |
| meta.object.member.js string.quoted.single.js, meta.object.member.js string.quoted.double.js, meta.object.member.js constant.language.boolean.false.js, meta.object.member.js constant.language.boolean.true.js | #B8B8B8 | — |
| source.vue variable.other.property.js, source.vue variable.other.object.property.js | #CC9292 | — |
| source.vue entity.name.tag.template.html, source.vue entity.name.tag.script.html, source.vue entity.name.tag.style.html, source.vue punctuation.definition.tag.begin.html, source.vue punctuation.definition.tag.end.html | #88A2D3 | — |
| source.vue meta.tag.block.any.html punctuation.definition.tag.begin.html | #AF92CC | — |
| constant.numeric.json, constant.language.json | #B8B8B8 | — |
| support.type.property-name.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #AF92CC | — |
| storage.type.annotation.java, storage.modifier.import.java, punctuation.definition.annotation.java | #C9B888 | — |
| storage.modifier.java | #AF92CC | — |
| variable.parameter.java | #CC9292 | — |
| storage.type.java, storage.type.primitive.java | #88A2D3 | — |
| meta.image.inline.markdown, meta.link.inline.markdown | #97AF96 | — |
| storage.type.annotation.dart | #C9B888 | — |
| string.quoted.docstring.multi.python | #97AF96 | — |
| meta.function-call.arguments.python | #B8B8B8 | — |
| variable.parameter.ts, meta.object-literal.key.ts | #CC9292 | — |
| entity.name.type.ts, support.type.primitive.ts | #88A2D3 | — |
| punctuation.decorator.ts | #AF92CC | — |
| variable.object.property.ts | #B8B8B8 | — |
| keyword.type.cs | #88A2D3 | — |
| punctuation.separator.hash.cs, punctuation.definition.tag.cs | #AF92CC | — |
| variable.other.global.safer.php, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, storage.type.class.php, storage.modifier.extends.php | #AF92CC | — |
| punctuation.definition.variable.php | #B8B8B8 | — |
| storage.type.php | #88A2D3 | — |