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.

  • badge.background#FF0000
  • button.background#FF0000
  • button.hoverBackground#FF0000
  • editor.inactiveSelectionBackground#FFFFFF44
  • editor.selectionBackground#FFFFFF44
  • editor.selectionForeground#FFFFFFFF
  • editor.selectionHighlightBackground#FFFFFF22
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#00000000
  • editor.wordHighlightBorder#00000000
  • focusBorder#00000000
  • foreground#FFFFFF
  • list.activeSelectionBackground#FFFFFF22
  • list.inactiveSelectionBackground#FFFFFF22
  • selection.background#FF000077
  • statusBar.background#00000000
  • textLink.activeForeground#FF0000
  • textLink.foreground#FF0000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#FFFFFF
entity.other.attribute, keyword.control, keyword.operator.functionlike, keyword.operator.wordlike, keyword.other.attribute, keyword.other.default, keyword.other.using, keyword.directive.preprocessor, meta.preprocessor, storage.modifier.specifier, storage.modifier.virtual, storage.modifier.static, storage.type, constant.language, entity.source.cmake, keyword.cmake, storage.modifier.glsl#FF0000
variable.other.enummember#B14700
entity.name.function.call, entity.name.function.member, keyword.operator.cast#FF6600
entity.name.type, entity.name.function.definition, storage.source.cmake, variable.source.cmake#FFDA38
variable, string, entity.name.namespace#CFB092
comment#85743C
constant, keyword.other.unit#B28CC4
variable.parameteritalic

Shiki preview

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

Loading...

Blood Moon Theme - Coding Theme