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.

  • editor.background#1e1e1e
  • editor.foreground#d4d4d4
  • editor.inactiveSelectionBackground#3a3d41
  • editor.selectionHighlightBackground#add6ff26
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorRuler.foreground#333333

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source#ff0000bold italic
comment#808080italic
constant
entity
keyword
variable
string.unquoted#92bdca
string#ce9178
constant.numeric.linenumber#fed24f
constant.numeric.code#8bdf95
constant.numeric#ce9178
constant.language.spacer#555555
constant.language.condition.start#6a9955
constant.language.condition.stop#ff6666
constant.language#ff95bf
keyword.other.macro#ffbb33bold
keyword.other.pragma#ae81ffbold
keyword.other#ae81ff
keyword.control.task#f12ee2
keyword.control.terminate#ff5555
keyword.control.repeat#ffb266
keyword.control.do#a0a0a0
keyword.control.if#66b2ff
keyword.control.switch#aaecac
keyword.control.function#f12ee2
keyword.controlbold
entity.name.function#f9ff7d
variable#f9ff7d

Shiki preview

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

Loading...

Winkyscript Assembly Language by Pierre-Yves Thoulon - VS Code Theme