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#1d1f21
  • editor.findMatchHighlightBackground#f6a644
  • editor.foreground#bdbdbd
  • editor.lineHighlightBackground#2f2f2f
  • editor.selectionBackground#0050a0
  • editorOverviewRuler.findMatchForeground#121212

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#767676
string#E5B074
keyword#8FAEEB
keyword.operator#bdbdbd
storage#8FAEEB
storage.modifier.import, storage.modifier.package#bdbdbd
support.function#8FAEEB
variable.parameter#daa912
constant.numeric#85a300
constant.language#d89333
constant.other#d89333italic
text.html.basic meta.tag.sgml.html punctuation.definition.tag.html, text.html.basic meta.tag.sgml.html meta.tag.sgml.doctype.html, text.html.basic meta.tag.sgml.html meta.tag.sgml.doctype.html string.quoted.double.doctype.identifiers-and-DTDs.html#bdbdbd
text.html.basic constant.character.entity.html, text.xml constant.character.entity.xml#d89333
entity.name.tag#8FAEEB
punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag.html#8FAEEB
entity.other.attribute-name#85a300
meta.selector.css entity.name.tag.css, meta.selector.css entity.other.attribute-name.class.css, meta.selector.css entity.other.attribute-name.id.css, meta.selector.css meta.attribute-selector.css entity.other.attribute-name.attribute.css, meta.selector.css meta.attribute-selector.css string.unquoted.attribute-value.css#8FAEEB
meta.selector.css meta.attribute-selector.css punctuation.separator.operator.css#bdbdbd
meta.selector.css entity.other.attribute-name.pseudo-class.css, meta.selector.css entity.other.attribute-name.pseudo-element.css#bdbdbd
keyword.control.at-rule, meta.at-rule support.type.property-name#b77fdb
meta.at-rule support.constant#85a300
meta.at-rule keyword.operator#8FAEEB
meta.property-name.css support.type.property-name.css#b77fdb
meta.property-value.css#bdbdbd
meta.property-value.css support.constant, meta.property-value.css support.function, meta.property-value.css variable.parameter.misc.css, meta.property-value.css constant.other.color.rgb-value.css#d89333
meta.property-value.css constant.numeric.css, meta.property-value.css constant.numeric.css keyword.other.unit.css, meta.at-rule constant.numeric.css keyword.other.unit.css#85a300
meta.property-value.css support.constant.color.w3c-standard-color-name.css#8FAEEB
punctuation.separator.key-value.css, punctuation.terminator.rule.css, punctuation.section.property-list.css#bdbdbd
variable.language.js, storage.type.js, storage.type.function.js, meta.function.json.js storage.type.function.js, meta.class.instance.constructor keyword.operator.new.js#8FAEEB
support.function.js, support.function.dom.js, support.constant.js, entity.name.function.js, meta.function.json.js variable.parameter.function.js#b77fdb
text.xml meta.tag.preprocessor.xml punctuation.definition.tag.begin.xml, text.xml meta.tag.preprocessor.xml entity.name.tag.xml, text.xml meta.tag.preprocessor.xml entity.other.attribute-name.xml, text.xml meta.tag.preprocessor.xml string.quoted.double.xml, text.xml meta.tag.sgml.doctype.xml punctuation.definition.tag.begin.xml, text.xml meta.tag.sgml.doctype.xml keyword.doctype.xml#bdbdbd
text.tex.latex constant, text.tex.latex constant.other#8FAEEB
text.tex.latex string.other.math#85a300
text.tex.latex string.other.math punctuation.section.group.tex, text.tex.latex string.other.math punctuation.definition.arguments#bdbdbd
text.tex.latex meta.function.section.latex entity.name.section.latex#b77fdb
text.tex.latex variable.parameter.function.latex#d89333italic
text.tex.latex constant.other.reference#d89333
text.tex.latex meta.preamble.latex support.class.latex#85a300
source.c++ meta.preprocessor#8FAEEB
sublimelinter.mark.error#D02000
sublimelinter.gutter-mark#FFFFFF
sublimelinter.mark.warning#DDB700
markup.deleted.git_gutter#F92672
markup.inserted.git_gutter#A6E22E
markup.changed.git_gutter#967EFB
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656
var.this, variable.language.this.js, variable.language.this.ts, variable.language.this.jsx, variable.language.this.tsx#8FAEEB
support.type.property-name.scss, support.type.property-name.css#b77fdb
support.constant.property-value.scss, support.constant.property-value.css#d89333
keyword.operator.expression.delete, keyword.operator.expression.in, keyword.operator.expression.of, keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.expression.typeof, keyword.operator.expression.void#8FAEEB
punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js#8FAEEB
meta.template.expression.js#bdbdbd
support.module.node.js, support.type.object.module.js, support.module.node.js#8FAEEB
function.parameter#fec514
function.parameter#fec514
support.type.property-name.json#8FAEEB

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Dark Brackets Theme - Coding Theme