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#272822
  • activityBar.dropBackground#696767
  • activityBar.foreground#ffffff
  • badge.background#A4B576
  • badge.foreground#696767
  • button.background#A4B576
  • button.foreground#ffffff
  • editor.background#ecebe7
  • editor.foreground#696767
  • editor.hoverHighlightBackground#C9DDE0B0
  • editor.rangeHighlightBackground#C9DDE0B0
  • editor.selectionBackground#C9DDE0B0
  • editor.symbolHighlightBackground#C9DDE0B0
  • editor.wordHighlightBackground#C9DDE0B0
  • editorBracketMatch.background#C9DDE0B0
  • editorIndentGuide.background#ecebe7
  • editorWhitespace.foreground#3B3A32
  • focusBorder#ecebe7
  • icon.foreground#272822
  • inputOption.activeBorder#9F9BBD
  • selection.background#C9DDE0B0
  • sideBar.background#ecebe7
  • statusBar.background#A4B576
  • terminal.ansiBlack#272822
  • terminal.ansiBlue#8ab0b8
  • terminal.ansiBrightBlack#272822
  • terminal.ansiBrightBlue#8ab0b8
  • terminal.ansiBrightCyan#8AB8A0
  • terminal.ansiBrightGreen#A4B576
  • terminal.ansiBrightMagenta#9F9BBD
  • terminal.ansiBrightRed#BA8A8A
  • terminal.ansiBrightYellow#E3D2B1
  • terminal.ansiCyan#8AB8A0
  • terminal.ansiGreen#A4B576
  • terminal.ansiMagenta#9F9BBD
  • terminal.ansiRed#BA8A8A
  • terminal.ansiYellow#E3D2B1

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#696767
comment#9390AB
string#9F9BBD
constant.numeric#BA8A8A
constant.language#8AB8A0
constant.character, constant.other#8AB8A0
constant.language.variant.ocaml#8AB8A0bold
variable#696767
keyword#696767 bold
storage#696767
storage.modifier#838F66bold
storage.modifier.import, meta.import, variable.other.readwrite.alias#8AB8A0
storage.type#696767bold
entity.name.class#A4B576 bold
entity.name.type.class#A4B576 bold
entity.other.inherited-class#696767italic underline
entity.name.function, support.function#A4B576 bold
variable.other.constant.js, meta.definition.variable.js#8AB8A0 bold
variable.parameter#838F66
entity.name.tag#666666
entity.other.attribute-name#696767
support.function#696767
support.constant#696767
support.type, support.class#696767
entity.other.inherited-class#696767bold
support.other.variable#696767
invalid#696767
keyword.todo#BA8A8A
invalid.deprecated#9F9BBDbold underline
meta.object-literal.key.ts, meta.object.member, variable.object.property, meta.definition.property
meta.type-definition-group.ocaml meta.type-definition.ocaml entity.name.type.variant.ocaml#696767 bold
entity.name.tag.label.ocaml#3D3D3D
punctuation#696767
storage.type.user-defined.ocaml#A4B576 bold
meta.type-definition-group.ocaml meta.type-definition.ocaml storage.type.ocaml#A4B576 bold
entity.name.tag#8ab0b8 bold
support.class.component#8ab0b8 bold
entity.other.attribute-name bold

Shiki preview

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

Loading...

Rusty Theme by Chris Nevers - VS Code Theme