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#0a1e25
  • activityBarBadge.background#FC537D
  • dropdown.background#184657
  • editor.background#0D2B36
  • editor.findMatchBackground#65479b
  • editor.foreground#F8F8F2
  • editorGroupHeader.tabsBackground#0a1e25
  • editorWidget.background#184657
  • errorForeground#F8F8F2
  • focusBorder#85E4F5
  • foreground#F8F8F2
  • input.background#184657
  • list.activeSelectionBackground#184657
  • list.focusBackground#0a1e25
  • list.hoverBackground#184657
  • list.inactiveSelectionBackground#184657
  • sideBar.background#0D2B36
  • statusBar.background#65479b
  • tab.inactiveBackground#184657
  • terminal.ansiBlack#1a1817
  • terminal.ansiBlue#70E7FF
  • terminal.ansiBrightBlack#665C54
  • terminal.ansiBrightBlue#AFDDE6
  • terminal.ansiBrightCyan#8BA59B
  • terminal.ansiBrightGreen#a6db92
  • terminal.ansiBrightMagenta#F565E2
  • terminal.ansiBrightRed#FF6391
  • terminal.ansiBrightWhite#F8F8F2
  • terminal.ansiBrightYellow#8f7bb4
  • terminal.ansiCyan#8BA59B
  • terminal.ansiGreen#a6db92
  • terminal.ansiMagenta#F565E2
  • terminal.ansiRed#FF6391
  • terminal.ansiWhite#F8F8F2
  • terminal.ansiYellow#8f7bb4
  • terminal.foreground#F8F8F2
  • window.activeBorder#0a1e25
  • window.inactiveBorder#0a1e25

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
β€”#F8F8F2β€”
comment#60638Aβ€”
string#AFDDE6β€”
constant.numeric#FF6391β€”
constant.language#AE81FFβ€”
constant.character, constant.other#AE81FFβ€”
variableβ€”
keyword#FF6391β€”
storage#FF6391
storage.type#C788F0italic
entity.name.class#F565E2β€”
entity.other.inherited-class#F565E2 italic
entity.name.function#70E7FF
variable.parameter#F565E2italic
entity.name.tag#FF6391
entity.other.attribute-name#AE81FF italic
support.function#F565E2
support.constant#AFDDE6
support.type, support.class#70E7FFβ€”
support.other.variableβ€”
invalid#F8F8F0
invalid.deprecated#F8F8F0β€”
source.json meta.structure.dictionary.json support.type.property-name.json#AE81FFβ€”
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#70E7FFβ€”
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#AFDDE6β€”

Shiki preview

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

Loading...

Filtered Theme - Coding Theme