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#17111c
  • activityBar.border#5d5d5d30
  • debugToolBar.background#17111c
  • editor.background#17111c
  • editorGroupHeader.tabsBackground#17111c
  • menu.background#17111cef
  • panel.background#17111c
  • quickInput.background#17111cc5
  • sideBar.background#17111c
  • sideBar.border#5d5d5d30
  • sideBarSectionHeader.background#17111c
  • sideBarSectionHeader.border#ffffff15
  • statusBar.background#251434
  • statusBar.border#ffffff15
  • statusBarItem.remoteBackground#55287a
  • tab.activeBackground#17111c
  • tab.inactiveBackground#1a1a1a20
  • titleBar.activeBackground#17111c
  • titleBar.border#5d5d5d30

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.control#C586C0
source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator#C586C0
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#569CD6
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#569CD6
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#9CDCFE
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
variable.other.constant, variable.other.enummember#4FC1FF
comment#819b75italic
constant.numeric, keyword.operator.plus.exponent, keyword.operator.minus.exponent, meta.preprocessor.numeric, markup.inserted, keyword.other.unit, constant.sha.git-rebase#B5CEA8
CDLPC Theme - By Daniel Rodrigues 3TIS by vexy - VS Code Theme