Skip to main content
Coding Theme

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#121212
  • activityBar.border#5d5d5d30
  • debugToolBar.background#121212
  • editor.background#1a1a1a
  • editorGroupHeader.tabsBackground#121212
  • menu.background#1e1e1ee8
  • menu.border#5d5d5da3
  • panel.background#121212
  • quickInput.background#1e1e1e97
  • quickInput.foreground#cce5f4
  • sideBar.background#121212
  • sideBar.border#5d5d5d30
  • sideBarSectionHeader.background#121212
  • sideBarSectionHeader.border#ffffff15
  • statusBar.background#121212
  • statusBar.border#ffffff15
  • statusBarItem.remoteBackground#212121
  • tab.activeBackground#1a1a1a
  • tab.inactiveBackground#1a1a1a20
  • titleBar.activeBackground#090909
  • titleBar.border#5d5d5d30

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.control#C586C0
keyword.operator.arithmetic#bfffef
constant.character, constant.language, entity.name.tag, markup.changed, meta.preprocessor, entity.name.function.preprocessor, meta.diff.header, storage, storage.type, storage.modifier, keyword.operator.noexcept, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, variable.language, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike, markup.changed#569CD6
markup.bold, markup.heading#569CD6bold
support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy, meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#4EC9B0
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal, keyword.operator.or.regexp, keyword.control.anchor.regexp#DCDCAA
entity.other.attribute-name, meta.structure.dictionary.key.python, support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded, support.function.git-rebase, meta.object-literal.key, variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder#9CDCFE
markup.deleted, markup.inline.raw, meta.preprocessor.string, string, meta.embedded.assembly, string.tag, string.value, support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color, punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp#CE9178
string.regexp, constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#D16969
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, meta.template.expression, keyword.operator, storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#D4D4D4
variable.other.constant, variable.other.enummember#4FC1FF
comment#819b75italic
comment.block#819b7585italic
comment.block.documentation#4b7354italic
constant.numeric, keyword.operator.plus.exponent, keyword.operator.minus.exponent, meta.preprocessor.numeric, markup.inserted, keyword.other.unit, constant.sha.git-rebase#B5CEA8
punctuation.definition.tag#808080
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss, keyword.operator.quantifier.regexp, constant.character.escape#D7BA7D
CDLPC Theme - By Daniel Rodrigues 3TIS by vexy - VS Code Theme