Skip to main content
CodingTheme

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#070025
  • activityBar.border#124da5
  • editor.background#070025
  • editor.foreground#53b1dd
  • editor.lineHighlightBorder#ff00ff
  • editor.selectionBackground#ffb4f5a4
  • editorGroupHeader.border#124da5
  • editorGroupHeader.tabsBackground#0d0143
  • selection.background#008000
  • sideBar.background#0d0143
  • sideBar.border#124da5
  • statusBarItem.remoteBackground#f807d800
  • tab.border#124da5
  • tab.inactiveBackground#0d0143
  • titleBar.activeBackground#0d0143
  • titleBar.border#124da5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
constant.language#a507a5
markup.heading#ff00f2bold
markup.inline.raw#ae00ff
constant.numeric, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color, support.constant.math#aa00ff
storage#9755f5
storage.type#9755f5
storage.modifier#9755f5
string#9755f5
string.tag#9755f5
string.value#9755f5
keyword.control#a53061
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python#aa00ff
variable.language.this#f84fc0
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, support.type.property-name#f389f3
variable, meta.definition.variable.name, support.variable#dd20cd
variable.other.property, support.variable.property, variable.other.constant.property#f8a5f8
meta.object-literal.key#e40d9c
meta.return-type, support.class, support.type, entity.name.type, entity.name.namespace, entity.name.scope-resolution, entity.name.class#e40d9c
comment#02b7d6
keyword.operator#037cbd

Shiki preview

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

Loading...

pinker by poiasd - VS Code Theme