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.

  • activityBarBadge.background#007acc
  • editor.background#151515
  • editor.foreground#eeffff
  • editor.selectionBackground#444
  • editor.selectionHighlightBackground#FFFFFF20
  • editor.wordHighlightStrongBackground#FFFFFF20
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#867f78
comment support.other.namespace.php, comment punctuation.separator.inheritance.php, comment support.class.php, comment keyword.other#8d6767
variable, string constant.other.placeholder#EEFFFF
constant.other.color#ffffff
invalid, invalid.illegal#FF5370
storage.type, storage.modifier, keyword.other#C792EA
keyword.control, constant.other.color, meta.tag, 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#89DDFF
meta.tag.sgml, markup.deleted.git_gutter#f07178
constant.numeric#eeff00
meta.tag#b3ff00
punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#b3ff00a4
entity.other.attribute-name.html, punctuation.separator.key-value.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html#54cf47
meta.attribute.accept.html, meta.attribute.accept-charset.html, meta.attribute.accesskey.html, meta.attribute.action.html, meta.attribute.align.html, meta.attribute.alt.html, meta.attribute.async.html, meta.attribute.autocomplete.html, meta.attribute.autofocus.html, meta.attribute.autoplay.html, meta.attribute.bgcolor.html, meta.attribute.border.html, meta.attribute.charset.html, meta.attribute.checked.html, meta.attribute.cite.html, meta.attribute.color.html, meta.attribute.cols.html, meta.attribute.colspan.html, meta.attribute.content.html, meta.attribute.contenteditable.html, meta.attribute.controls.html, meta.attribute.coords.html, meta.attribute.data.html, meta.attribute.datetime.html, meta.attribute.default.html, meta.attribute.defer.html, meta.attribute.dir.html, meta.attribute.dirname.html, meta.attribute.disabled.html, meta.attribute.download.html, meta.attribute.draggable.html, meta.attribute.enctype.html, meta.attribute.for.html, meta.attribute.form.html, meta.attribute.formaction.html, meta.attribute.headers.html, meta.attribute.height.html, meta.attribute.hidden.html, meta.attribute.high.html, meta.attribute.href.html, meta.attribute.hreflang.html, meta.attribute.http-equiv.html, meta.attribute.ismap.html, meta.attribute.kind.html, meta.attribute.label.html, meta.attribute.lang.html, meta.attribute.list.html, meta.attribute.loop.html, meta.attribute.low.html, meta.attribute.max.html, meta.attribute.maxlength.html, meta.attribute.media.html, meta.attribute.method.html, meta.attribute.min.html, meta.attribute.multiple.html, meta.attribute.muted.html, meta.attribute.name.html, meta.attribute.novalidate.html, meta.attribute.onabort.html, meta.attribute.onafterprint.html, meta.attribute.onbeforeprint.html, meta.attribute.onbeforeunload.html, meta.attribute.onblur.html, meta.attribute.oncanplay.html, meta.attribute.oncanplaythrough.html, meta.attribute.onchange.html, meta.attribute.onclick.html, meta.attribute.oncontextmenu.html, meta.attribute.oncopy.html, meta.attribute.oncuechange.html, meta.attribute.oncut.html, meta.attribute.ondblclick.html, meta.attribute.ondrag.html, meta.attribute.ondragend.html, meta.attribute.ondragenter.html, meta.attribute.ondragleave.html, meta.attribute.ondragover.html, meta.attribute.ondragstart.html, meta.attribute.ondrop.html, meta.attribute.ondurationchange.html, meta.attribute.onemptied.html, meta.attribute.onended.html, meta.attribute.onerror.html, meta.attribute.onfocus.html, meta.attribute.onhashchange.html, meta.attribute.oninput.html, meta.attribute.oninvalid.html, meta.attribute.onkeydown.html, meta.attribute.onkeypress.html, meta.attribute.onkeyup.html, meta.attribute.onload.html, meta.attribute.onloadeddata.html, meta.attribute.onloadedmetadata.html, meta.attribute.onloadstart.html, meta.attribute.onmousedown.html, meta.attribute.onmousemove.html, meta.attribute.onmouseout.html, meta.attribute.onmouseover.html, meta.attribute.onmouseup.html, meta.attribute.onmousewheel.html, meta.attribute.onoffline.html, meta.attribute.ononline.html, meta.attribute.onpagehide.html, meta.attribute.onpageshow.html, meta.attribute.onpaste.html, meta.attribute.onpause.html, meta.attribute.onplay.html, meta.attribute.onplaying.html, meta.attribute.onpopstate.html, meta.attribute.onprogress.html, meta.attribute.onratechange.html, meta.attribute.onreset.html, meta.attribute.onresize.html, meta.attribute.onscroll.html, meta.attribute.onsearch.html, meta.attribute.onseeked.html, meta.attribute.onseeking.html, meta.attribute.onselect.html, meta.attribute.onstalled.html, meta.attribute.onstorage.html, meta.attribute.onsubmit.html, meta.attribute.onsuspend.html, meta.attribute.ontimeupdate.html, meta.attribute.ontoggle.html, meta.attribute.onunload.html, meta.attribute.onvolumechange.html, meta.attribute.onwaiting.html, meta.attribute.onwheel.html, meta.attribute.open.html, meta.attribute.optimum.html, meta.attribute.pattern.html, meta.attribute.placeholder.html, meta.attribute.poster.html, meta.attribute.preload.html, meta.attribute.readonly.html, meta.attribute.rel.html, meta.attribute.required.html, meta.attribute.reversed.html, meta.attribute.rows.html, meta.attribute.rowspan.html, meta.attribute.sandbox.html, meta.attribute.scope.html, meta.attribute.selected.html, meta.attribute.shape.html, meta.attribute.size.html, meta.attribute.sizes.html, meta.attribute.span.html, meta.attribute.spellcheck.html, meta.attribute.src.html, meta.attribute.srcdoc.html, meta.attribute.srclang.html, meta.attribute.srcset.html, meta.attribute.start.html, meta.attribute.step.html, meta.attribute.style.html, meta.attribute.tabindex.html, meta.attribute.target.html, meta.attribute.title.html, meta.attribute.translate.html, meta.attribute.type.html, meta.attribute.usemap.html, meta.attribute.value.html, meta.attribute.width.html, meta.attribute.wrap.html#48ffab
meta.attribute.id.html#ff761b
meta.attribute.class.html#00ffea
meta.tag.metadata.script.start.html, meta.tag.metadata.script.end.html#6fc8ff
string.quoted.single.js, string.quoted.double.js, string.template.js#d3d3d3
punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js#7fa7c0
#6fb2ff
variable.other.constant.js, variable.other.readwrite.js, variable.other.object.js#6fc8ff
variable.other.property.js, variable.other.object.property.js, meta.object-literal.key.js, support.variable.property.js#00d0d6
punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js, punctuation.definition.block.js, meta.brace.square.js, meta.brace.round.js, punctuation.accessor.js#93D6FFAF
keyword.control.flow.js, keyword.control.loop.js, keyword.control.conditional.js#58ffb9
keyword.control.flow.js#ff68e6
storage.type.js#93d6ffaf
meta.definition.function.js, storage.type.function.js, entity.name.function.js#a587f8
variable.parameter.js#a697ffitalic
support.function.js, meta.function-call.js#007eff
keyword.operator.comparison.js, keyword.operator.relational.js#58dd00
keyword.operator.assignment.js, keyword.operator.assignment.compound.js, keyword.operator.arithmetic.js, keyword.operator.expression.delete.js, keyword.operator.ternary.js, keyword.operator.logical.js, keyword.operator.expression.in.js#ff8e43
constant.language.boolean.true.js, constant.language.boolean.false.js#ffbb00
punctuation.terminator.statement.js#00f7ff
meta.tag.metadata.style.start.html, meta.tag.metadata.style.end.html#ff9a5f
source.css#ffbb89
entity.name.tag.css#b3ff00
entity.other.attribute-name.id.css#ff501b
entity.other.attribute-name.id.css punctuation.definition.entity.css#ff501baf
entity.other.attribute-name.class.css#00ffea
entity.other.attribute-name.class.css punctuation.definition.entity.css#00ffeaa9
support.type.property-name.css#ffb476
support.constant.property-value.css, constant.other.color.rgb-value.hex.css, invalid.deprecated.color.system.css, support.function.misc.css#ffe3a8
source.css keyword.other.unit#fdfbdb
entity.other.attribute-name.pseudo-class.css#ff94a3
entity.name.tag.reference.scss#ff5168
variable.scss#ff5168
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, variable.other.php, variable.other.global.php, variable.other.global.safer.php#ff0000
string.quoted.single.php, string.quoted.double.php#dddddd
source.php keyword.control#97a1ff
keyword.control.return.php#00ffdd
source.php support.function#fd2bc9
entity.name.function.php#ae57ff
storage.modifier.php, storage.type.function.php, storage.type.php#dfbbffitalic
entity.name.type.class.php, entity.other.inherited-class.php#fae279italic
support.class.php#fae279
support.other.namespace.php, entity.name.type.namespace.php#d4cdac
punctuation.separator.inheritance.php#a79e76
variable.other.property.php, constant.other.php#ff543e
punctuation.section.array.begin.php, punctuation.section.array.end.php, punctuation.definition.arguments.begin.bracket.round.php, punctuation.definition.arguments.end.bracket.round.php, punctuation.definition.array.begin.bracket.round.php, punctuation.definition.array.end.bracket.round.php, punctuation.definition.storage-type.begin.bracket.round.php, punctuation.definition.storage-type.end.bracket.round.php, punctuation.separator.delimiter.php#fd94bd
punctuation.definition.parameters.begin.bracket.round.php, punctuation.definition.parameters.end.bracket.round.php#ce9aff
punctuation.definition.begin.bracket.round.php, punctuation.definition.end.bracket.round.php, punctuation.definition.begin.bracket.curly.php, punctuation.definition.end.bracket.curly.php, punctuation.definition.section.switch-block.begin.bracket.curly.php, punctuation.definition.section.switch-block.end.bracket.curly.php, punctuation.definition.switch-expression.begin.bracket.round.php, punctuation.definition.switch-expression.end.bracket.round.php#cdcaff
punctuation.terminator.expression.php#00f7ff
keyword.operator.class.php#ff8ea1c0
keyword.operator.assignment.php, keyword.operator.increment-decrement.php, keyword.operator.key.php, keyword.operator.logical.php, keyword.operator.null-coalescing.php, keyword.operator.string.php, keyword.operator.ternary.php#ffa600
keyword.operator.comparison.php#58dd00
constant.language.php#ffbb00
source.sql#7affc1
keyword.other.DML.sql#1d92ff
keyword.other.sql#87a0d8
string.quoted.single.sql, string.quoted.double.sql#dddddd
constant.other.table-name.sql#7efc5f
constant.other.database-name.sql#b283fd
keyword.operator.comparison.sql, keyword.operator.math.sql#ff8e43
keyword.other.special-method#82AAFF
meta.block variable.other#f07178
support.other.variable, string.other.link#f07178
constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit#F78C6C
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#C3E88D
support.type, support.class, meta.use.php, markup.changed.git_gutter, support.type.sys-types#FFCB6B
support.type#B2CCD6
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FF5370
variable.language#FF5370italic
entity.name.method.js#82AAFFitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#82AAFF
entity.other.attribute-name#C792EA
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFCB6Bitalic
entity.other.attribute-name.class#FFCB6B
source.sass keyword.control#82AAFF
markup.inserted#C3E88D
markup.deleted#FF5370
markup.changed#C792EA
string.regexp#89DDFF
constant.character.escape#89DDFF
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#82AAFFitalic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
source.json meta.structure.dictionary.json support.type.property-name.json#C792EA
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FFCB6B
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#F78C6C
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF5370
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C17E70
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#82AAFF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#f07178
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C792EA
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C3E88D
text.html.markdown, punctuation.definition.list_item.markdown#EEFFFF
text.html.markdown markup.inline.raw.markdown#C792EA
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#C3E88D
markup.italic#f07178italic
markup.bold, markup.bold string#f07178bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#f07178bold
markup.underline#F78C6Cunderline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#82AAFF
string.other.link.description.title.markdown#C792EA
constant.other.reference.link.markdown#FFCB6B
markup.raw.block#C792EA
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#EEFFFF
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#EEFFFF
Brant's Theme by BrantMiller - VS Code Theme