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#1a1a1a
  • editor.foreground#d4d4d4
  • editor.lineHighlightBackground#2a2a2a
  • editor.selectionBackground#094771
  • editor.selectionHighlightBackground#add6ff26
  • editorCursor.foreground#a7a7a7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6A9955italic
keyword.metal.function, keyword.control.metal#C586C0
keyword.metal.address-space, keyword.metal.access#4FC1FF
support.type.metal.scalar, support.type.metal.vector, support.type.metal.matrix, storage.type.metal#4EC9B0
support.type.metal.texture, support.type.metal.sampler#FFD700
support.function.metal.math, support.function.metal.geometric, support.function.metal.texture, support.function.metal.thread, support.function.metal.atomic#DCDCAA
support.other.attribute.metal#9CDCFE
constant.numeric.metal, constant.numeric.metal.float, constant.numeric.metal.hex, constant.numeric.metal.integer#B5CEA8
constant.language.metal#569CD6
string.quoted.double.metal, string.quoted.single.metal#CE9178
keyword.operator.arithmetic.metal, keyword.operator.comparison.metal, keyword.operator.logical.metal, keyword.operator.assignment.metal#D4D4D4
meta.preprocessor.metal, keyword.control.directive.metal#9B9B9B
Apple Metal Shading Language by Jakub Jirak - VS Code Theme