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.

  • editor.background#222222
  • editor.foreground#d3d3d3
  • editor.lineHighlightBackground#272727
  • editorBracketMatch.background#530101
  • editorBracketMatch.border#530101
  • editorIndentGuide.background#404040
  • editorLineNumber.activeForeground#c00000
  • editorLineNumber.foreground#606060
  • focusBorder#d3d3d3
  • sideBar.background#202020
  • sideBar.border#404040
  • sideBar.foreground#d3d3d3
  • titleBar.activeBackground#303030
  • titleBar.inactiveBackground#272727

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
string#76ce76
comment#94a1af
meta.function-call#d3d3d3
entity.name.function#d3d3d3
meta.function#D3D3D3
meta.function-call#d3d3d3
support.function#21aee6
storage.type.function, keyword.function#21aee6
storage.type#21aee6
storage.modifier#21aee6
support.variable#FF0000
variable.parameter#e02828
variable.other.readwrite#c8c8c8
variable.other.constant#d3d3d3
entity.name.variable#ff2f2f
constant.character#ff5151
meta.template.expression#e0c23d
storage.modifier.array.bracket.square.c#d3d3d3
keyword.control.directive.include, keyword.control.import, keyword.control, keyword.import, keyword.function, keyword.package#ff2f2f
support.type.object.module#ff7300
constant.numeric, constant.language, variable.language#a871ff
support.type.property-name#ff5b5b

Shiki preview

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

Loading...

Easier Programming - Coding Theme