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#FFFFD8
  • editor.currentFindMatchHighlight#00F
  • editor.findMatchHighlight#00F
  • editor.findRangeHighlight#00F
  • editor.hoverHighlight#00F
  • editor.inactiveSelection#00F
  • editor.lineHighlight#D7D3F0
  • editor.rangeHighlight#ff0000
  • editor.referenceHighlight#00F
  • editor.selectionBackground#D7D3F0
  • editor.selectionHighlight#D7D3F0
  • editorLineNumber.foreground#999

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A50
keyword, keyword.control, storage.type, storage.modifier, punctuation.definition.parameters, punctuation.section.parens.begin, variable.parameter, variable.other.property, support.variable.property.dom, variable.other.object.property, punctuation.separator, punctuation.accessor, punctuation.definition.array#708
variable.other.object, support.class.console, support.variable.dom, support.constant, entity.name.type.module, entity.name.type#000000
constant.language.boolean.true, constant.language.boolean.false, constant.language.null#219
constant.numeric, constant.language, support.type.primitive#219
string, constant.other.symbol#A11
punctuation.definition.string.begin, punctuation.definition.string.end#A11normal
entity.name.function, support.function.dom, support.function#000000normal
variable.language, variable.other.member, variable.other.readwrite, punctuation.definition.variable#000000

Shiki preview

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

Loading...

TourOfGo - Coding Theme