Skip to main content
CodingTheme

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

Shiki preview

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

Loading...

Default Dark Plus - RinckoDEV by rinckodev - VS Code Theme