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#121212
  • activityBar.border#5d5d5d30
  • debugToolBar.background#121212
  • editor.background#1a1a1a
  • editorGroupHeader.tabsBackground#121212
  • menu.background#1a1a1aef
  • panel.background#121212
  • quickInput.background#121212c5
  • 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#121212
  • titleBar.border#5d5d5d30

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.control#bc5c5c
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#5681d6
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#74aced
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#e79a6e
variable.other.constant, variable.other.enummember#4FC1FF
comment#517573italic
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