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.

  • activityBar.background#16161b
  • activityBar.foreground#6d6d6d
  • activityBarBadge.background#16161b
  • badge.background#25222e
  • badge.foreground#3f3c57
  • editor.background#16161b
  • editor.foreground#c5c9c8
  • editorBracketHighlight.foreground1#d8ab70
  • editorBracketHighlight.foreground2#c03c8f
  • editorBracketHighlight.foreground3#428aff
  • editorGroupHeader.tabsBackground#16161b
  • editorGutter.addedBackground#2ca544
  • editorInlayHint.foreground#6d6d6d
  • editorLineNumber.foreground#46464b
  • editorWidget.background#16161b
  • gitDecoration.conflictingResourceForeground#f0ac22
  • gitDecoration.ignoredResourceForeground#46464b
  • gitDecoration.modifiedResourceForeground#d8ab70
  • list.activeSelectionBackground#282831
  • list.errorForeground#de3846
  • list.hoverBackground#282831
  • list.inactiveSelectionBackground#282831
  • list.warningForeground#f0ac22
  • sideBar.background#16161b
  • sideBar.foreground#6d6d6d
  • sideBarSectionHeader.background#16161b
  • statusBar.background#282831
  • statusBar.foreground#6d6d6d
  • statusBarItem.remoteBackground#282831
  • statusBarItem.remoteForeground#6d6d6d
  • tab.activeBackground#282831
  • tab.border#16161b
  • tab.inactiveBackground#16161b
  • titleBar.activeBackground#16161b
  • titleBar.inactiveBackground#16161b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
storage, keyword.other.rust, keyword.other.fn.rust, meta.method.declaration meta.var.expr storage.type, keyword.operator.expression, keyword.operator.new, meta.class meta.type.parameters storage.modifier, meta.field.declaration meta.type.annotation storage.modifier, meta.var.expr meta.class storage.modifier#0483a3
entity.name.function, support.function, variable.function, meta.method.declaration storage.type, meta.require#428aff
meta.method.declaration storage.typebold
keyword.control.from, keyword.control.import, meta.use.rust keyword.other.rust#8C4A32italic bold
keyword.control.export#8C4A32bold
keyword.control, keyword.control.rust#8C4A32italic
keyword.operator.ternary, keyword.control.conditional, keyword.operator.type.modifier, keyword.operator.optional, storage.type.function.arrow#00b3d3bold
variable.parameter, meta.var.expr meta.object.member variable, entity.name.tag, meta.interface meta.type.parameters entity.name.type, meta.method.declaration meta.type.parameters entity.name.type, meta.field.declaration meta.type.parameters entity.name.type, meta.type.declaration meta.type.parameters entity.name.type, meta.arrow meta.type.parameters entity.name.type, meta.class meta.type.parameters entity.name.type, command.parameter#de3846
meta.object.member meta.object-literal.key, entity.name.label, meta.definition.property variable, meta.definition.property variable.object.property, punctuation.definition.template-expression, meta.enum.declaration variable.other.enummember, entity.other.attribute-name, entity.name.section.group-title.ini#c05921
variable, variable.other.object.property, support.variable.property, meta.object.type variable.object.property, meta.template.expression meta.embedded.line variable, keyword.other.definition.ini#d8ab70
variable.language.super, variable.language.this, variable.language.self#0483a3
constant#1696c1
entity.name.type, support.constant, support.class, variable.other.object, variable.other.constant.object, meta.interface entity.other.inherited-class, meta.class entity.other.inherited-class#f0ac22
support.type, meta.indexer.mappedtype.declaration, entity.name.type.numeric.rust, entity.name.type.primitive.rust#cc850b
comment, punctuation, keyword.operator.type.annotation, keyword.operator.access.dot.rust, meta.tag.attributes keyword.operator.assignment#6d6d6d
#b5b5b5
constant.numeric#00c3f3
string, source.ini#5dce74
DeepType Theme by Eythan David - VS Code Theme