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#0e0e10
  • editor.foreground#eeffff
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, string.comment#559960italic
string#CE9178
punctuation.definition.template-expression.begin.js,punctuation.definition.template-expression.end.js,punctuation.definition.template-expression.begin.ts,punctuation.definition.template-expression.end.ts,punctuation.definition.block.ts#c678dd
string.template.js#CE9178
meta.template.expression.js#abb2bf
constant.numeric#a970ff
string.embedded.begin, string.embedded.end, punctuation.definition.ng-binding-name.begin.html, punctuation.definition.ng-binding-name.end.html, entity.other.ng-binding-name.property.html#c678dd
string.embedded#98c379
constant.language#56b6c2
constant.character, constant.other#56b6c2
variable.language#e06c75
variable.readwrite, variable.readwrite.other.block, variable.other.readwrite.ts#61afef
keyword, keyword.operator.logical, keyword.operator.constructor#F92672bold
keyword.operator#F92672
storage#e06c75
storage.type#569CD6italic
entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class#4EC9B0
variable.other.object#61AFEF
variable.other.property, variable.other.block#fffffff8italic
entity.other.inherited-class#98c379
entity.name.function, support.function#00f593bold
variable.parameter#FD971Fbold
entity.name.function-call#abb2bf
function.support.builtin, function.support.core#98c379
entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx, punctuation.definition.tag#569CD6
punctuation.definition.tag#808080
entity.name.tag.class, entity.name.tag.id#56b6c2
entity.other.attribute-name, entity.other.ng-binding-name.event.html, entity.other.ng-binding-name#f8961e
support.constant#56b6c2
support.type, support.variable#61AFEF
support.dictionary.json#56b6c2
support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass#abb2bf
support.constant.css, support.constant.scss, support.constant.less, support.constant.sass#98c379
variable.css, variable.scss, variable.less, variable.sass#56b6c2
variable.css.string, variable.scss.string, variable.less.string, variable.sass.string#e5c07b
unit.css, unit.scss, unit.less, unit.sass#c678dd
function.css, function.scss, function.less, function.sass#56b6c2
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
structure.dictionary.property-name.json#56b6c2
string.detected-link#61afef
meta.diff, meta.diff.header#75715E
markup.deleted#c678dd
markup.inserted#e5c07b
markup.changed#e5c07b
constant.numeric.line-number.find-in-files - match#56b6c2A0
entity.name.filename.find-in-files#e5c07b
markup.italic, markup.italic.markdownitalic
punctuation.definition.italic.markdown#696969
markup.underline.link.markdown#61afef
markup.bold.markdownbold
punctuation.definition.bold.markdown#696969
markup.heading.markdown#e06c75bold
punctuation.definition.heading.markdown#696969
markup.quote.markdown#98c379
meta.separator.markdown#c678ddbold
markup.raw.inline.markdown, markup.raw.block.markdown#56b6c2
punctuation.definition.list_item.markdown#ffffffbold
entity, entity.name#ffffff
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
thinh-dark-theme by thinhxd12 - VS Code Theme