Skip to main content
Coding Theme

Color themes

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#151719
  • editor.foreground#C7C9C8
  • editor.selectionBackground#292D31
  • editorCursor.foreground#C7C9C8
  • editorLineNumber.foreground#50565A
  • editorWidget.background#1D2023

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source.js variable, source.ts variable#95979B
source.js variable.other.property, source.js variable.other.member, source.ts variable.other.property, source.ts variable.other.member#838689
source.js constant.language, source.js variable.other.constant, source.ts constant.language, source.ts variable.other.constant#B4B7BA
source.js string, source.ts string#707276
source.js constant.character.escape, source.ts constant.character.escape#B4B7BA
source.js constant.numeric, source.ts constant.numeric#A5A8AB
source.js entity.name.type, source.js support.type, source.ts entity.name.type, source.ts support.type#C2C4C7
source.js entity.name.function, source.js support.function, source.ts entity.name.function, source.ts support.function#A5A8AB
source.js entity.name.function.call, source.js variable.function, source.ts entity.name.function.call, source.ts variable.function#B4B7BA
source.js keyword.operator, source.ts keyword.operator#838689
source.js storage, source.js keyword, source.ts storage, source.ts keyword#888B8D
source.js keyword.control, source.ts keyword.control#B4B7BA
source.js keyword.control.return, source.ts keyword.control.return#C2C4C7
source.js punctuation, source.ts punctuation#888B8D
source.js punctuation.section, source.js punctuation.definition, source.ts punctuation.section, source.ts punctuation.definition#515355
source.js comment, source.ts comment#515355
meta.embedded.argiope.javascript variable#95979B
meta.embedded.argiope.javascript variable.other.property, meta.embedded.argiope.javascript variable.other.member#838689
meta.embedded.argiope.javascript constant.language, meta.embedded.argiope.javascript variable.other.constant#B4B7BA
meta.embedded.argiope.javascript string#707276
meta.embedded.argiope.javascript constant.character.escape#B4B7BA
meta.embedded.argiope.javascript constant.numeric#A5A8AB
meta.embedded.argiope.javascript entity.name.type, meta.embedded.argiope.javascript support.type#C2C4C7
meta.embedded.argiope.javascript entity.name.function, meta.embedded.argiope.javascript support.function#A5A8AB
meta.embedded.argiope.javascript entity.name.function.call, meta.embedded.argiope.javascript variable.function#B4B7BA
meta.embedded.argiope.javascript keyword.operator#838689
meta.embedded.argiope.javascript storage, meta.embedded.argiope.javascript keyword#888B8D
meta.embedded.argiope.javascript keyword.control#B4B7BA
meta.embedded.argiope.javascript keyword.control.return#C2C4C7
meta.embedded.argiope.javascript punctuation#888B8D
meta.embedded.argiope.javascript punctuation.section, meta.embedded.argiope.javascript punctuation.definition#515355
meta.embedded.argiope.javascript comment#515355
meta.embedded.argiope.html entity.name.tag, meta.embedded.argiope.html entity.other.attribute-name#6FA1AA
meta.embedded.argiope.html entity.other.attribute-name#6FA1AA
meta.embedded.argiope.html string#A1CDD5
meta.embedded.argiope.html constant#80B1BA
meta.embedded.argiope.html punctuation, meta.embedded.argiope.html meta.tag punctuation#254F56
meta.embedded.argiope.html punctuation.definition.tag#254F56
meta.embedded.argiope.html comment#4B7B84
meta.embedded.argiope.svg entity.name.tag, meta.embedded.argiope.svg entity.other.attribute-name#769CBC
meta.embedded.argiope.svg entity.other.attribute-name#769CBC
meta.embedded.argiope.svg string#A9C8E4
meta.embedded.argiope.svg constant#88ACCC
meta.embedded.argiope.svg punctuation, meta.embedded.argiope.svg meta.tag punctuation#2A4B66
meta.embedded.argiope.svg punctuation.definition.tag#2A4B66
meta.embedded.argiope.svg comment#517696
meta.embedded.argiope.css entity.other.attribute-name.class, meta.embedded.argiope.css entity.name.tag#6DA779
meta.embedded.argiope.css support.type.property-name, meta.embedded.argiope.css meta.property-name#6DA779
meta.embedded.argiope.css string#498156
meta.embedded.argiope.css constant, meta.embedded.argiope.css constant.numeric, meta.embedded.argiope.css support.constant#7EB88A
meta.embedded.argiope.css entity.name.function#7EB88A
meta.embedded.argiope.css keyword#6DA779
meta.embedded.argiope.css punctuation#505351
meta.embedded.argiope.css punctuation.section.block, meta.embedded.argiope.css punctuation.definition#498156
meta.embedded.argiope.css comment#498156
meta.embedded.argiope.markdown markup.heading#C77E9A
meta.embedded.argiope.markdown markup.list#A05875
meta.embedded.argiope.markdown markup.underline.link, meta.embedded.argiope.markdown string.other.link#EDB0C7
meta.embedded.argiope.markdown string#A05875
meta.embedded.argiope.markdown punctuation#A05875
meta.embedded.argiope.markdown punctuation.definition#6E2F4A
meta.embedded.argiope.glsl variable#918ED3
meta.embedded.argiope.glsl storage.type, meta.embedded.argiope.glsl entity.name.type#BFBEF2
meta.embedded.argiope.glsl entity.name.function, meta.embedded.argiope.glsl support.function#A19FE0
meta.embedded.argiope.glsl constant#B0AFEA
meta.embedded.argiope.glsl string#6C68AF
meta.embedded.argiope.glsl constant.numeric#A19FE0
meta.embedded.argiope.glsl keyword#8A8A8F
meta.embedded.argiope.glsl keyword.control#B0AFEA
meta.embedded.argiope.glsl keyword.operator#7F7CC3
meta.embedded.argiope.glsl punctuation#8A8A8F
meta.embedded.argiope.glsl punctuation.section, meta.embedded.argiope.glsl punctuation.definition#525256
meta.embedded.argiope.glsl comment#525256
meta.embedded.argiope.wgsl variable#AB84C8
meta.embedded.argiope.wgsl storage.type, meta.embedded.argiope.wgsl entity.name.type#D4B6EC
meta.embedded.argiope.wgsl entity.name.function, meta.embedded.argiope.wgsl support.function#BB96D7
meta.embedded.argiope.wgsl constant#C8A6E3
meta.embedded.argiope.wgsl string#865EA3
meta.embedded.argiope.wgsl constant.numeric#BB96D7
meta.embedded.argiope.wgsl keyword#8C898E
meta.embedded.argiope.wgsl keyword.control#C8A6E3
meta.embedded.argiope.wgsl keyword.operator#9A72B7
meta.embedded.argiope.wgsl punctuation#8B898E
meta.embedded.argiope.wgsl punctuation.section, meta.embedded.argiope.wgsl punctuation.definition#535156
meta.embedded.argiope.wgsl comment#535156
meta.interpolation.argiope punctuation.section.interpolation.begin, meta.interpolation.argiope punctuation.section.interpolation.end#515355
Argiope by m4rsh - VS Code Theme