Skip to main content
Coding Theme

BX Toolbox

Publisher: BuildboxThemes in package: 1

Snippets for PHP, WordPress, React and Node.

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#343746
  • activityBar.foreground#df2e64
  • activityBar.inactiveForeground#ffffff40
  • button.background#df2e64
  • extensionButton.background#df2e64
  • focusBorder#ffffff70
  • foreground#ffffff
  • sideBar.background#262626
  • statusBar.background#262626
  • statusBar.noFolderForeground#262626
  • tab.activeBorderTop#df2e64
  • tab.activeModifiedBorder#ffba00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#F8F8F2
comment#6272a4
string#f1fa8c
constant.numeric#bd93f9
constant.language#bd93f9
constant.character, constant.other#bd93f9
variable
keyword#ff79c6
meta.tag, declaration.tag#ff79c6
storage#ff79c6
storage.type#8be9fditalic
entity.name.class#50fa7bunderline
entity.other.inherited-class#50fa7bitalic underline
entity.name.function#50fa7b
variable.parameter#ffb86citalic
entity.name.tag#ff79c6
entity.other.attribute-name#50fa7b
support.function#8be9fd
support.constant#6be5fd
support.type, support.class#66d9ef italic
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.structure.dictionary.json string.quoted.double.json#CFCFC2
meta.diff, meta.diff.header#6272a4
markup.deleted#ff79c6
markup.inserted#50fa7b
markup.changed#E6DB74
constant.numeric.line-number.find-in-files - match#bd93f9
entity.name.filename#E6DB74
message.error#F83333

Shiki preview

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

Loading...

BX Toolbox - Coding Theme